/*  
   Copyright Omega Health Systems 2009 
   Description: Used for the homepage of the Ergonomics Software - Cardinus' US site
   Author: J.White
   Version: 1.1
 
=1 Global
=2 Links
=3 Headings
=4 Header
=5 Navigation
=6 Middle
=7 Form
=8 Footer
=9 Hacks
=10 Contact Form


/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
/* --------------------------------------------------------------------*/     
/* =1 Global ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
body{
    background-color:#A4BB48;
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	background-image:url(../images/bodyBkg.jpg);
    background-repeat:repeat-x;
    background-position:0% 0%;
}
html{}

#wrapper
{
    width:958px !important;
    height:760px !important;
    margin:0px auto 10px auto;
    padding:0;
    background-image:url(../images/wrapperBkg.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    font-size:90%;
    }
 
/* --------------------------------------------------------------------*/     
/* =2 Links ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

a, a:link
{
	color:#6F7B2F;
	text-decoration:none;}
/*a:visited 
{
	color:red;
	text-decoration:none;}
a:active 
{
	color:white;
	text-decoration:none;
	background-color:Black;}*/

a:hover, a:visited:hover 
{
	color:#f2672a;
	text-decoration:underline;}


/* --------------------------------------------------------------------*/     
/* =3 Headings --------------------------------------------------------*/
/* --------------------------------------------------------------------*/
#top h1 
{
	font-size:165%;
	color:#96bf0d;
	width:340px;
	float:left;
	margin:4px 0px 0px 220px;
	line-height:1.6em;
	text-align:center;
	}
#leftcol h2 
{
	font-size:100%;
	width:344px;
	margin:18px 0px 0px 90px;}	

#bottombox h2
{
	width:auto;
	margin:0 55px 0 80px;
	font-size:90%;
	color:White;
	padding-top:10px;
	/*width:341px;
	font-size:90%;
	margin:0px 0px 0px 91px;
	position:relative;
	padding-top:20px;
	color:White;
	font-weight:bold;
	height:102px;*/}
#quotation 
{
	width:489px;
	height:105px !important;}
	
#callout
{
	width:378px !important;
    height:178px !important;
    margin:-145px 0 0 100px;
    padding:0;
    background-image:url(../images/ergo_callout3.gif);
    background-repeat:no-repeat;
    background-position:0% 0%;
}

#rightcol h1 
{
	margin:-22px 0px 20px 0px;
	
	font-size:130%;
	font-weight:bold;
	color:#6F7B2F;
	}
#rightcol h1.contact
{
	margin:-32px 0px 39px 85px;
	font-size:150%;
	
	}
#rightcol h2, #rightcol h3, #rightcol h4, #rightcol h5, #rightcol h6
{
	color:#6F7B2F;
	font-weight: bold;
	font-size:105%;
	margin:5px 0px 10px 0px;}

/* --------------------------------------------------------------------*/     
/* =4 Header ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/
.logo
{
	background-image:url(../images/logo.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    }
#top {width:100%;
	height:290px;}
	
	

	
/* --------------------------------------------------------------------*/     
/* =5 Navigation ------------------------------------------------------*/
/* --------------------------------------------------------------------*/

