html, body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#666666;
	background-color: #EBEBEB;
	margin : 0px 0px 0px 0px;
	padding : 0; 
	align:center;
	height:100%;
}





#main {
	position: relative;
	margin: 0px auto 0px auto;
	width:940px;
	top: 0px;
	padding:0px;
	min-height:100%;
}


	#fillContainer{
		position:absolute;
		background-color: #FFFFFF;
		height:100%;
		min-height:100%;
		width:100%;
	}
	
	#fill{
		position:relative;
		height:100%;
		background-color: #FFFFFF;
	}
	
	
	#header {
		position: relative;
		top:0px;
		padding:0px;
	}
	
		#topMargin {
			position:relative;
			top:0px;
			height:42px;
			width:100%;
			background-color: #EBEBEB;	
		}
		
		#logo {
			position:relative;
			background-image:url(../images/guavusLogo.gif);
			background-position:top;
			background-repeat:no-repeat;
			height:77px;
			width:181px;
			top:22px;
			left:27px;
		}
		
		#menu {
			margin:0px;
			padding:0px;
			position: relative;
			height:95px;
			background-image:url(../images/wave.png);
		}
		
		#tagline {
			position:absolute;
			background-image:url(../images/tagline.gif);
			background-position:top;
			background-repeat:no-repeat;
			height:22px;
			width:222px;
			top:79px;
			right:36px;
		}
	
	#content {
		position:relative;
		width:940px;
		padding:0;
		padding-bottom:50px;
		height:100%;
	}
	
			#sectionHeading {
				position:relative;
				height:79px;
				min-height:79px;
				left:36px;
				width:864px;
			}
			
			.companyHeading{
				background-image:url(../images/companyHeading.gif);
				background-position:center left;
				background-repeat:no-repeat;
				height:79px;
				min-height:79px;
				width:864px;
			}
			
			.supportHeading{
				background-image:url(../images/supportHeading.gif);
				background-position:center left;
				background-repeat:no-repeat;
				height:79px;
				min-height:79px;
				width:864px;
			}
			
			.jobsHeading{
				background-image:url(../images/jobsHeading.gif);
				background-position:center left;
				background-repeat:no-repeat;
				
				height:79px;
				min-height:79px;
				width:864px;
			}
			
			.contactHeading{
				background-image:url(../images/contactHeading.gif);
				background-position:center left;
				background-repeat:no-repeat;
				height:79px;
				min-height:79px;
				width:864px;
			}
			.telxtieHeading{
				background-image:url(../images/telxtieHeading.gif);
				background-position:center left;
				background-repeat:no-repeat;
				height:79px;
				min-height:79px;
				width:864px;
			}

			#sectionContent {
				padding:0;
			}
			
				#leftColumn {
					float:left;
					padding:0px 20px 0px 38px;
					width:345px;
					margin:0px;
				}
	
				
				#rightColumn{
					border-left: 1px solid #BFBFBF;
					padding:0;
					padding-left:38px;
					margin:0;
					margin-left:420px;
					width:440px;
					min-height:300px;
					top:0px;
				}
				#companyGraphic{
					position:relative;
					width:240px;
					height:300px;
					min-height:300px;
					left:-38px;
				}
				
				#companyGraphic a {
					voice-family: "\"}\""; 
					voice-family: inherit;
					width:240px;
					height:150px;
					min-height:150px;
					text-decoration: none;
					font-weight:normal;
					}
					
				#companyGraphic a:link, #companyGraphic a:visited {
					color: #666666;
					display: block;
					background: url(../images/growingGraphic.png);
					background-repeat:no-repeat;
					 
					}
					
				#companyGraphic a:hover {
					background: url(../images/growingGraphicOver.png);
					background-repeat:no-repeat;
					}
					
				#companyGraphic a:active {
					background: url(../images/growingGraphicOver.png);
					background-repeat:no-repeat;
					}
				
	
	#footer {
		position:absolute;
		height:50px;
		left:0px;
		bottom:0px;
		margin:0px;
		padding:0px;
		width:940px;
	}
	
		#footerFade {
			position:absolute;
			top:0px;
			background-image:url(../images/footerFade.png);
			background-position:top;
			background-repeat:repeat-x;
			height:43px;
			width:940px;
		}
		
		#footerColors {
			position:absolute;
			top:43px;
			background-image:url(../images/footerColors.png);
			background-position:top;
			background-repeat:repeat-x;
			height:7px;
			width:940px;
		}
		
		#footerText {
			position:absolute;
			top:0px;
			width:800px;
			padding:18px 38px 0px 37px;
		}



