/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    
email:     @practisinc.com
website:   http://www..com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 849px; /* Centered design work around for Netscape 6. */
	  background:#1b3657;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #FF0000; }
	a:visited { color: #FF0000; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 859px;
	  margin: 20px auto 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/bg.gif);
	}
	
	#content {}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:56px; margin:0; padding:0; float:left; list-style-type:none; }
	ul#nav_main li { height:56px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; }
	* html #nav_main a:hover { background:#ccccff; }
	
	ul#nav_main li.home { width:103px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn_home.gif) no-repeat; }
	ul#nav_main li.home a:hover span, body.home ul#nav_main li.home a span { background:url(../images/buttons/btn_home.gif) no-repeat 0 -56px; }
	
	ul#nav_main li.company { width:94px; }
	ul#nav_main li.company a span,ul#nav_main li.company a:link span { background:url(../images/buttons/btn_company.gif) no-repeat; }
	ul#nav_main li.company a:hover span, body.company ul#nav_main li.company a span { background:url(../images/buttons/btn_company.gif) no-repeat 0 -56px; }

	ul#nav_main li.equipment { width:106px; }
	ul#nav_main li.equipment a span,ul#nav_main li.equipment a:link span { background:url(../images/buttons/btn_equipment.gif) no-repeat; }
	ul#nav_main li.equipment a:hover span, body.equipment ul#nav_main li.equipment a span { background:url(../images/buttons/btn_equipment.gif) no-repeat 0 -56px; }

	ul#nav_main li.services { width:85px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn_services.gif) no-repeat; }
	ul#nav_main li.services a:hover span, body.services ul#nav_main li.services a span { background:url(../images/buttons/btn_services.gif) no-repeat 0 -56px; }

	ul#nav_main li.support { width:83px; }
	ul#nav_main li.support a span,ul#nav_main li.support a:link span { background:url(../images/buttons/btn_support.gif) no-repeat; }
	ul#nav_main li.support a:hover span, body.support ul#nav_main li.support a span { background:url(../images/buttons/btn_support.gif) no-repeat 0 -56px; }

	ul#nav_main li.request_info { width:128px; }
	ul#nav_main li.request_info a span,ul#nav_main li.request_info a:link span { background:url(../images/buttons/btn_request_info.gif) no-repeat; }
	ul#nav_main li.request_info a:hover span, body.request_info ul#nav_main li.request_info a span { background:url(../images/buttons/btn_request_info.gif) no-repeat 0 -56px; }
	
		
	#nav_supp { margin-top:10px; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #FFF; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:100px; }
	
	h1.logo { width:241px; height:84px; float:left; position:relative; }
	h1.logo span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { width:579px; margin-left:15px; float:left; }
	#three_column #content_main h2 { color:#1b3657; font-family:"Trebuchet MS";  }
	
	div#compare { width:578px; height:260px; background:url(../images/bg_compare.jpg) no-repeat; }
	
	div#welcome { width:314px; height: 118px; padding: 10px; margin-top:10px; float:left; background:#FFF; border:1px solid #bec5cb; color:#1b3657; }
	
	div#equipment { width:215px; height: 128px; padding:10px 5px 0 10px; margin-top:10px; float:right; background:#c3cad0; 
		border:1px solid #bec5cb; 
		list-style-image: url(../images/bullet2.gif);
	}
	div#equipment h2 { margin-top:0px; }
	div#equipment ul { margin:0; padding:0; list-style-type:none; }
	div#equipment li { margin-left: 15px;}
	
	#three_column #content_sub { width:235px; margin-top: -26px; margin-right:20px; float:right; }
	#three_column #content_sub img { margin-top: -14px; }

	div#whats_new { height: 210px; padding: 10px; background:#e7e7e7; border:1px solid #bec5cb; color:#000f4c; }
	div#whats_new h2 { margin-top:0; color:#1b3657; font:18px "Trebuchet MS"; }
	div#whats_new ul { margin:0; padding:0; list-style-type:none; }
	div#whats_new li { margin-bottom: 10px; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:593px; margin-right:10px; float:right; }
	#two_column #content_main #while_bg { padding:0 10px; background:#FFF; border:1px solid #bec5cb; }
	
	#two_column #content_main h1 { margin-right:10px; color:red; text-align:right; font:26px "Trebuchet MS"; }
	
	#two_column #content_sub { width:207px; padding-left:10px; float:left; }
	#two_column #content_sub h2 { font:18px "Trebuchet MS"; color:#1b3657; }
	#two_column #content_sub #in_this_section { width:197px; margin-top:12px; padding: 0 10px; background:#e7e7e7; border:1px solid #ced3d6;  }
	
	#two_column #content_sub #in_this_section h3 { font:18px "Trebuchet MS"; color:#1b3657; }
	
	#two_column #content_sub #in_this_section ul { margin:0 0 10px 0; padding:0; list-style-type:none; }
	#two_column #content_sub #in_this_section li { padding-left:15px; background:url(../images/bullet.gif) no-repeat 0 5px; line-height:18px; }
	#two_column #content_sub #in_this_section li a { color:#000f4c; text-decoration:none; }
	#two_column #content_sub #in_this_section li a:hover { text-decoration:underline; }
	
	body.equipment h2.block{border-top:1px solid #c3cacd; border-bottom:1px solid #c3cacd; margin-bottom:20px; padding:4px 5px; color:#1b3657;}
	

	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0px; border:0; width:210px; }
	#get_directions .top { background-image: url(../images/directionsTop.gif); height:29px; background-repeat:no-repeat; }
	#get_directions .middle { background-image: url(../images/directionsMiddle.gif); padding:10px; background-repeat:repeat-y; }
	#get_directions .middle input { margin:2px 0px; }
	#get_directions .bottom { background-image: url(../images/directionsBottom.gif); height:35px; text-align:center; background-repeat:no-repeat; }
	#get_directions p { margin-left:5px; }
	#get_directions .submitButton { padding: 0px; margin:5px auto; border: 0px; background:none; width:122px; cursor:pointer; }


	 /* * html .submitButton { cursor:hand; } /*alternate cursor style for ie*/

	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin:5px 0; font-size: 0.92em; }
	#site_info, #site_info a { color: #FFF;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 35%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	
	p.phone { color:red; font:18px "Trebuchet MS"; text-align:right; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
}