/* --------------------------------------------------------------------*/     
/* =6 Middle ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/


#bottombox
{
	width:100%;
	height:auto;
	height:auto;
    padding:0px;
    background-image:url(../images/bottomboxHead.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    }
    
#bottomboxContent 
{
	background-color:#F8F6E2;
	width:861px !important;
	height:auto;
	margin:0px 0px 0px 51px;
	padding-bottom:20px;
	min-height:450px;
	}
#leftcol 
{
	width:254px;
	height:auto;
	margin:0;
	padding:0;
	float:left;}
#gallery 
{
	background-image:url(../images/bottomboxCenter.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    height:347px !important;
    width:108px !important;
    float:left;}
#rightcol
{
	width:50%;
	height:auto;
	float:left;
	margin:0px 0px 10px 25px;
	font-size:90%;}
#rightcol p
{
	margin-bottom:10px;
	width:100%;
	height:auto;}
#rightcol ul 
{
	margin:0px 0px 10px 17px;}
#bottomboxFooter 
{
	background-image:url(../images/bottomboxFooterBkg.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    width:861px !important;
    height:7px !important;
   margin:0px 0px 0px 51px;}

#leftnav 
{
	width:100%;
	height:auto;
	}
ul#ltmenu 
{
	display:block;
	width:75%;
	height:auto;
	margin:30px 0px 0px 30px;
	padding:0;
	font-size:90%;
	font-weight:bold;
	color:#6F7B2F;
	}
ul#ltmenu li 
{
	list-style:none;
	border-bottom:1px solid #97C03E;
	padding-bottom:3px;}
	
ul#ltmenu li.wsp
{
	list-style:none;
	border-bottom:none;
	padding:25px 0px 3px 0px;}
ul#subltmenu 
{
	display:block;
	width:90%;
	margin:5px 0px 25px 20px;
	font-size:90%;
	}
ul#subltmenu li 
{
	list-style:none;
	border-bottom:none;
	border-bottom:1px solid #DCEABF;
	margin-bottom:10px;}
.clear
{
    clear:both;}
  .big 
  {
	font-weight:bold;
	font-size:120%;}

ul#wspIntro 
{
	background-image:url(../images/wsp_intro.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    padding-top:75px;
	height:80px;
	margin:0;
	padding: 75px 0 10px 17px;
    width:auto;}
    
/*ul#wspIntro li 
  {
	display:inline;
	margin:0;
	padding:0;
	}
/*ul#wspIntro li.laptop 
{
	background-image:url(../images/laptop.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    height:74px;
    width:74px;
    padding-bottom:84px;
    margin:0px;}
ul#wspIntro li.pda
{
	background-image:url(../images/pda.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    height:74px;
    width:74px;
    padding-bottom:84px;
    margin:0px;}
ul#wspIntro li.monitor 
{
	background-image:url(../images/monitors.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    height:74px;
    width:74px;
    padding-bottom:84px;
    margin:0px;}
ul#wspIntro li.keyboard 
{
	background-image:url(../images/keyboard.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    height:74px;
    width:74px;
    padding-bottom:84px;
    margin:0px;}
ul#wspIntro li.pregnancy {background-image:url(../images/pregnancy.jpg);
    background-repeat:no-repeat;
    background-position:0% 0%;
    height:74px;
    width:74px;
    padding-bottom:84px;
    margin:0px;}*/



/*ul#custom 
{
	width:auto;
	height:auto;
	margin-top:50px;
	padding:0;
	text-align:center;}
	
ul#custom li 
{
	list-style:none;
	display:inline;
	width:48px;
	height:38px;
	padding:38px 3px 0px 3px;
	margin-right:10px;
	}
ul#custom li.branding 
{
	background-image:url(../images/branding.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}
    
  ul#custom li.text 
{
	background-image:url(../images/text.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}
    
    ul#custom li.graphics 
{
	background-image:url(../images/graphics.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}
    
    ul#custom li.modules
{
	background-image:url(../images/modules.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}
    
  ul#custom li.video
{
	background-image:url(../images/video.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}*/

#branding, #text, #graphics, #modules, #video 
{
	padding:0;
	text-align:center;
	width:48px;
	height:38px;
	padding:38px 3px 0px 3px;
	margin-right:10px;
	float:left;
	text-decoration:underline;}
	

