/* @override 
	http://dev.atkinstechnicalservices.com/index.php/styles/atkins_master
	http://dev.atkinstechnicalservices.com/styles/atkins_master
*/

/*

Main Stylesheet

version: 	1.0
author: 	Imp Designs, LLC
email:		info@impdesigns.com
website:	http://www.impdesigns.com
copyright:	(c)2011 Atkins Technical Services	 */

/* @group Structure */
body{
	background: #cfdde6 url(/images/site_images/backgrounds/bg.gif) repeat-x;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}
.wrapper{
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}
#header{
	height: 110px;
}
#content{
	
}
#left_column{
	float: left;
	width: 600px;
}
#right_column{
	float: left;
	width: 300px;
}
#subnav_module{
	width: 300px;
	height: 210px;
	background: url(/images/site_images/backgrounds/subnav.gif) no-repeat 18px;
}
#right_column_divider{
	width: 300px;
	height: 40px;
	background: url(/images/site_images/backgrounds/content_indicator.gif) no-repeat 128px 14px;
}
#footer{
	
}
#footer_content{
	border-top: 1px dashed #7f9fb3;
	margin-top: 20px;
	padding-top: 5px;
	margin-left: 20px;
}

/* @end */

/* @group Helpers */
.clear{
	clear: both;
}
.orange{
	color: #fa7132;
}

/* @end */

/* @group Header */
p#logo{
	width: 250px;
	height: 105px;
	float: left;
}
#right_section{
	float: right;
}
#phone_number{
	color: #cfdde6;
	font: 30px/1.2em 'Arvo', arial;
	letter-spacing: 2px;
	text-align: right;
	height: 40px;
	padding-top: 22px;
}
#phone_number a{
	color: #cfdde6;
	text-decoration: none;
}
/* @end */

/* @group Navigation */
ul#main_nav{
	height: 26px;
	margin-top: 22px;
}
#main_nav li {
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
	list-style-type: none;
	height: 26px;
}
#main_nav li a{
	color: #4c7c99;
	font: 16px 'Arvo', arial;
	letter-spacing: 1px;
	text-decoration: none;
	height: 26px;
	display: block;
}
#main_nav a:hover{
	color: #cfdde6;
}
#main_nav li.current a{
	background: url(/images/site_images/nav_elements/main_nav_current.gif) no-repeat center 8px;
	color: #cfdde6;
}

ul#subnav{
	width: 200px;
	height: 80px;
	padding-top: 45px;
	padding-left: 64px;
}
#subnav li{
	list-style-type: none;
}
#subnav li a{
	font: 24px 'Arvo', arial;
	text-decoration: none;
	color: #4c7c99;
	letter-spacing: 1px;
}
#subnav li a:hover,
#subnav li.current a{
	color: #cfdde6;
}

ul#footer_nav{
	width: 465px;
	height: 25px;
	float: left;
	padding-top: 5px;
}
#footer_nav li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
}
#footer_nav li a{
	color: #4c7c99;
	text-decoration: none;
}
#footer_nav a:hover{
	color: #204c68;
	text-decoration: underline;
}
#footer_nav li.current a{
	color: #204c68;
	text-decoration: underline;
}

/* @end */

/* @group Slideshow */
#services{
	width: 300px;
	height: 100px;
	background: url(/images/site_images/backgrounds/services_list_bg.gif) no-repeat 18px;
	padding-top: 110px;
}
#slideshow{
	width: 200px;
	height: 65px;
	margin-left: 80px;
}
.single_slide{
	background-color: #204c68;
}
.single_slide a{
	color: #cfdde6;
	text-decoration: none;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 1.2em;
}

/* @end */

