/* CSS Document 
 * Developed by Shane Armitage
 * http://shanearmitage.com
 *
 * Copyright (c) 2009 Shane Armitage
 * Dual licensed under the MIT and GPL licenses.
 *

*/

/*Main layout framework
________________________________*/


body  {
	font-family:helvetica, arial, sans-serif;
	background: #dfd4c2 url(../img/main_bg_rpt.jpg) 50% 0 repeat;
	color: #445953;
	width: 100%;
	height: 100%;
	min-width:980px;
}
#wrapper { 
	position: relative;
	width: 100%;
	background: #f4eee2 url(../img/body_rpt_bg.jpg) 50% 0 repeat;
	text-align: center;
} 
#wrp_top{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 93px;
	background: #f4eee2 url(../img/bodytop_rpt_bg.jpg) 50% 0 repeat-x;
}
#wrp_inner{
	position: relative;
	z-index: 5;
	width: 940px;
	margin: 0 auto;
	padding: 25px 0 80px 0;
	text-align: left;
}

#header { 
	position: relative;
	width: 100%;
	height:159px;
	text-align: center;
	background: #10405e url(../img/hdr_rpt_bg.jpg) 45% 0 repeat-x;
}

#hdr_inner{
	position: relative;
	width: 940px;
	height: 159px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../img/hdr_inner.png) 0 0 no-repeat;
}

#mainContent { 
	position:relative;
	margin-top: 15px;
	width:700px;
	float: left;
}

#sidebar{
	position:relative;
	float: left; 
	width: 220px;
	margin:15px 0 0 20px;
}

#global-footer {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	background: transparent url(../img/ftr_rpt_bg.jpg) 50% 0 repeat-x; 
}
#ftr_inner{
	position: relative;
	top: 30px;
	width: 940px;
	margin: 0 auto;
	text-align: left;	
}


/* Main Typography 
________________________________*/
a,a:link,a:visited{ text-decoration: none; color:#4a453e; }


/* Header
________________________________*/

#header h1 a, #header h1 a:link, #header h1 a:visited{
	position: relative;
	top: 62px;
	left: 2px;
	background: transparent url(../img/wwc_logo.png) 0 0 no-repeat;
	width: 204px;
	height: 71px;
}
	#header h1 a:hover{background-position: 0 -71px;}

/* Secondary Navigation*/

#secnav{
	position:absolute;
	top:6px;
	right:0px;
}
#secnav li{
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
	display: inline;
	color: #265760;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .1em;
}
#secnav li a, #secnav li a:link, #secnav li a:visited{
	color: #265760;
	text-decoration: none;
	font-size: 9px;
	font-weight: normal;
	padding: 0;
}#secnav li a:hover{color:#9bcc4e;}

/*#secnav li #trk{
	background: transparent url(../img/secnav_track.jpg) 0 1px no-repeat;
}
#secnav li #qte{
	background: transparent url(../img/secnav_quote.jpg) 0 1px no-repeat;
}
#secnav li #log{
	background: transparent url(../img/secnav_login.jpg) 0 1px no-repeat;
}*/

/* Main Navigation*/

#topNav{
	position:absolute;
	top:80px;
	right:1px;
	width:499px;
	height:29px;
}
	
#topNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
#topNav li, #topNav a {
	height: 29px;
	display: block;
	outline: none;
	text-indent: -9999px;
}

#hom	{left: 0px; width: 51px;}
#ser	{left: 70px; width: 74px;}
#con    {left: 162px; width: 91px;}
#rat	{left: 271px; width: 90px;}
#lin	{left: 381px; width: 54px;}
#faq	{left: 452px; width: 47px;}
	
#topNav a, #topNav a:link, #topNav a:visited {
	text-indent: -9999px;
	overflow: hidden;
	outline:none;
	text-decoration: none;
	background: transparent url(../img/navStates.png) 0 0 no-repeat;
}

