/*	////////////////////////////////////////
	
	MANY thanks to Owen Briggs 
	(http://www.thenoodleincident.com) and 
	Eric Meyer (http://www.meyerweb.com) 
	for the !!EXCELLENT!! lessons on 
	relative units!!!
	
	** Table Of Contents **
	1. Global Element Styles
	2. Site Specific Elements
	
//////////////////////////////////////// */

/* ***************************************
	1.Global Element Styles
	
	FONT SIZING:
	http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html
*************************************** */

html, body {
	margin:			0; 
	padding:		0; 
	font-family:	arial, verdana, helvetica, sans-serif; 
	font-size:		85%;	/* This changes all font sizes relatively, don't go below 76%, IE will choke on it, 85% / 1.0em is roughly 12px */
	text-align:		center; /* centers page content, override this in your first born child */
	color:			#000000; 
	background: 	url(../images/background_pattern.gif) top left repeat;
	}
	
/* tighter line heights for narrow columns */	
.narrow1 	{ width:50%; line-height:1.3em; }
.narrow2 	{ width:50%; line-height:1.5em; }
		
a, a:link,
a:visited, 
a:active, 
a:focus		{ text-decoration:underline; font-weight:normal; color:#333333; }
a:hover		{ text-decoration:none; }

h1			{ font-size:2.0em; font-weight:normal; font-family:arial, verdana, helvetica, sans-serif; margin:1.2em 0em 1.2em 0em; color:#333333; }
h2 			{ font-size:1.1em; font-weight:bold; font-family:arial, verdana, helvetica, sans-serif; margin:0em 0em 1.2em 0em; color:#333333; }
h3 			{ font-size:1.1em; font-weight:normal; font-family:arial, verdana, helvetica, sans-serif; margin:1.2em 0em 1.2em 0em; color:#333333; }
h4 			{ font-size:1.0em; font-weight:normal; font-family:arial, verdana, helvetica, sans-serif; margin:1.2em 0em 1.2em 0em; color:#333333; }
h4.tight 	{ font-size:1.0em; font-weight:bold; font-family:arial, verdana, helvetica, sans-serif; margin:1.7em 0em 0em 0em; color:#333333; }
h5 			{ font-size:1.0em; font-weight:normal; font-family:arial, verdana, helvetica, sans-serif; margin:1.2em 0em 1.2em 0em; color:#333333; }
h6 			{ font-size:0.9em; font-weight:normal; font-family:arial, verdana, helvetica, sans-serif; margin:1.2em 0em 1.2em 0em; color:#333333; }

img 		{ border:0; margin:0px; }

ol, ul, li	{ font-size:1.0em; line-height:1.3em; margin-top:6px; margin-bottom:4px; list-style-type:disc; } 

p 			{ font-size:1.0em; line-height:1.6em; margin:0; color:#333333 }
p.white11 	{ font-size:0.9em; line-height:1.6em; margin:0; color:#FFFFFF; }
p.white12 	{ font-size:1.0em; line-height:1.6em; margin:0; color:#FFFFFF; }
p.body		{ font-size:0.9em; line-height:1.6em; margin:0; color:#333333; }
p.caption	{ font-size:0.8em; line-height:1.6em; margin:0; color:#333333; padding:10px; }

li > p 		{ margin-top:6px; }

code, pre 	{ font-family:monospace; font-size:12px; color:#c33; }

strong, b	{ font-weight:bold; }

hr 			{ display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none; }

/*	////////////////////////////////////////
	Form Elements
//////////////////////////////////////// */

fieldset 				{ border:1px solid #ccc; }

legend 					{ background:#fff; }

textarea, input, select, 
input[type='text'], 
select,
textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover,
textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus			{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }

textarea, 
input[type='text'], 
select 					{ border:1px solid #ccc; background:#fff;  }

textarea:hover, 
input[type='text']:hover, 
input[type='password']:hover, 
select:hover 			{ border-color: #999999; }

textarea:focus, 
input[type='text']:focus, 
input[type='password']:focus, 
select:focus 			{ border-color:#999999; outline:2px solid #E1E1E1; }

input, select 			{ cursor:pointer;  }

input[type='text'] 		{ cursor:text; }

/*	////////////////////////////////////////
	GLOBAL float clear and left/right floats
//////////////////////////////////////// */
.clear	{ clear:both; width:0; height:0; margin:0; padding:0; }
.left	{ float:left; }
.right	{ float:right; }

/* ***************************************
	2. Site Specific Elements
*************************************** */
.main {
	margin: 	0px auto;
	padding:	0px;
	text-align: left;
	width:		980px;
	background:	url(../images/page_shadow.png) top left repeat-y;
	}

.main_padding { margin:0 0 0 10px; padding:0 0 10px 0; width:960px; } /* keeps inner margin at the edge of the drop shadow */

.header_logo		{ height:103px; width:330px; margin:0; padding:0; }
.header_messaging	{ height:103px; width:630px; margin:0; padding:0; }

ul.navbar 		{ list-style-type:none; list-style:none; width:960px; height:31px; margin:0 0 0 -1px; padding:0; border:1px solid #555555; background:	url(../images/navigation_bar_bg.gif) top left repeat-x; }
ul.navbar li	{ list-style-type:none; list-style:none; float:left; margin:0 0 0 15px; padding:0px; height:31px; }

ul.navbar li.about a 				{ display:block; width:64px; height:31px; background:url(../images/nav_about_off.png) top left no-repeat; }
ul.navbar li.about a:hover 		{ display:block; width:64px; height:31px; background:url(../images/nav_about_over.png) top left no-repeat; }
ul.navbar li.about_on,
ul.navbar li.about_on a,
ul.navbar li.about_on a:hover		{ width:64px; height:31px; background:url(../images/nav_about_on.png) top left no-repeat; }

ul.navbar li.services a 			{ display:block; width:84px; height:31px; background:url(../images/nav_services_off.png) top left no-repeat; }
ul.navbar li.services a:hover 	{ display:block; width:84px; height:31px; background:url(../images/nav_services_over.png) top left no-repeat; }
ul.navbar li.services_on,
ul.navbar li.services_on a,
ul.navbar li.services_on a:hover	{ display:block; width:84px; height:31px; background:url(../images/nav_services_on.png) top left no-repeat; }

ul.navbar li.contact a 				{ display:block; width:74px; height:31px; background:url(../images/nav_contact_off.png) top left no-repeat; }
ul.navbar li.contact a:hover 		{ display:block; width:74px; height:31px; background:url(../images/nav_contact_over.png) top left no-repeat; }
ul.navbar li.contact_on,
ul.navbar li.contact_on a,
ul.navbar li.contact_on a:hover 	{ display:block; width:74px; height:31px; background:url(../images/nav_contact_on.png) top left no-repeat; }

ul.navbar li.home					{ float:right; margin:0 15px 0 0; padding:0px; width:48px; height:31px; }
ul.navbar li.home a 				{ display:block; width:48px; height:31px; background:url(../images/nav_home_off.png) top left no-repeat; }
ul.navbar li.home a:hover 		{ display:block; width:48px; height:31px; background:url(../images/nav_home_over.png) top left no-repeat; }

.footer_shadow			{ width:980px; height:18px; margin:0; padding:0; }
.footer_copyright_nav	{ width:952px; margin:0 auto 30px auto; padding:0 8px; color:#FFFFFF; font-size:0.9em; }
.footer_copyright_nav p	{ color:#FFFFFF; }

div.footer_copyright_nav a,
div.footer_copyright_nav a:link,
div.footer_copyright_nav a:visited,
div.footer_copyright_nav a:active	{ color:#FFFFFF; text-decoration:none; }
div.footer_copyright_nav a:hover 	{ color:#FFFFFF; text-decoration:underline; }



/* Homepage */
.content	{ width:960px; min-height:600px; margin:0; padding:0; }
.home		{ background:url(../images/home_content_main_image.jpg) top left no-repeat; width:960px; height:279px; }
div.home p	{ width:528px; position:relative; top:106px; left:320px; }

ul.slots			{ list-style:none; list-style-type:none; width:950px; margin:0 0 20px 10px; padding:0;  }
ul.slots li 		{ list-style:none; list-style-type:none; width:300px; margin:0 20px 0 0; padding:0 0 10px 0; background-color:#f8f7f1; float:left; }
ul.slots li.last	{ width:300px; margin:0 0 0 0; padding:0 0 10px 0; float:left; }
ul.slots li p		{ width:224px; margin:0 0 0 58px; padding:0 0 8px 0; font-size:0.9em; }

ul.slots li .btn_learn_more		{ margin:10px 0 10px 58px; }
.btn_learn_more					{ margin:8px 0 10px 0px; }

.inner_footer 	{ width:900px; margin:20px 0 0px 10px; padding:20px; background-color:#f8f7f1; }
.col1 			{ float:left; }
.col2 			{ float:left; width:580px; margin:0 0 0 20px;  }
.col2 p			{ font-size:0.9em; margin:4px 0 0 0; }
.col2_footer 			{ width:650px; margin:20px 20px 0 0; padding:20px; background-color:#f8f7f1; float:right; }
div.col2_footer .col2	{ width:320px; margin:0 0 0 20px; padding:0; height:auto; }


/* T2 */
.T2header 		{ width:960px; height:43px; background:url(../images/T2_header_bar.jpg) top left no-repeat; }
.T2header img 	{ margin:15px 0 0 21px; }

.T2_2col_2wide			{ width:960px; margin:10px 0 10px 0; padding:0 0 10px 0; }
.T2_2col_2wide .col1	{ width:320px; margin:0; padding:10px 0 0 10px; height:auto; float:left; }
.T2_2col_2wide .col2	{ width:590px; margin:0; padding:10px 30px 0 10px; height:auto; float:left; }
.T2_2col_2wide .col2 p.body		{ font-size:0.9em; line-height:1.6em; margin:0 0 18px 0; color:#333333; }

/* T3 */
.T3_2col_1wide					{ width:950px; margin:20px 0 0 0; padding:0 0 10px 10px; }
.T3_2col_1wide .col1			{ width:680px; margin:0; padding:10px 30px 0 0; height:auto; float:left; }
.T3_2col_1wide .col2			{ width:230px; margin:0; padding:0; height:auto; float:left; }
.T3_2col_1wide .col1 p.body		{ font-size:0.9em; line-height:1.6em; margin:0 0 18px 0; color:#333333; }

.T3_2col_2wide					{ width:950px; margin:20px 0 0 0; padding:0 0 10px 10px; }
.T3_2col_2wide .col1			{ width:230px; margin:0; padding:10px 30px 0 0; height:auto; float:left; }
.T3_2col_2wide .col2			{ width:680px; margin:0; padding:0; height:auto; float:left; }
.T3_2col_2wide .col2 p.body		{ font-size:0.9em; line-height:1.6em; margin:0 0 18px 0; color:#333333; }

ul.linklist					{ color:#669933; margin:20px 0 0 0; padding:0; }
ul.linklist li				{ list-style:none; margin:0 0 16px 0; }
ul.linklist li a,
ul.linklist li a:link,
ul.linklist li a:visited,
ul.linklist li a:active		{ color:#669933; font-size:0.9em; text-decoration:none; }
ul.linklist li a:hover		{ text-decoration:underline; }

ul.linklist_short				{ color:#669933; margin:4px 0 0 0; padding:0; }
ul.linklist_short li				{ list-style:none; margin:0 0 16px 0; }
ul.linklist_short li a,
ul.linklist_short li a:link,
ul.linklist_short li a:visited,
ul.linklist_short li a:active		{ color:#669933; font-size:0.9em; text-decoration:none; }
ul.linklist_short li a:hover		{ text-decoration:underline; }

ul.paging					{ color:#669933; margin:4px 0 20px 0; padding:0; float:right; }
ul.paging li				{ list-style:none; margin:0 10px 0 0; float:right; }
ul.paging li a,
ul.paging li a:link,
ul.paging li a:visited,
ul.paging li a:active		{ color:#669933; font-size:0.9em; text-decoration:none; }
ul.paging li a:hover		{ text-decoration:underline; }

p.tight		{ margin:2px 0 2px; }

.quote_box		{ background-color:#f8f7f1; padding:10px; margin:10px; }
.contact_box	{ padding:10px; margin:10px; }