/* @group Contact Form */
#contact_button{
	margin-top: 20px;
	width: 268px;
	margin-left: 30px;
}
#contact_button h2{
	background: url(/images/site_images/backgrounds/form.gif) no-repeat;
	width: 268px;
	height: 55px;
	text-indent: -9999px;
}
#accordion{
	background: url(/images/site_images/backgrounds/form.gif) no-repeat 0 -60px;
}
#accordion h3{
	background: url(/images/site_images/backgrounds/form.gif) no-repeat 0 -539px;
}
#toggle_area{
	padding-left: 15px;
	padding-right: 15px;
	color: #4c7c99;
	font-size: 14px;
}
#content #toggle_area p{
	margin-left: 0;
	padding-left: 0;
	padding-top: 5px;
	margin-bottom: 5px;
}
form#contact_form{
}
#toggle_area input{
	width: 218px;
	margin-left: 10px;
	height: 22px;
	border: 2px solid #cfdde6;
	margin-bottom: 6px;
}
#toggle_area textarea{
	width: 218px;
	margin-left: 10px;
	height: 80px;
	border: 2px solid #cfdde6;
	margin-bottom: 6px;
}
.group label img{
	margin-left: 10px;
	margin-bottom: 4px;
}
#toggle_area input.submit_button{
	border-style: none;
	background: url(/images/site_images/backgrounds/submit.gif) no-repeat 0 -30px;
	width: 111px;
	height: 30px;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	cursor:pointer;
	margin-left: 123px;
	margin-bottom: 20px;
	margin-top: 8px;
}
#toggle_area input.submit_button:hover{
	background-position: 0 0;
}
a#toggle.contact_toggle{
	display: block;
	width: 78px;
	height: 21px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	padding-left: 185px;
}
a#toggle.contact_toggle:hover{
	text-decoration: underline;
}
/* @end */

/* @group Typography */
h1{
	font: 40px 'Arvo', arial;
	color: #fff;
	margin-top: 28px;
	letter-spacing: 2px;
	margin-left: 20px;
	height: 220px;
}
a{
	color: #204c68;
}
a:hover{
	color: #fa7132;
}
#content p{
	margin-left: 20px;
	margin-bottom: 15px;
	margin-right: 40px;
	color: #224d69;
}
p#copyright{
	color: #4c7c99;
	font-size: 14px;
	float: left;
	margin-left: 35px;
	padding-top: 5px;
}
p#id_logo a{
	width: 100px;
	height: 25px;
	background: url(/images/site_images/backgrounds/an_ID_creation.gif) no-repeat;
	display: block;
	float: right;
	text-indent: -9999px;
}
.big_q{
	font: 24px 'Arvo', arial;
	margin-left: -28px;
	margin-right: 3px;
}
#content p.question{
	padding-left: 30px;
	margin-bottom: 0;
}
.big_a{
	font: 24px 'Arvo', arial;
	margin-left: -28px;
	margin-right: 3px;
	color: #4c7c99;
}
p.answer{
	padding-left: 30px;

}
.testimonial{
	background: #fff url(/images/site_images/backgrounds/article.gif) no-repeat 0 bottom;
	width: 550px;
	padding-bottom: 6px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.testimonial_text{
	background: url(/images/site_images/backgrounds/article.gif) no-repeat;
	padding-top: 10px;
}
.testimonial_author{
	font-size: 14px;
	line-height: 1.2em;
	font-style: italic;
	float: right;
}
.services, .resource{
	width: 560px;
}
.services h2, .resource h2{
	font: 18px 'Arvo', arial;
	color: #1f4b67;
	border-top: 1px dashed #7f9fb3;
	margin-left: 20px;
	padding-top: 12px;
	margin-right: 49px;
}
.resource h2 a{
	color: #1f4b67;
}
.resource h2 a:hover,.read_more a:hover{
	color: #fa7132;
}
.read_more a{
	float: right;
	margin-right: 50px;
	font-size: 12px;
	color: #1f4b67;
	margin-bottom: 20px;
}
#content .summary p{
	margin-bottom: 0;
}
.return{
	font: 14px 'Arvo', arial;
	float: right;
	margin-right: 50px;
}
/* @end */