@charset "utf-8";
/* ==================== North Coast Main Layout CSS Styles ==================== */

/*	Table Of Contents
	 1.Defaults
	 2.Header
	 3.Navigation
	 4.Quote Form
	 5.Content
	 6.Footer
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background: #E6E6E6 url(../images/bg-main.jpg) repeat-x; font:11px Arial, Helvetica, sans-serif; color:#666;}

h1 {font-size:1.8em; font-weight:normal;}

h2 {font-size:1.6em; font-weight:normal;}

h3 {font-size:1.6em; font-weight:normal;}

h1,h2,h3 {padding-bottom:6px; color:#000; font-family:"Times New Roman", Times, serif;}

a, a:hover, a:active, a:focus {text-decoration:none; outline:none;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both;}

#page .img-clear {clear:both; display:block; padding-top: 6px;}
	
.err {color: #F00; font-weight: bold;}

.img-left {float:left; margin-right:15px; margin-bottom:5px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-bottom:5px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; margin-bottom:5px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-bottom:5px; padding:3px; border:#CCC 1px solid;}
	
#wrapper {width:950px; margin: 0px auto;}

#border {border:#D9D9D9 1px solid; float:left; position:relative; background:#fff;}


/* ==================== 2.Header ==================== */

#header {width:950px; height:84px; float:left; color:#999; background:url(../images/logo-allied-int.gif) no-repeat 260px 25px;}

#header img {float:left;}

#header img.reviewstars {float:left; padding:25px 0 0 240px;}

#header div {float:right; padding-right:10px; padding-top:8px; text-align:right;}

p#phone {font-size:1.3em; font-weight:normal; color:#000; padding-left:25px; padding-top:5px; line-height:125%;}
#phone img{padding:3px 0px 0px 28px;}
	
#header a {color:#999;}
	
#header a:hover {color:#000; text-decoration:underline;}
	
/* ==================== 3.Navigation  ==================== */

#navigation {width:946px; height:43px; background:url(../images/bg-navigation.jpg) repeat-x; font-weight:bold; color:#FFF; font-size:1.1em; margin:2px;}
	
#navigation li {float:left; position:relative;}

#navigation a {float:left; color:#FFF; background:url(../images/btn-spacer.jpg) no-repeat top right;}

#navigation a:hover, #navigation a#Locations:hover {background:url(../images/btn-active.jpg) no-repeat top right;}

#navigation .active, #navigation a#Locations.active {background:url(../images/btn-hover.jpg) no-repeat top right; color:#E0B60A;}

#navigation a, #navigation a:hover {display:block; padding:0px 14px 0px 13px;}

#navigation a:hover {color:#FFF;}
	
#navigation a, #navigation span, #navigation a:hover span {line-height:43px;}

#navigation a#Locations {background:none; padding-right:12px;}

/* ==================== 4.Quote Form ==================== */
	
#quote-form {width:920px; height:217px; float:left; border:#D9D9D9 1px solid; background:url(../images/bg-header-image.jpg) no-repeat center 2px; padding:1px; position:relative; margin-bottom:15px;}

#quote-form table {width:435px; border-collapse:collapse; position:relative; top:14px; left:24px; color:#FFF; font-weight:bold; display:block;}

#quote-form table td {text-align:right; height:37px;}

#quote-form table th {color:#FC0; font-weight:bold; font-size:1.7em;}

#quote-form label {color:#FFF; margin-top:16px; padding-left:4px; text-align:right; display:block; font-weight:bold; width:80px;}

#quote-form input, #quote-form select {margin:0px 6px 0px 2px; padding:2px; border:#CCC 1px solid; width:133px; font-size:1em;}

#quote-form input {width:133px;}

#quote-form select {width:138px;}

#quote-form .btn-continue {width:184px; height:29px; border:none; float:right;}

/* ==================== 5.Content ==================== */
	
#content-container {width:924px; padding:13px; float:left; height:auto; min-height:600px; background-color:#FFF;}
	
* html #content-container {height:600px;}

/* ==================== 6.Footer ==================== */
#footer {width:910px; height:135px; padding:20px 10px 10px 30px; position:relative; float:left; background:url(/images/bg-footer.jpg) top repeat-x #064a8b; color:#b3b3b3; border-top:12px solid #e76e05;}
#footer h3 {font:bold 14px arial; color:#ccc; padding:0 0 5px 0;}
#footer h4 {color:#999; padding-bottom:10px;}
#footer img {behavior: url(/iepngfix.htc)}
#footer a {color:#ccc;}
#footer a:hover {text-decoration:underline;}
#bbb {position:absolute; top:105px; right:101px;}
#promover {position:absolute; top:102px; right:40px;}

/* --------- Office Locations ---------- */

#footer-locations {float:left; padding:0 70px 0 20px; color:#ccc;}
#footer-locations dl{ float:left; display:block; line-height:150%;  padding:0px 30px; /*border-right:1px solid #104989;*/}
#footer-locations dl.first {padding:0 5px 0 0;}
#footer-locations dl.last {border:none; padding:0px;}
#footer-locations dt {}
#footer-locations #adr {margin:0 0 15px 0;}
#contact-separator dl {line-height:150%;}


/* --------- Services ---------- */
#footer-services {float:left; padding:0 60px 0 0;}
#footer-services ul {float:left;list-style-type:none; padding:0 35px 0 0;}
#footer-services li {font-weight:normal;}
#footer-services a {text-decoration:none; line-height:150%;}
#footer-services a:hover {text-decoration:underline;}

/* --------- Markets ---------- */
#footer-markets {float:left; padding:0 55px 0 0;}
#footer-markets ul {float:left;list-style-type:none; padding:0 25px 0 0;}
#footer-markets li {font-weight:normal;}
#footer-markets a {text-decoration:none; line-height:150%;}
#footer-markets a:hover {text-decoration:underline;}

/* --------- Company Info ---------- */
#company-info {float:left; padding:0;}
#company-info ul {float:left;list-style-type:none; padding:0 40px 0 0;}
#company-info ul.right {padding-right:0;}
#company-info li {font-weight:normal;}
#company-info a {text-decoration:none; line-height:150%;}
#company-info a:hover {text-decoration:underline;}

/* --------- Social Media ---------- */
#social-container {float:right;}
#social-container img {margin:5px 0 0 20px;}

/*----------Micro Format Address on White ------------------*/
#microwhite .vcard {line-height:175%; padding:0px; background-color:#fff; width:350px; color:#333;}
#microwhite .organization-name {font-size:12px; font-weight:bold; color:#333;}
#microwhite .region {border:0;}

/* --------- Copyright ---------- */
#copyright-container {height:40px; float:left; width:900px; padding:5px 25px; background:#000; border-top:1px solid #181818; color:#ccc; font-size:11px; margin:0 0 25px 0;}
#copyright {float:left; line-height:25px; margin:7px 0 0 0;}
#copyright a {color:#ccc; text-decoration:underline;}
#copyright a:hover {text-decoration:none;}
#copyright p {float:left; color:#ccc;}

