/*  
Theme Name: Dale E. Anstine
Theme URI: http://www.4anstine.com/
Description: ExpressionEngine Custom CMS 
Version: 1.0
Author: Austin Siewert
Author URI: http://www.baublitz.com
*/

@import url('/assets/css/reset.css');

/* ---------- @ Basic Elements ----------- */
body {
	font-family:"Lucida Sans",Verdana,Arial,sans-serif;
	margin:0;
	min-width:960px;
	color:#333;
	background: url(/assets/layout/bg-body.png) repeat-x #F4F3F1}	

#glass {position:absolute;display:block;left:50%;margin-left:-75px;height:265px;width:642px;background: url(/assets/layout/bg-break.png) no-repeat #1B277D}

h1 {font:28px Impact, Arial;text-transform:uppercase;color: #0D133D;}
h2 {margin:10px 0;padding-bottom:3px;font:16px 'Century Gothic', Arial;border-bottom:1px solid #FDB82A}

p {font-size:12px;line-height:20px;margin-top:10px;}

a {color:#0D133D}
a:hover {text-decoration:none;}	
		

/* ---------- @ Generic Classes -----------*/

.wrapper {width:960px;margin:0 auto;clear: both;}	/* centers content */

.col-1, .col-2, .col-3, 
.col-4, .col-5, .col-6, 
.col-7, .col-8, .col-9, 
.col-10, .col-11, .col-12 {
	float:left;
	margin:14px;}

.col-1 {width: 52px;}
.col-2 {width: 132px;}
.col-3 {width: 212px;}
.col-4 {width: 292px;}
.col-5 {width: 372px;}
.col-6 {width: 452px;}
.col-7 {width: 532px;}
.col-8 {width: 612px;}
.col-9 {width: 692px;}
.col-10 {width: 772px;}
.col-11 {width: 852px;}
.col-12 {width: 932px;}

.right {float:right;display:inline}

/* ---------- @ Header -----------*/

#header {position:relative;width:972px;}

#branding {position:relative;display:block;top:25px;left:40px;margin-bottom:55px;text-indent:-9999px;}
#branding a {position:relative;display:block;width:301px;height:117px;background:url(/assets/layout/logo.png) no-repeat;}
	
#header ul {position: relative;margin-bottom: 10px;width:972px;height:56px;overflow:hidden;background:url(/assets/layout/bg-nav.png) no-repeat;}

#header li {position: absolute;top:17px;display:inline;text-indent:-9999px;}
#header li.current {height: 39px;background: url(/assets/layout/li-current.png) no-repeat bottom center;}

#header #nav1 {left:27px;}
#header #nav2 {left:176px;}
#header #nav3 {left:299px;}
#header #nav4 {left:459px;}
#header #nav5 {left:680px;}
#header #nav6 {left:767px;}
#header #nav7 {left:847px;}
	
#header ul li a {position: relative;display:block;color:#FDB82A;text-decoration:none;background: url(/assets/layout/nav-items.png) no-repeat;}
	
#header #nav1 a {width:115px;}
#header #nav1 a:hover, #header #nav1.current a {background-position: -181px 0;}
#header #nav2 a {width:88px;background-position: 0 -18px;}
#header #nav2 a:hover, #header #nav2.current a {background-position: -181px -18px;}
#header #nav3 a {width:127px;background-position: 0 -36px;}
#header #nav3 a:hover, #header #nav3.current a {background-position: -181px -36px;}
#header #nav4 a {width:180px;background-position: 0 -54px;}
#header #nav4 a:hover, #header #nav4.current a {background-position: -181px -54px;}
#header #nav5 a {width:44px;background-position: 0 -72px;}
#header #nav5 a:hover, #header #nav5.current a {background-position: -181px -72px;}
#header #nav6 a {width:43px;background-position: 0 -90px;}
#header #nav6 a:hover, #header #nav6.current a {background-position: -181px -90px;}
#header #nav7 a {width:91px;background-position: 0 -108px;}
#header #nav7 a:hover, #header #nav7.current a {background-position: -181px -108px;}

#info {position: absolute;top:40px;right:40px;width:405px;}

#info p {font: 12px/15px Arial;text-transform: uppercase;}
#info p a {margin-left: 6px;padding: 3px 9px 3px 20px;color: #fff;text-decoration: none;border-right: 1px dotted #FFF;background: url(/assets/layout/info-icons.png) no-repeat;}
#info p a:hover	{color: #FDB929;}
#info p .ico-home {background-position: 0px 0px;}
#info p .ico-contact {background-position: 0px -20px;}

#callus {position: absolute;top:45px;right:0;display: block;width: 283px;height: 40px;text-indent:-9999px;background: url(/assets/layout/call-us.png) no-repeat top right;}

#search {position: absolute;top: 0px;right: 0;width: 212px;height: 35px;background: url(/assets/layout/bg-search.png) no-repeat;}
#search:hover {background-position: 0px -35px;}
#search input {background: none;border:none;}
#search input[type=text] {position: absolute;left: 33px;top: 11px;font-size: 10px;}
#search input[type=submit] {position: absolute;left: 13px;top: 11px;width: 14px;height: 15px;text-indent: -9999px;overflow: hidden;cursor: pointer;background: url(/assets/layout/btn-search.png) no-repeat top left;}
#search input[type=submit]:hover {background-position: 0 -15px;}


/* ---------- @ Billboard -----------*/
#billboard {position:relative;}
#billboard div {margin:0 10px;display: block;height: 300px;width: 300px;background: url(/assets/layout/bg-billboard.png) no-repeat top left;}
#interior #billboard div {height: 228px;width: 940px;background: url(/assets/layout/bg-billboard-mast.png) no-repeat top left;}
#billboard h2 {text-indent:-9999px;height:0;margin: 0;padding:0;border:none;}
#billboard img {margin-top: 14px;margin-left: 14px;}
#interior #billboard div img {margin-top: 13px;margin-left: 13px;border:1px solid #CCC;}
/* ---------- @ Content -----------*/

#main-content {position: relative;min-height:300px;}
#home #main-content {min-height:0;}

#main-content .col-9 {min-height:530px;}

#main-content ul, #main-content ol {font-size:12px;}

.col-9 ol li {margin:5px 20px;list-style-type: upper-roman;line-height:20px;}
.col-9 ul li {margin:5px 20px;list-style-type: square;line-height:20px;}
#main-content dl {width: 300px;margin: 15px 15px;padding:10px;border: 1px solid #CCC;background-color: #F2F2F2;}
#main-content dl dt {margin-top:5px;font: 14px/20px 'Lucida Sans', 'Myriad Pro', Arial;}
#main-content dl dd {font:italic 14px/20px Georgia, Verdana;}


#locations li {position:relative;padding-bottom:3px;text-align:right;border-bottom:1px dotted #333;}
#locations li strong {position:absolute;padding-right:5px;left:0;bottom:-.1em;border-bottom:1px solid #F4F3F1}

.cta-link {margin-bottom: 15px;color: #0D133D;font-size: 18px;font-family: Geneva;text-align: right;}
.cta-link a {color: #0D133D;}

.profile {position: relative;margin: 20px 0;}

.profile h3, .profile p {margin-left: 125px;}

#main-content img {padding:4px;border: 1px solid #999;background-color: #ddd;}
#main-content .profile img {position: absolute;top:0;}

img.right {margin-left:10px;}

.quote {margin-top:15px;padding:5px 0 0 5px;font: italic 16px/24px Georgia,"Times New Roman", Times, Serif;color:#666;background: url(/assets/layout/bg-quote.png) no-repeat top left;text-indent:35px;}


.quote span {color:#FDB929;font-weight:bold;font-size:32px;}
.quote cite {display: block;font: normal 12px/18px Geneva;text-align:right;}
#att-quote {padding-left:25px;background-position: 3px 12px;}
	
#wufoo {margin:10px;}
#main-content .wufoo .info h2 {display:none;}

#nav-sub {font-size:10px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;}
#nav-sub li {border-bottom:1px dotted #CCC;font-size:11px;line-height:15px;margin:0;padding:0;list-style: none !important;}
#nav-sub li a {color:#1A2625;display:block;padding:5px;margin:0;text-decoration:none;}
#nav-sub li a:hover {background:#0D133D none repeat scroll 0 0;color:#FFFFFF;}

#nav-sub li.here a, #nav-sub li.here a:hover {color:#FFF;font-weight:bold;background:#2B3DC3;}

#att-quote {position: absolute;top:260px;right:254px;width:300px;padding:10px;}

#btn-online a {
	display: block;
	text-indent: -9999px;
	width: 212px;
	height: 89px;
	overflow:hidden;
	background: url(/assets/layout/btn-consultation.png) no-repeat;
}

#btn-online a:hover {
	background-position: 0px -89px;
}

.entry {
	position: relative;
	margin:0 0 25px 10px;
	padding-top:30px;
}

.entry .meta {
	position: absolute;
	top:0;
	left:0;
	font-size:10px;
	color:#666;
}

.entry object {margin:10px;}
/* ---------- @ Float Clearing -----------*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}	
.clearfloat {display:inline-block}
.clearfloat {display:block}


/* ---------- @ Footer -----------*/
	
#footer {margin-top:10px;border-top: 1px dotted #CCC;}

#footer p {text-align:center;margin-top:5px;}

#footer a {color:#0D133D;}
#footer a:hover {text-decoration:none;}

.rssfeed {padding-left:15px;background: url(/assets/layout/feedicon10.png) no-repeat center left !important;}

/**** noscript ****/
#att {position: absolute;width: 100%;height: 2.5em;top:0;line-height: 2.5em;background-color: #fffeb8;border-bottom: 1px solid;text-align:center !important;}	
#att p {padding: 6px 26px;display: inline;background: transparent url(/assets/layout/att.png) no-repeat 0 46%;}