.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
body {
background:#F1F1F1 url(../images/bg.gif) repeat-x left top;
}
body #container {
width:960px;
margin:0 auto;
}
#container .top-row {
background:url(../images/primary_bg.jpg) no-repeat left top;
height:400px;
}
#container .top-row h1 {
background:url(../images/brivo-logo.png) no-repeat left;
width:105x;
height:84px;
margin:0 0 0 10px;
padding:11px 0 0 0;
text-indent:-9999px;
}
#container .top-row h2 {
background:url(../images/slogan.png) no-repeat left top;
width:504px;
height:79px;
text-indent:-9999px;
margin: 0px 0 10px 20px;
}
#container .access-control h2 {
background:transparent url(../images/slogan-control.png) no-repeat scroll left top;
height:98px;
margin:17px 0 5px 15px;
text-indent:-9999px;
width:635px;
}
#container .top-row .content {
background:transparent;
min-height:200px;
}
#container .top-row .content .demothumb {
float:left;
margin: 10px 25px 0 25px;
width: 270px;
height: 150px;
}
#container .top-row .content-browser {
background:transparent url(../images/browser-image.png) no-repeat scroll left top;
}
#container .top-row .content-browser {
background:transparent url(../images/browser-image.png) no-repeat scroll left top;
}
#container .top-row .content .left {
float:left;
width:460px;
padding-left:10px;
}
#container .top-row .content .right {
float:left;
width:480px;
padding-left:10px;
}
#container .top-row .content .left .flash {
border:10px solid #b4b4b4;
}
#container .top-row .content ul {
margin:10px 0 0 0;
}
#container .top-row .content ul li.first {
list-style:inside url(../images/bullet-black.gif);
color:#000;
}
#container .top-row .content .middledemo {
width: 430px;
float:left;
}
#container .top-row .content .middle {
margin-left: 250px;
width: 430px;
float:left;
}
#container .top-row .content .rightside {
width: 200px;
float:left;
}
#container .top-row .content ul li {
list-style:inside url(../images/bullet-gray.gif);
color:#999;
margin:0 0 .1em;
font-weight:bold;
}
#container .top-row .content .logos img {
margin:5px 0px 0px 5px;
}
#container .top-row .content .logos h3 {
background:url(../images/title-award-winning.png) no-repeat left top;
text-indent:-9999px;
width:157px;
height:13px;
}
#container .top-row .content .contact {
margin-top:20px;
float:left;
}
#container .top-row .content .contact h3 {
background:url(../images/title-sales-inquiries.png) no-repeat left top;
text-indent:-9999px;
width:156px;
height:13px;
}
#container .top-row .content .contact ul li.seperate {
margin-top:10px;
}
#container .top-row .content .contact ul {
width:135px;
margin:2px 0 0 15px;
float:left;
}
#container .top-row .content .contact ul li {
font-size:1.1em;
font-weight:bold;
color:#666;
list-style:none;
}
#container .top-row .content .contact ul li.orange {
line-height:1.5em;
font-size:1.3em;
color:#004BA7;
}
#container a {
color:#004BA7;
text-decoration:none;
}
#container a:hover {
text-decoration:underline;
}
#container .bottom-row {
background:url(../images/secondary_bg.gif) repeat-x left top;
min-height:475px;
width:911px;
margin-left:10px;
padding:10px 6px 0 20px;
}
#container .bottom-row h4 {
background:url(../images/title-slogan-bottom.png) no-repeat left top;
width:541px;
height:53px;
text-indent:-9999px;
margin-bottom:15px;
margin-top:10px;
}

#container .demo h4 {
background:url(../images/title-slogan-bottom-demo.png) no-repeat left top !important;
}

#container .bottom-row p {
font-size:1.1em;
font-weight:bold;
}
#container .bottom-row img {
float:right;
margin-bottom:100px;
}
#container form .item {
float:left;
margin-right:4px;
margin-top:4px;
}
#container form .no-float {
width:424px;
}
#container form .button {
margin-top:15px;
}
#container form .item label {
font-size:1.2em;
}
#container form .item .input {
border:1px solid #ccc;
height:23px;
width:250px;
color:#666;
padding:5px 5px 0;
}
body .footer {
background:#ccc;
height:120px;
}
body .footer .container {
width:960px;
margin:0 auto;
padding:32px;
}
body .footer .container p {
font-size:1.2em;
margin-bottom:.8em;
}
body .footer .container p.bold {
font-weight:bold;
}
body .footer .container a {
color:#666;
text-decoration:none;
}
body .footer .container a:hover {
text-decoration:underline;
}
.error {
border:1px solid #f00;
background:#FFEFEF;
width:510px;
padding:5px;
}
.error li {
color:#FF0000;
margin:3px 0 0;
}
#container .bottom-row h4.success {
color:#666;
font-size:1.4em;
background:none;
text-indent:1px;
height:25px;
width:500px !important;
}