#hom a, #hom a:link, #hom a:visited {background-position: 0px 0px;}
#ser a, #ser a:link, #ser a:visited {background-position: -70px 0px;}
#con a, #con a:link, #con a:visited {background-position: -162px 0px;}
#rat a, #rat a:link, #rat a:visited {background-position: -271px 0px;}
#lin a, #lin a:link, #lin a:visited {background-position: -381px 0px;}
#faq a, #faq a:link, #faq a:visited {background-position: -452px 0px;}

#hom a:hover {background-position: 0px -29px;}
#ser a:hover {background-position: -70px -29px;}
#con a:hover {background-position: -162px -29px;}
#rat a:hover {background-position: -271px -29px;}
#lin a:hover {background-position: -381px -29px;}
#faq a:hover {background-position: -452px -29px;}

#home #hom a, #home #hom a:link, #home #hom a:visited, #home #hom a:hover 					{background-position: 0px -58px;}
#services #ser a, #services #ser a:link, #services #ser a:visited, #services #ser a:hover	{background-position: -70px -58px;}
#contact #con a, #contact #con a:link, #contact #con a:visited, #contact #con a:hover		{background-position: -162px -58px;}
#rates #rat a, #rates #rat a:link, #rates #rat a:visited, #rats #rat a:hover				{background-position: -271px -58px;}
#links #lin a, #links #lin a:link, #links #lin a:visited, #links #lin a:hover 				{background-position: -381px -58px;}
#faqs #faq a, #faqs #faq a:link, #faqs #faq a:visited, #faqs #faq a:hover 				{background-position: -452px -58px;}


/* SIDEBAR
________________________________*/

.easy_links{
	background: url(../img/bg_trans_blue.png) repeat;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.easy_links h2{
	height:32px;
	overflow: hidden;
	line-height: 32px;
	margin:0 0 10px 0;
	padding-left: 10px;
	background: url(../img/perf_blue.jpg) repeat-x bottom left;
	text-transform: uppercase;
	font-size: 13px;
	color:#19403d;
}

.easy_links .img_btn{
	height:38px;
	width:200px;
	margin-left: 10px;
}

.easy_links a.qt, .easy_links a:link.qt, .easy_links a:visited.qt{
	background: transparent url(../img/btn_qt.png) no-repeat 0 0;
	margin-bottom: 3px;
}
#rates .easy_links a.qt, #rates .easy_links a:link.qt, #rates .easy_links a:visited.qt{
	background: transparent url(../img/btn_qt.png) no-repeat 0 -38px;
	margin-bottom: 3px;
}
	.easy_links a:hover.qt{
		background-position: 0px -38px;
	}

.easy_links a.rq, .easy_links a:link.rq, .easy_links a:visited.rq{
	background: transparent url(../img/btn_rq.png) no-repeat 0 0;
}
	.easy_links a:hover.rq{
		background-position: 0px -38px;
	}

.social_media{
	background: transparent url(../img/bg_trans_green.png) repeat;
	overflow: auto;
	padding-bottom: 17px;
}

.social_media h2{
	height:32px;
	overflow: hidden;
	line-height: 32px;
	margin:0 0 10px 0;
	padding-left: 10px;
	background: transparent url(../img/perf_green.jpg) repeat-x bottom left;
	text-transform: uppercase;
	font-size: 13px;
	color:#19403d;
}

.social_media .img_btn{
	height:75px;
	width:72px;
	margin-left: 24px;
	float: left;
}

.social_media a.tw, .social_media a:link.tw, .social_media a:visited.tw{
	background: transparent url(../img/btn_twitter.png) no-repeat 0 0;
	margin-bottom: 3px;
}
	.social_media a:hover.tw{
		background-position: 0px -75px;
	}

.social_media a.fb, .social_media a:link.fb, .social_media a:visited.fb{
	background: transparent url(../img/btn_facebook.png) no-repeat 0 0;
}
	.social_media a:hover.fb{
		background-position: 0px -75px;
	}

/* Main Content area
________________________________*/

/* Home */