p{
	margin:0px 0px 16px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	font-variant:normal;
	line-height:16px;
	padding:0px;
	
}



h1{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size: 20px;
	font-weight:lighter;
	color:#000000;
	}

h2{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	font-variant:small-caps;
	line-height:lighter;
	color:#6C2C8E;
}
h3{
	margin:0px 0px 6px 0px;
	padding:0px;
	font-size: 12px;
	font-weight:lighter;
	color:#000000;
}
h4{
	margin:0px 0px 6px 0px;
	padding:0px;
	font-size: 10px;
	font-weight:bold;
	padding-left:24px;
	padding-top:1px;
	position:relative;
	left:-24px;
	color:#000000;
	background-image:url(../images/h4Bullet.gif);
	background-position:left 0px;
	background-repeat:no-repeat;
	height:18px;
}
h5{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 10px;
	font-weight:lighter;
}
h6{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size: 10px;
	font-weight:lighter;
	color:#808080;
}

dl{
	padding-bottom:14px;
}

dt{
	color:#000000;
}

dd{
	padding:0;
	margin:0;
	margin-left:18px;
	margin-bottom:9px;
}

address{
	font-style:normal;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	color: #E20177;
	padding:0px;
	padding-bottom:15px;
}
pinkheading{
	margin:0px 0px 6px 0px;
	padding:0px;
	font-size: 12px;
	font-weight:lighter;
	color: #E20177;
}

.note{

	font-style:italic;
}


a:link, a:visited, a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #E20177;

	text-decoration: none;
	background-image:url(../images/underline.gif);
	background-position:bottom;
	background-repeat:repeat-x;

}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	text-decoration: none;
}

.hidden{
	visibility:hidden;
}


#content ul{
	margin:0px;
	padding:0px;
	padding-bottom:1px;
	list-style:none;
	
}

#content ul ul{
	margin:0px;
	padding:0px;
	padding-bottom:3px;
	list-style:none;
	
	
}

#content li {
	margin:0px;
	position:relative;
	left:-18px;
	padding:2px 0px 2px 18px;
	line-height:12px;
	background-image:url(../images/liBullet.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}


#content li li {
	margin:0px;
	position:relative;
	left:0px;
	padding:2px 0px 2px 18px;
	line-height:12px;
	background-image:url(../images/liLiBullet.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
}

#jobsMenu{
	margin-left:-38px;
	margin-bottom:10px;
	position:relative;
	top:-10px;
}

#jobsMenu ul{
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	padding-left:38px;
	list-style:none;
	background-image:url(../images/listEdgeColors.png);
	background-position:top left;
	background-repeat:repeat-y;
} 

#jobsMenu li{
	left:0px;
	background:none;
	list-style:none;
	margin:0px;
	padding:0px;
	height:33px;
	line-height:33px;
}

#jobsMenu li a:link, #jobsMenu li a:visited, #jobsMenu li a:active {
	font-weight:normal;
	color:#E20177;
	margin-left:10px;
}

#jobsMenu li a:hover{
	font-weight:normal;
	color:#000000;
}


.mailtoLink {
	height:28px;
	padding-right:28px;
	padding-bottom:2px;
	margin-top:5px;
	background-image:url(../images/mailtoLink.gif);
	background-position:top right;
	background-repeat:no-repeat;
}



#contactForm {
	width: 450px;
	
}

#contactForm input.field {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 3px;
	width: 165px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #808080;
}


#contactForm textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#333333;
	padding: 5px;
	width: 430px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #808080;
	height: 105px;
}


#contactForm textarea:focus, #contactForm input.field:focus {
	border: 1px solid #E20177;
}

#contactForm input.submitButton {
	margin-top:14px;
	width: 130px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color:#333333;
}

#contactForm label {
	margin:0px;
	color:#666666;
	padding-top: 5px;
	font-size: 10px;
	
}