#branding 
{
	background-image:url(../images/branding.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}
#text 
{
	background-image:url(../images/text.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}
 #graphics 
{
	background-image:url(../images/graphics.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;} 
    
  #modules
{
	background-image:url(../images/modules.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;}  
#video
{
	background-image:url(../images/video.jpg);
    background-repeat:no-repeat;
    background-position:50% 0%;
    margin-right:70px;}
    
/* --------------------------------------------------------------------*/     
/* =7 Form ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/




/* --------------------------------------------------------------------*/     
/* =8 Footer ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/

#footer
{
	width:100%;
	  height:auto;
	  margin:0;
	  padding:2px 0px 2px 0px;
	  height:auto;
	  color:#fc7e00;
	  font-weight:normal;
	  font-size:70%;
	  color:#6f7b2f;}
	  
#footer p {
	margin-left:95px;
	width:85%;}
#footer a 
{
	color:#6F7B2F;}

#footerLinks 
{
	font-size:100%;
	color:#6F7B2F;
	margin:0px 0px 0px 95px;}
#footerLinks a 
{
	color:#6f7b2f;}
#footerlt 
{
	border-right:1px solid #6F7B2F;
	float:left;
	height:auto;
	margin:3px 0 0 5px;
	width:49%;
	}

#footerrt 
{
	height:auto;
	margin:10px 0 5px 95px;
	width:100%;}
	
#footerKey 
{
	width:auto;
	font-size:75%;
	clear:both;
	margin:90px 0px 0px 130px;
	color:#6F7B2F;
	
	}

/* --------------------------------------------------------------------*/     
/* =9 Hacks ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/	
	
/*ie 6 hacks*/

*html #bottombox
{
	z-index:1;
	position:relative;
}

*html #callout
{
	z-index:100;
    margin:-90px 0 0 90px;
    position:relative;
}
*html .PrettyMenu .AspNet-Menu-Vertical{
z-index:1000;}


*html #top h1 
{
	margin:-58px 0px 0px 190px;
	}

*html #contactForm 
{
	margin-top:-64px;}
*html #rightcol 
{
	margin-top:-50px;
	width:46%;
	z-index:10;
	
	}
*html #rightcol h1 
{
	margin:-20px 0px 10px -50px;
	padding-left:50px;
	width:auto;
	
}*html #rightcol h1.contact 
{
	margin:25px 0px 10px 0px;
	padding-left:0px;
	width:auto;
}
*html input 
{
	margin:2px 0;}
	
*html #video 
{
	margin-right:50px;}
*html #gallery 
{
	padding-top:23px;}	
		
/*ie7 fixes */
*:first-child+html #top h1 
{
	margin:-58px 0px 0px 380px;
	}
*:first-child+html #rightcol h1 
{
	margin:-20px 0px 10px -50px;
	padding-left:50px;
	width:auto;
}

*:first-child+html #contactForm 
{
	margin-top:-64px;}
*:first-child+html input 
{
	margin:2px 0;}	

/* Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0)
 {
.AspNet-Menu-Horizontal{margin-left:80px;}
 #branding, #text, #graphics, #modules, #video {margin-top:20px;}
#leftmenu a
{
	color:#6F7B2F;
	text-decoration:none;
	} 
}

/* --------------------------------------------------------------------*/     
/* =10 CONTACT FORM ----------------------------------------------------------*/
/* --------------------------------------------------------------------*/	

#contactForm 
{
	font-size:70%;
	height:auto;
	margin-left:40px;
	width:190px;
	float:left;
	font-weight:normal;
	color:White;}
#contactForm p 
{
	margin-bottom:5px;}
#ctl00_contactForm1_contactForm1 
{
	width:100%;}
	
table.contact 
{
    width:100%;
    height:auto;
    margin-top:3px;
    /*padding:3px;*/
    }
.lhcontactTop 
{
	width:100%;}

table.contact td
{
	padding:0px;
	vertical-align:top;}
table.contact td.intro 
{
	padding-left:20px;}
	
/*----styles the input boxes on the quick contact box-------*/

.watermark 
{
 
      background: #F8F6E2;
      font-size:95%;
      font-family:Verdana, Arial, Sans-Serif;
      color:#999999;
      
}
input 
{
	vertical-align:top;
	margin:3px 0px 3px 0px;}
	
.submit 
{
	background-color:#96bf0d;
	font-weight:bold;}


#ctl00_contactForm1_txtEmployees, #ctl00_contactForm1_txtName, #ctl00_contactForm1_txtEmail, #ctl00_contactForm1_txtTel, #ctl00_contactForm1_txtOrg
{
	background-color:#F8F6E2;
	width:160px;
	height:14px;}
#ctl00_contactForm1_ddlEmployeeNo 
{
		background-color:#F8F6E2;
	width:164px;
	height:20px;
	color:#999999;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:95%;
	margin:3px 0;}
	
#ctl00_contactForm1_txtComments 
{
	background-color:#F8F6E2;
	width:155px;
	height:27px;
	padding:3px 0px 0px 6px;}
	
		
#ctl00_contactForm1_btnEvaluation 
{
	width:auto;
	padding:0;
	margin-left:110px;
	font-size:115%;}
.green 
{
	font-weight:bold;
	color:#96BF0D;
	font-size:105%;}