@charset "utf-8";
/* --------- Chicago Tag Main Layout CSS Styles --------- */

/*	
	1. Defaults: Html Tags
	2. Header
	3. Content: Page, Home Introduction, Right Colum
	4. Navigation
	5. Footer
*/

/* --------- 1. Defaults  --------- */

* {margin:0px; padding:0px;}

body {background:#9A6D32 url(../images/bg-main.jpg) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size: 12px;color:#333;}
	
div{display:block;}
a {color:#06f; text-decoration:underline;}
a:hover{color:#123787; text-decoration:none;}
a:focus, a:hover, a:active {outline:none}
img {border:none;}
ul {list-style:none;}
.clear{clear:both;}
.err {color: #F00; font-weight:bold;}
	
#wrapper { width:980px; margin: 0px auto; background:url(../images/bg-wrapper.jpg) repeat-y;}

.img-left {float:left; margin-right:15px; padding:3px;}
.img-left-bdr {float:left; margin-right:10px; margin-top:5px; margin-bottom:5px; padding:3px; border:#CCC 1px solid;}
.img-right {float:right; margin-left:15px; padding:3px;}
.img-right-bdr {float:right; margin-left:15px; padding:3px; border:#CCC 1px solid;}

/* --------- 2. Header  --------- */
	
#header{width:980px;height:159px;position:relative;float:left;background: url(../images/bg-header.jpg) no-repeat;}
#header #phone{width:200px;float:right;text-align:center;position:relative;right:30px;top:80px;}
#header #phone p{font-weight:bold; color:#000;}
#header p#number{font-size:2.6em; color:#123787;}

#abtest-header{width:980px;height:189px;position:relative;float:left;background: url(../images/abtest-header2.jpg) no-repeat;}
#abtest-header #phone{width:200px;float:right;text-align:center;position:relative;right:30px;top:80px;}
#abtest-header #phone p{font-weight:bold; color:#000;}
#abtest-header p#number{font-size:2.6em; color:#123787;}

#phone-number{float:left; border:green solid 1px; width:350px; height:60px;}
#phone-number h1{color:#123787;padding:0px; font-size:30px;font:Arial, Helvetica, sans-serif;}
	
/* --------- 3. Content --------- */
	
#content-container{width:980px;float:left;background:url(../images/bg-content-container.jpg) no-repeat top;position:relative;height:auto;min-height:525px;}
* html #content-container{height:525px;}

#ab-content-container{width:980px;float:left;background:url(../images/bg-content-container2.jpg) no-repeat top left; height:539px; padding-bottom:10px;}

/* --------- Quote Form: AB Testing Page --------- */

#quoteForm{}
#quoteForm td{padding-bottom:5px;}
span#radioButtons label{padding:5px 5px;}

#ctrlFreeQuoteAB_FormPurpose{width:150px;}
#ctrlFreeQuoteAB_Quantity{width:150px;}
#_ctrlFreeQuoteAB_submit{padding-top:2px;}

/* --------- Page --------- */

#page{width:510px;padding-bottom:24px;position:relative;left:50px;float:left;}
#page h2{font-size:1.6em; font-family:"Times New Roman", Times, serif; color:#000; font-weight:normal; padding-bottom:6px;}
#page p{line-height:150%; padding-bottom:10px;}
#page ul{width:100%; margin-bottom:8px;}
#page ul li ul{margin-top:8px;}
#page li{margin-left:12px; padding-left:8px; margin-bottom:4px; background:url(../images/bullet-small-circle.gif) no-repeat left 5px;}

#ab-page{padding:0px;}
#ab-page h1{color:#123787;padding:0px;font:Arial, Helvetica, sans-serif;}
#ab-page h2{font-size:1.6em; font:Arial, Helvetica, sans-serif; color:#123787; }
#ab-page p{line-height:150%; color:#333;}
#ab-page ul{padding-left:280px;}
#ab-page li{padding-left:17px; line-height:180%;background:url(../images/checkmark.jpg) no-repeat center left; font-size:11px;}
#ab-page a{text-decoration:none; color:#333; font-size:11px;}
#ab-page a:hover{text-decoration:underline; color:#003399;font-size:11px;}


/* --------- Home Introduction  --------- */
	
#introduction{width:730px;float:left;position:relative;left:50px;padding-bottom:20px;background:url(../images/home/tags-labels-forms.jpg) no-repeat right top;}
#introduction img{float:left; margin-right:25px;}
#introduction h1{font-size:2.1em; font-family:"Times New Roman", Times, serif; color:#000; font-weight:normal; padding-bottom:6px;}

#intro{width:455px; line-height:150%; padding-bottom:25px;}

#home-chat{float:left; font-size:1.5em; font-weight:bold; padding-left:36px; margin-bottom:12px; margin-top:6px; background:url(../images/icon-chat.jpg) no-repeat left; width:190px; display:block; height:28px; line-height:normal; padding-bottom:0px;}

/* --------- Right Colum --------- */

#right-colum{float:right;width:200px;position:relative;right:30px;}
		
#chat{font-size:1.4em; font-weight:bold; padding-left:36px; margin-bottom:12px; padding-top:2px;background:url(../images/icon-chat.jpg) no-repeat left; display:block; height:28px;}
	
#right-colum dl{margin-top:4px; margin-bottom:20px;}
#right-colum dt{font-size:1.7em; font-family:"Times New Roman", Times, serif; color:#000; font-weight:normal; padding-bottom:6px;}
#right-colum dd{margin-bottom:8px; margin-left:2px;}
#right-colum dd span{ padding-left:4px; font-size:1.2em; font-family:"Times New Roman", Times, serif; color:#036; font-weight:bold;}

#right-colum dl#solutions dd{padding-left:16px; padding-bottom: 8px; background:url(../images/bullet-check-mark.gif) no-repeat left 2px; border-bottom:#D6DCE3 1px solid;}
#right-colum dl#services dd{padding-left:16px; background:url(../images/bullet-plus-sign.gif) no-repeat left 2px;}

#right-colum img {margin-left:15px; margin-bottom:5px; }

/* --------- 4. Navigation --------- */
	
#navigation { width:170px; position:relative; left:30px; float:left;}
#navigation dl{ line-height:140%; margin-bottom:6px; }
#navigation dt a{ color:#123787; font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:1.2em;}
#navigation a{ font-weight:bold; display:block; width:150px;}
#navigation a:hover{ color:#123787;}

/* --------- 5. Footer  --------- */
#footer {width:920px;padding:20px 30px;background: #9A6D32 url(../images/bg-footer-top.jpg) no-repeat top;clear:both;position:relative;color:#fff;}
#footer p{ font-size:.9em; margin-bottom:4px;}
#footer a{ color:#FFF; text-decoration:none;}
#footer a:hover{ color:#EDD09A; text-decoration:underline;}
	
#spectrum{ float:right;}

/* --------- Landing Page --------- */

.landing-pg-table{padding-left:10px;}