.billboard{
	position:relative;
	top:-3px;
	left:-26px;
	width: 700px;
	height: auto;
	z-index: 3;
	margin-bottom: 40px;
}

.perferation{
		position: relative;
		z-index:20;
		top: -10px;
		left: 10px;
		float: none;
		clear:both;
}

#mainContent h2{
	text-transform: uppercase;
	font-size: 15px;
	color:#19403d;
	background: transparent url(../img/perf_tan.jpg) repeat-x bottom left;
	height:25px;
	padding:0 0 3px 0;
	line-height: 25px;
	margin:0 0 20px 0;
}

#mainContent p{
	color:#445953;
	line-height: 1.5em;
	letter-spacing: .04em;
	margin:0 0 20px 0;
}


/* Mini-promos */

.mini_promos{
	width:700px;
	overflow: hidden;
	padding: 40px 0 0 0;
	background: transparent url(../img/bg_mini_promo.png) no-repeat top left;
}

.minipromo{width:220px;margin:0;}

.minipromo img{display:block; width: 64px;}

.minipromo h3, .minipromo p{ width: 138px;}

.minipromo h3{
	font-size: 13px;
	text-transform: uppercase;
	color:#114246;
	margin:0 0 6px 0;
}

.minipromo p{
	font-size: 12px;
	margin:0;
	line-height:1.2em !important;
}

