html{background:#1F333C;}
div.clear{clear:both;}
body{background:#fff url(../images/body.png) top repeat-x; color:#636363; font:normal 14px/1.4 'Myriad Pro', Arial, Helvetica, sans-serif; padding:40px 0 0;}
body#inner{background:#fff url(../images/body-inner.png) top repeat-x;}
h1, h2, h3, h4, h5, h6, h6 a{color:#c1272d; font-family:'LeagueGothicRegular','Myriad Pro', Helvetica, sans-serif; font-weight:normal;}
.container{margin:0 auto; padding:0 10px; width:900px;}
/*****************************
    HEADER
*****************************/
header{position:relative; height:199px;}
header h2{left:285px; position:absolute; top:30px;}
#logo{background:url('../images/logo.png'); display:block; height:77px; left:10px; position:absolute; text-indent:-9999px; top:0; width:201px;}
header form{background:#326178; background:-moz-linear-gradient(top, #326178 0%, #1F333C 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#326178), color-stop(100%,#1F333C)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#326178', endColorstr='#1F333C',GradientType=0 ); color:#fff; padding:10px; position:absolute; right:10px; top:20px;}
header form *{vertical-align:middle;}
header form label{font-weight:bold; text-transform:uppercase;}
header form .submit{background:#c7c5c5; border:none; color:#3a5c6a; height:19px;}
/*****************************
    NAVIGATION
*****************************/
nav{ border-left:2px solid #fff; height:103; left:10px; position:absolute; top:98px; font-family:'LeagueGothicRegular';}
nav li{background:url(../images/nav-li.png) 94% 50% no-repeat; border-right:2px solid #fff; float:left; height:100px; width:147px;}
nav li a{color:#e4e2e0; display:block; font-size:24px; line-height:2.3; text-decoration:none; text-transform:uppercase; height:76px; padding:24px 8px 0;}
nav li a:hover, nav li a:hover span{color:#78afc6!important;}
/*****************************
    HOME PAGE
*****************************/
#banner{background:#b2bfc4; border:10px solid #fff; color:#153744; height:330px; margin-top:30px; position:relative; width:860px; -webkit-box-shadow:0 0 4px #000;}
#text{ position:absolute; font-size:13px; height:290px; left:0px; overflow:hidden; padding:20px 0 20px 20px; top:0; width:220px;}
#text p{margin:0 0 10px;}
#text p strong{font-family:'LeagueGothicRegular'; font-size:24px; font-weight:normal; display:block; margin-bottom:5px;}
#slideshow{height:330px; overflow:hidden; position:absolute; right:0px; top:0px; width:640px; text-align:center;}
#slideshow #rotate{height:330px; overflow:hidden; position:absolute; right:40px; top:0; width:560px;}
#prev, #next{background:url(../images/arrows.png) 0 50% no-repeat; display:block; height:330px;  position:absolute; top:0; text-indent:-9999px; width:40px;}
#prev{left:0;}
#next{background-position:-40px 50%; right:0;}
/************* Inside **********************/
#banner-inner{padding-top:27px; position:relative; height:82px; }
#banner-inner h1{margin:0; font-size:72px; line-height:1; text-transform:uppercase;}
/*****************************
    CONTENT
*****************************/
#content{margin-top:30px; position:relative;}
#content-cnt p, #content-cnt fieldset{margin-bottom:20px;}
#content-cnt label{display:block; margin:0;}
#content-cnt p strong{color:#002D58; text-transform:uppercase;}
#content-cnt a{color:#C1272D; text-decoration:none; font-weight:bold;}
#content-cnt a:hover{text-decoration:underline;}
#content-cnt h2{font-size:30px; line-height:1; margin-bottom:10px;}
#content-cnt h3{font-size:20px;}
#content-cnt article.post{margin-bottom:20px;}
#content-cnt input.text{width:200px;}
#content-cnt label{margin:0!important;}
/*****************************
    IN THE NEWS
*****************************/
ul.news, ul.news li{margin:0; padding:0; list-style:none; font-family:arial, sans-serif;}
ul.news li{padding:20px 0; border-bottom:1px dotted #ccc;}
#content-cnt ul.news li img{float:left; border:0; margin:0; padding:0;}
#content-cnt ul.news li div.newstitle{margin:0 0 0 145px; padding:0; border:none;}
#content-cnt ul.news li div.newstitle a{display:block; color:#002D59; text-decoration:none; font-size:14px; font-weight:bold;}
#content-cnt ul.news li div.newstitle span{font-weight:bold;}
#content-cnt ul.news li p{line-height:14px; margin-bottom:3px;}
#content-cnt ul.news li p strong{color:#636363; text-transform:none;}
#content-cnt ul.news li a{text-decoration:underline; font-weight:normal;}
/*****************************
    BLOG
*****************************/
ul.blog, ul.blog li{margin:0; padding:0; list-style:none; font-family:arial, sans-serif;}
ul.blog li{padding:20px 0; background-image:url('images/dots.gif'); background-position:left bottom; background-repeat:no-repeat;}
#content-cnt ul.blog li h2 a{color:#002D59;}
/*****************************
    FOOTER
*****************************/
#footer{background:#326178; background:-moz-linear-gradient(top, #326178 0%, #1F333C 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#326178), color-stop(100%,#1F333C)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#326178', endColorstr='#1F333C',GradientType=0 ); padding:28px 0!important;}
footer{color:#fff;}
footer section{float:left; margin:0 20px 12px 0; width:280px;}
footer section h2{color:#c1272d; font-size:24px; margin-bottom:14px; text-shadow:0 0 24px rgba(0,0,0,.5); text-transform:uppercase;}
footer section a{color:#c1272d; text-decoration:none;}
footer section.right{margin-right:0;}
footer p#copyright{clear:both;text-align:center;}
footer p#copyright a{color:#fff;}
/** BATES & MILLS BLOG **/
#bm-blog h3{color:#fff; font:bold 14px/1 Arial,arial,sans-serif;}
#bm-blog article{padding-right:20px;}
/** HEADLINES **/
#headlines li{list-style:none; margin-bottom:3px;}
#headlines li a{color:#fff;}
/** CONNECT WITH US **/
#social li{float:left; list-style:none; margin:0 12px 12px 0;}
#social li a{background:url(../images/social.png) no-repeat; display:block; height:42px; text-indent:-9999px; width:42px;}
#social li a.facebook{background-position:0 0;}
#social li a.linkedin{background-position:-42px 0;}
#social li a.rss{background-position:-84px 0;}
#social li a.twitter{background-position:-126px 0;}
/** SITES WE LIKE **/
a.but{background:url(../images/a-button.png); color:#153744; display:block; text-align:center; position:relative; margin:0 0 2px; height:37px; text-decoration:none; width:263px;}
a.but span{font-size:13px; font-weight:bold; position:relative; top:8px; text-transform:uppercase;}
/** NEWSLETTER **/
#newsletter{background:url(../images/newsletter.png) no-repeat; color:#153744; font-size:12px; font-weight:bold; height:153px; margin:47px 37px 0 0; padding:0 16px; width:231px;}
#newsletter h2{color:#153744; padding:14px 0 0 42px; text-shadow:none;}
#newsletter input{display:block; width:221px;}
/** TWITTER **/
#twitter h2{background:url(../images/twitter.png) no-repeat; display:block; height:57px; margin-bottom:-10px; text-indent:-9999px; position:relative; left:-16px; top:-20px; width:161px;}
#twitter #tweets{background:url(../images/tweets.png); display:block; height:153px; position:relative; width:262px;}
.tweet{color:#153744; font-size:13px; line-height:1.3; padding:16px; position:relative; z-index:100;}
.tweet a{color:#153744;}
.tweet a:hover{text-decoration:underline;}
.tweet .at-batesmills{font-weight:bold; padding-top:4px; text-align:right;}