#contactForm div.inputDiv {
	margin:0px;
	height:35px
	margin-bottom:2px;
}




.error {
	padding-left:24px;
	color:#E20177;
	background-image:url(../images/leftArrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	position:relative;
	top:-16px;
	left: 180px;
}

.errorBlank {
	padding-left:24px;
	color:#ffffff;
	position:relative;
	top:-16px;
	left: 180px;
}

.errorMessage{
	padding-right:24px;
	color:#E20177;
	background-image:url(../images/upArrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
}


.messageSent{
	color:#E20177;
}




	
/*    menu        */
	

.outer{
	margin:0px;
	padding:0px;
}
#menu4 {
	width: 181px;
	padding:0px;
	}
	#menu4 ul{
	margin:0px;
	padding:0px;
	padding-top:1px;
	list-style:none;
	
	}
	
	
	
#menu4 li a {
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 23px;
	text-decoration: none;
	font-weight:normal;
	padding-top:1px;
	}
	
#menuCompany a:link, #menuCompany a:visited {
	color: #666666;
	display: block;
	background: url(../images/menu/menuCompany.gif);
	background-repeat:no-repeat;
	 
	}
	
#menuCompany a:hover {
	background: url(../images/menu/menuCompanyOver.gif);
	background-repeat:no-repeat;
	}
	
#menuCompany a:active {
	background: url(../images/menu/menuCompanyOver.gif);
	background-repeat:no-repeat;
	}
	
	
	
#menuSupport a:link, #menuSupport a:visited {
	color: #666666;
	display: block;
	background: url(../images/menu/menuSupport.gif);
	background-repeat:no-repeat;
	 
	}
	
#menuSupport a:hover {
	background: url(../images/menu/menuSupportOver.gif);
	background-repeat:no-repeat;
	}
	
#menuSupport a:active {
	background: url(../images/menu/menuSupportOver.gif);
	background-repeat:no-repeat;
	}
	
	
	
	
#menuJobs a:link, #menuJobs a:visited {
	color: #666666;
	display: block;
	background: url(../images/menu/menuJobs.gif);
	background-repeat:no-repeat;
	 
	}
	
#menuJobs a:hover {
	background: url(../images/menu/menuJobsOver.gif);
	background-repeat:no-repeat;
	}
	
#menuJobs a:active {
	background: url(../images/menu/menuJobsOver.gif);
	background-repeat:no-repeat;
	}

#menuContact a:link, #menuContact a:visited {
	color: #666666;
	display: block;
	background: url(../images/menu/menuContact.gif);
	background-repeat:no-repeat;
	 
	}
	
#menuContact a:hover {
	background: url(../images/menu/menuContactOver.gif);
	background-repeat:no-repeat;
	}
	
#menuContact a:active {
	background: url(../images/menu/menuContactOver.gif);
	background-repeat:no-repeat;
	}

	
	
#menuCompanyOn a:link, #menuCompanyOn a:visited, #menuCompanyOn a:active  {
	color: #666666;
	display: block;
	background: url(../images/menu/menuCompanyOver.gif);
	background-repeat:no-repeat;
}

#menuSupportOn a:link, #menuSupportOn a:visited, #menuSupportOn a:active  {
	color: #666666;
	display: block;
	background: url(../images/menu/menuSupportOver.gif);
	background-repeat:no-repeat;
}
	
#menuJobsOn a:link, #menuJobsOn a:visited, #menuJobsOn a:active {
	color: #666666;
	display: block;
	background: url(../images/menu/menuJobsOver.gif);
	background-repeat:no-repeat;
}

#menuContactOn a:link, #menuContactOn a:visited, #menuContactOn a:active {
	color: #666666;
	display: block;
	background: url(../images/menu/menuContactOver.gif);
	background-repeat:no-repeat;
}


/* IE6 custom fixes*/
	* html{height:300px;} 
	* html body{height:300px;} 
	* html body #main{height:100%; background-color: #FFFFFF;}
	* html body #main #fillContainer{height:100%;} 
	* html body #main #fill{height:100%;}
	* html body #main #content #leftColumn #jobsMenu{top:0px;}

	
	
	
