@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("content.css");

/* ***Main Layout Styles*** */
html{width:100%; height:100%;}
body{width:100%; height:100%; font-family: 'Archivo Narrow', helvetica, Arial, sans-serif; background: url(/images/build/bg-pattern.png) repeat;}

h1{font-size:62px; color:#940808; font-weight:700; margin:0 0 15px 0; line-height:55px;}
h3{font-size:12px; color:#940808; font-weight:700 !important; margin:0 0 5px 0;}
a{text-decoration:none; color:#940808;}

.wrapper{width:775px;}

.leftcol{width:181px; height:100% !important; background: /*url(/images/build/leftcol-bg.png) repeat-y*/ #fff; box-shadow: 1px 0 10px #bcbcbc; float:left; position:fixed !important; left:0px; z-index:100; display:block;}

.logo{width:133px; margin:20px 0 10px 26px; display:block; opacity:1;}
.logo:hover{opacity:.5; }

.nav li{height:30px; width:100%; padding:10px 0 0 0; list-style:none}
.nav li a{width:100%; height:100%; display:block; text-align:center; padding:10px 0 0 0; color:#a0a0a0; text-transform:uppercase; font-weight:700; }
.nav li a:hover{background:#940808;color:#fff;}

.active{background:#940808;color:#fff !important; width:100%; height:100%;}
.inactive{width:100%; height:100%; display:block; text-align:center; padding:10px 0 0 0; color:#a0a0a0; text-transform:uppercase; font-weight:700;}

.leftcol-contact{text-align:center; position:absolute; bottom:20px; left:27px;}
.leftcol-contact p{font-size:12px; color:#a0a0a0;}

.rightcol{margin:0px 0 0 230px; width:920px; height:auto; padding:0px 0 0 0;}
.rightcol img{padding:10px; background-color:#ffffff !important; border:1px solid #a0a0a0; border-radius:5px; margin:15px 0;}
.rightcol p{margin:0 0 15px 0; font-size:16px;}
.rightcol ul{margin:0 0 15px 30px;}
.rightcol ul li{padding:0 0 0 30px;}

.banner{margin:50px 0 20px 0 !important;}

#about h1{padding:25px 0 0 0;}

#vendors h1{padding:25px 0 15px 0 !important;}
#vendor a{display:block;}
.vendor{width:150px; height:150px; background:#fff; padding:10px; border:1px solid #a0a0a0; border-radius:5px; float:left; margin:0 10px 10px 0;}

#contact{position:relative;}
#contact h1{padding:25px 0 0 0;}
.office{ margin:0 80px 0 0px;}
.office .city{padding:0 0 10px 0 !important; font-size:14px;}
.office p {line-height:14px; font-size:12px !important; margin:0 !important; padding:0 !important;}
.office a {line-height:10px; font-size:12px !important; margin:0 0 14px 0!important; padding:0 !important;}
.contact{margin:15px 0 0 0;}
.contact h3{margin:0 0 10px 0;}
.email{ margin:0 0 10px 0;}
.email p{line-height:8px;}

/* ***Individual Vendor classes (controls the hover state of the logos)*** */
.vendor { position: relative; }
.vendor a { width: 100%; }
.vendor a img { display: block; padding: 0; border: 0; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.map{padding:0 !important; border:none !important; margin:0 0 0 100px !important;}

.footer-logos{position:absolute; bottom:20px; right:0px;}
.me-logo{width:81px; height:35px; background:url(/images/build/me-logo.png) 0 0 no-repeat; display:block; position:absolute; right:0px; bottom:35px;}
.me-logo:hover{background-position:0 -35px;}

#binary{width:120px !important; font-size:10px; text-align:right !important; line-height:12px !important; color:#a0a0a0; display:block;}
#binary:hover{color:#940808;}
.copyright{position:absolute; bottom:0px; left:280px; font-size:12px !important; color:#a0a0a0; text-transform:capitalize;}
.section{}

/* ***Utility Classes*** */
.fl{float:left;}
.fr{float:right;}
.uppercase{text-transform:uppercase;}
.clear{clear:both;}
.bold{font-weight:bold;}

::selection{background:#940808; color:#fff;}