/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 6/26/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

html,
body {margin:0; padding:0; height:100%;}
body {background:url(images/background.jpg) top repeat-x #fff; font:14px Arial, Helvetica, sans-serif; text-align:center; color:#333; height:100%}
a, a:visited {color:#ff0000; text-decoration:underline; font-weight:bold;}
a:hover {color:#935A1C; text-decoration:none;}
p {line-height:18px; margin:0 auto; padding:10px 0;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h2 {font-size:24px;}
h3 {font-size:18px; font-weight:normal;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:10px 20px; padding:10px 20px;}
li {line-height:18px;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {width:100%; min-height:100%; position:relative;}


/* 3.1 Header
**************************************************************************************************************/

#banner {background:url(images/banner.jpg); height:201px; width:960px; overflow:hidden; clear:both;}

h1#logo {text-indent:-9999px; overflow:hidden; height:0;}	
#logoBar {position:absolute; top:0; left:50%; width:500px; height:156px; background:url(images/logo_bgd.gif) repeat-x; margin-left:-980px;}




/* 3.2 Content
**************************************************************************************************************/


#content {width:960px; padding-bottom:100px; clear:both; overflow:hidden; margin-top:2px;}
#flashBox {background:url(images/flash_bgd.jpg); width:1138px; height:249px; overflow:hidden;}
	#flashBox a.readmore {position:absolute; top:370px; left:50%; margin-left:-100px; background:url(images/readmore.png); width:125px; height:34px; display:block; overflow:hidden; text-indent:-9999px;}
.flashText {width:498px; float:left; display:inline; float:left; overflow:hidden; color:#fff; font-size:16px; margin:10px 0 0 20px;}
	.flashText ul {margin:10px auto 0 25px; padding:0;}
	.flashText li {line-height:20px;}
	.flashText p {margin-bottom:0; padding-bottom:0; line-height:22px;}
	.flashText a.readmore {position:absolute; top:370px; left:700px; background:url(images/readmore.png); width:125px; height:34px; display:block; overflow:hidden; text-indent:-9999px;}
		.flashText a.readmore:hover {background:url(images/readmore_active.png);}

.flashMovie {width:444px; height:249px; overflow:hidden; margin:0 auto; padding:0; float:left; display:inline; margin-top:1px;}

.box {background:url(images/box_bgd.jpg); width:312px; height:202px; overflow:hidden; float:left; display:inline; margin:15px 11px 10px 0; position:relative;}
.lastBox {margin:15px auto 0;}
	.box h3 {color:#fff; padding:10px 20px; font-size:16px;}
	.box p {padding:0 20px; color:#a4a5a5;}
	.box a.readmore {position:absolute; top:160px; left:180px; background:url(images/readmore.png); width:125px; height:34px; display:block; overflow:hidden; text-indent:-9999px;}
		.box a.readmore:hover, #flashBox a.readmore:hover {background:url(images/readmore_active.png);}
#leftCol {width:580px; float:left; display:inline; margin:10px 10px 0 0; background:#f3f3f3; padding:20px; border:2px solid #3A485D;}
	#leftCol h2 {font-size:20px; font-weight:normal; padding-bottom:15px;}
	#leftCol h3 {font-size:17px; font-weight:normal; padding:15px 0;}
.buttons {float:left; display:inline; clear:left; width:300px;}
.buttons a {background:url(images/bigbutton.png); width:295px; height:62px; display:block; line-height:54px; padding-left:10px; font-size:20px; color:#333; text-decoration:none;}
	.buttons a:hover {background:url(images/bigbutton_active.png);}
.why {float:left; display:inline; margin-left:10px; width:310px;}
	.why h3 {font-size:20px; color:#333; font-weight:normal; padding:10px 20px;}
	.why ol {color:#2690e0;}
		.why ol li {line-height:22px;}
h4.clientHeader {text-decoration:underline;}

#rightCol {width:312px; float:right; display:inline; background:url(images/sidebar_bgd.jpg) repeat-y; margin:10px 0 0; color:#a4a5a5; overflow:visible;}
#rightColHOME {width:312px; float:right; display:inline; background:url(images/sidebar_bgd.jpg) repeat-y; margin:-222px 0 0; color:#a4a5a5; overflow:visible;}
	#rightColTop {background:url(images/sidebar_top.jpg); width:312px; height:14px; clear:both; overflow:hidden;}
	#rightColContent {background:url(images/sidebar_bottom.jpg) bottom no-repeat; width:312px; overflow:hidden; clear:both;}
		#rightColContent a.readmore {background:url(images/readmore.png); width:125px; height:34px; display:block; text-indent:-9999px; outline:none; float:right;}
			#rightColContent a.readmore:hover {background:url(images/readmore_active.png);}
	#rightCol h2 {font-size:22px; color:#fff; font-weight:normal; padding:0 20px;}
	#rightCol h3 {font-size:16px; color:#fff; font-weight:normal; padding:10px 20px 0;}
	#rightCol p {padding:10px 20px;}
		#rightCol p.logos {padding:10px 0 10px 20px; margin:0 auto; float:left; display:inline;}
	#rightCol hr {margin:10px 20px; color:#666; background:#666; border:none;}
	#rightCol p.sidebarThumb {float:left; display:inline; margin:0 auto; padding:23px 0 23px 23px;}
		#rightCol p.sidebarThumb img {border:2px solid red;}


/* 3.3 Footer
**************************************************************************************************************/

#footer {background:#3a485d; width:100%; height:78px; clear:both; overflow:hidden; font-size:12px; position:absolute; bottom:0; border-top:8px solid #ec1b23;}
#footerInner {width:960px; color:#fff; padding-top:10px;}
	#footerInner p {float:left; display:inline;}
	#footerInner p.siteDesign {margin-left:170px;}
	#footerInner p.contact {background:url(images/email.png) top right no-repeat; float:right; text-align:right; padding-right:60px;}
	#footerInner a, #foooterInner a:visited {color:#fff;}

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}

img.border {border:2px solid #AD8724;}
.floatRight img {margin-left:20px;}
.floatLeft img {margin-right:20px;}
.padding10 img {margin:10px 12px;}
.hightlight {color:#fff;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/
#leftColHome {width:630px; float:left; display:inline; margin:10px 10px 0 0;}
ul.codesList {margin:10px 20px 20px; padding:0; clear:both; overflow:hidden;}
		ul.codesList li {list-style:none; padding:2px 10px; float:left; display:inline; color:#fff; line-height:16px;}
		
.equipmentPhoto { float: left; }
    .equipmentPhoto h3 { font-weight: bold; text-align: center; }
	.equipmentPhoto p.equipmentImage {float:left; display:inline; margin:0 20px 0 0;}
		.equipmentPhoto p.equipmentImage img {border:2px solid #3A485D;}