.minipromo p a, .minipromo p a:link, .minipromo p a:visited{
	text-transform: uppercase;
	color:#57920a;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}
	.minipromo p a:hover{color:#1c614e;}
	
#home #mp1, #mp2{margin-right: 20px;}

#home #mp3{margin: 0;}

#home #sidebar{
	margin:17px 0 0 20px;
}


/* SUBPAGES
________________________________*/

.subpage #sidebar{margin-top:43px;}

.sub_hdr{
	position:relative;
	width: 966px;
	height: auto;
	z-index: 3;
	margin-bottom: 30px;
}

.sub_hdr h1{
	position: relative;
	top:10px;
	left:-26px;
	text-indent: -9999px;
	width: 966px;
	height: 96px;
}
#home .sub_hdr{display: none !important;}
#rates .sub_hdr h1{background: transparent url(../img/sub_hdr_rates.png) no-repeat 0 0;}
#services .sub_hdr h1{background: transparent url(../img/sub_hdr_services.png) no-repeat 0 0;}
#links .sub_hdr h1{background: transparent url(../img/sub_hdr_links.png) no-repeat 0 0;}
#contact .sub_hdr h1{background: transparent url(../img/sub_hdr_contact.png) no-repeat 0 0;}
#pickup .sub_hdr h1{background: transparent url(../img/sub_hdr_pickup.png) no-repeat 0 0;}
#faqs .sub_hdr h1{background: transparent url(../img/sub_hdr_faq.png) no-repeat 0 0;}

.fat_list{margin-bottom: 20px;}

.fat_list li{
	height:40px;
	line-height: 42px;
	background: transparent url(../img/bg_trans_blue2.png) repeat 0 0;
	margin-bottom: 1px;
	font-size: 14px;
	text-indent: 10px;
	overflow: hidden;
}
.fat_list li span{
	display: block;
	width:40px;
	height:40px;
	float: left;
	background: transparent url(../img/fat_list_arrow.jpg) no-repeat 0 0;
}

.fat_list li a, .fat_list li a:link, .fat_list li a:visited,
.fat_list li span.txt{
	color:#445953;
	display: block;
	width:100%;
	height:40px;
	line-height: 42px;
	font-style: normal;
	font-weight: normal;
}
	.fat_list li a:hover{color:#1f6569; background: transparent url(../img/bg_trans_blue2.png) repeat 0 0;}
	.fat_list li span.txt{padding-left: 40px; width:660px;}

.threecols{
	width:700px;
	overflow: hidden;
	padding: 40px 0 0 0;
}

.threecols .colthird{width:220px;margin:0;}

.colthird{width:220px;margin:0;}

.colthird h3, .colthird p{ width: 100%;}
.colthird h3{
	font-size: 13px;
	text-transform: uppercase;
	color:#114246;
	margin:0 0 6px 0;
}
.colthird p{
	font-size: 12px;
	margin:0;
	line-height:1.2em !important;
}
.colthird p a, .colthird p a:link, .colthird p a:visited{
	text-transform: uppercase;
	color:#57920a;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}
	.colthird p a:hover{color:#1c614e;}

.threecols .mar-rt20{margin-right: 20px;}

.colthird .imgwrap{
	display: block;
	overflow: hidden;
	width:210px;
	padding:5px;
	background: transparent url(../img/bg_imgs_tan.png) repeat 0 0;
	margin-bottom: 20px;
}

#mainContent h4{
	margin:20px 0;
	font-size: 14px;
}

/*CONTACT*/

ul.contact{
	padding: 15px 0 0 0;
	width: auto;
	list-style: none;
}

ul.contact li{
		padding-left: 57px;
		color: #445953;
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 10px;
		display: block;
}

ul.contact li span{ color: #445953;}
ul.contact li em{
	color:#19403d;
	font-style: normal;
	font-size: 18px;
}

.contact li a, .contact li a:link, .contact li a:visited{
	color:#57920a;
}
ul.contact li a:hover{color:#1c614e}


ul.contact li#add1{background: transparent url(../img/icn_mail.jpg) 22px 0 no-repeat}
ul.contact li#add2{background: transparent url(../img/icn_phone.jpg) 22px 0 no-repeat}
ul.contact li#add3{background: transparent url(../img/icn_email.jpg) 22px 0 no-repeat}

/*mini-promos*/
#contact .minipromo{width:190px;margin:0 0 40px 0;}
#contact img{width: 26px;}
#contact .minipromo h3{ width: 150px;} #contact .minipromo p{ width: 190px;}
#contact .minipromo h3{font-size: 14px; padding-top: 3px;}
#contact .minipromo p{margin-top: 10px; line-height: 1.35em !important;}
#contact .minipromo p a{margin-top: 0; }
#contact #mp2{margin-right: 20px;}
#contact #mp1{margin:0 20px 0 40px;}

/*three-columns*/
#contact .threecols{padding: 0;}
#contact .colthird img{width:auto;}
#contact .colthird h3{
	font-size: 14px;
	margin:0 0 2px 0;
}
#contact .colthird p{font-size: 13px;}
#contact .colthird p em{
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	display: block;
	margin-bottom: 8px;
}

/* FAQs
________________________________*/
#accordion h3{outline:none;overflow: hidden;clear: both;position: relative;height:40px;margin-bottom: 1px;}

#accordion h3 a, #accordion h3 a:link, #accordion h3 a:visited{
	display: block;
	height:40px;
	line-height: 40px;
	background: transparent url(../img/bg_trans_blue2.png) repeat 0 0;
	margin-bottom: 1px;
	font-size: 14px;
	text-indent: 10px;
	overflow: hidden;
	padding: 2px 0 0 40px;
	outline:none;
	color: #445953;
}
#accordion h3 a:hover{background: transparent url(../img/bg_trans_green.png) repeat 0 0;}

#accordion li{
	padding: 15px 8px 15px 3px;
	margin-left: 45px;
	background: transparent url(../img/perf_tan.jpg) repeat-x bottom left;
	line-height: 1.35em;
}
#accordion li a, #accordion li a:link, #accordion li a:visited{
	color: #5e9b0c;
}
#accordion li a:hover{
	color: #445953;
}
#accordion ol li{
	padding-left: 3px;
	margin-left: 60px;
	list-style-position: outside;
	list-style-type:decimal;
}

#accordion .ui-icon{
	display: block;
	width:40px;
	height:40px;
	position: absolute;
	top:0px;
	left:0px;
}
#accordion .ui-icon-triangle-1-e{
	background: transparent url(../img/icn-plus.png) no-repeat 0 0;
}
#accordion .ui-icon-triangle-1-s{
	background: transparent url(../img/icn-minus.png) no-repeat 0 0;
}
#faqs #sidebar{margin-top: 15px;} 


/* Footer
________________________________*/

#global-footer h2.ftr_logo{
	background: transparent url(../img/ftr_logo.gif) 0 0 no-repeat;
	width: 124px;
	height: 149px;
	margin-right: 25px;
	text-indent: -9999px;
	outline: none;
}

#global-footer h3.fmc_lic{
	position: relative;
	top: 5px;
	left: 0px;
	width: 124px;
	height: auto;
	text-align: center;
	font-size: 14px;
	font-weight: 800;
	color: #716a60;
}

#global-footer ul{
	position: absolute;
	top: 0px;
	padding: 15px 0 0 0;
	left: 150px;
	width: auto;
	height:204px;
	background: transparent url(../img/ftr_vert_divider.jpg) 0 0 no-repeat;
	list-style: none;
}

#global-footer ul li{
		padding-left: 57px;
		color: #574b38;
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 10px;
		display: block;
}

#global-footer ul li span{ color: #88652f; font-weight: 600;}#global-footer ul li#ftr_add1 span {font-size:15px;}

#global-footer li a, #global-footer li a:link, #global-footer li a:visited{
	color:#88652f;
}
#global-footer li a:hover{color:#3c5b71}

#global-footer ul li#ftr_add1{background: transparent url(../img/ftr_contact_icns_1.jpg) 22px 0 no-repeat}
#global-footer ul li#ftr_add2{background: transparent url(../img/ftr_contact_icns_2.jpg) 22px 0 no-repeat}
#global-footer ul li#ftr_add3{background: transparent url(../img/ftr_contact_icns_3.jpg) 22px 0 no-repeat}


/* FIGGITY-FORMS
________________________________*/

/* .bg_green{
	display: block;
	background: transparent url(../img/bg_trans_form_gr.png) repeat;
	padding:40px 60px;
	overflow: hidden;
}

form ol{
	
}

form ol li{
	display: block;
	width:100%;
	overflow: hidden;
	padding:10px 0;
}

form ol fieldset{
	display: block;
	width:100%;
	overflow: hidden;
	padding:10px 0;
}


form ol li label{
	width:170px;
	float:left;
	text-align: right;
	margin-right: 7px;
	font-size: 14px;
	line-height: 1.3em;
}

form.bg_green ol li input, form ol li textarea{
	float: left;
	width:390px;
	background: url(../img/bg_form_input.jpg) repeat;
	border-top: 1px solid #c7c7b5;
	border-right: 1px solid #d6d6c6;
	border-left: 1px solid #d6d6c6;
	border-bottom: 1px solid #f5f7e8;
	color: #445953;
	padding:3px;
}

form.bg_green ol li input.submit{
	border: none;
	background: none;
	padding:0;
	width:100px;
	margin-left: 177px;
} */

/*FIELDSET*/

/* form ol li fieldset legend span{
	position: relative;
	left:0;
	top:0;
	width:170px;
	float:left;
	text-align: right;
	display: block;
}

form ol li fieldset label{
	width:auto;
	float:left;
	text-align: right;
	margin:4px 15px 0 3px;
}

form.bg_green ol li fieldset input{
	float: left;
	width:auto;
	background: none;
	border:none;
	padding:0;
}
	form ol li fieldset input.first{
		margin-left: 180px;
	}
	 */
	

/* Global declarations
________________________________*/

.hidden{display: none;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearer { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.nomar_btm{margin-bottom: 0 !important;}

.img_btn{
	text-indent: -9999px;
	border:0;
	text-decoration: none;
	display: block;
	outline:none;
	overflow:hidden;
}

.perferation{
	width: 100%;
	height: 2px;
	background: transparent url(../img/perferation.jpg) 0 0 repeat-x;
}