@charset "utf-8";
/* CSS Document */


/* standard styles */


	body 
	{ 
		background: #00442d;
		margin: 0;
		padding: 0;
		text-align: center;
		display: block;	
		font-family: Tahoma, Arial, Verdana;
		font-size: 12px;
	}
	
	#header
	{
		background: url(images/header-bg.gif) repeat-x;
		height: 129px;
		width: 100%;
		position: relative;
		margin: 0px auto;
	}
	
	.logo{
		position: relative;
		margin: 10px;
		float: left;
		width: 208px;
		height: 94px;
	}
	
	.slogan{
		float: right;
		position: realative;
		width: 457px;
		height: 53px;
		margin: 20px 0 0 0;
		}
	
	.header-inner{
		width: 855px;
		position: relative;
		margin: 0px auto;
		}
	

	
	#main
	{
		width: 100%;
		margin: 0px auto;
		background: url(images/content-slither.gif) repeat-y top center;
		min-height: 100%;
		position: relative;
		text-align: center;
		display: block;
		height: auto;
		padding: 0;
	}
	
	.main-inner{
		width: 854px;
		margin: 0px auto;
		display: block;
		height: auto;
		padding: 0;
		}
	
	.content-top{
		background: url(images/content-bg.jpg) no-repeat;
		width: 854px;
		margin: 0px;	
		padding: 0px;	
		position: relative;
		height: 285px;
		float: right;
	}
	
	.ticklist{
		width: 396px;
		position: relative;
		float: right;
		margin: 16px 20px 20px 0px;
	}
	
	.quote{
		width: 555px;
		position: relative;
		float: right;
		margin: 0 0 0 0;
		}
	
	.left{
		width: 550px;
		text-align: left;
		position: relative;
		float: left;
		margin: 10px;
	}
	
	.left-quotations{
		width: 520px;
		text-align: left;
		position: relative;
		float: left;
		margin: 10px;
	}
	.textbox{
		width: 550px;
		padding: 0;
		clear: both;
		margin: 5px 0 15px 0;
		float: left;

	}
	
	.textbox img{
		width: 108px;
		padding-right: 5px;
		float: left;
	}
	
	.textbox p{
		width: 390px;
		float: left;
	}
	
	.right{		
		background: url(images/lightbulb.jpg) no-repeat 200px 0px;
		width: 270px;
		float: right;
		position: relative;
		height: 450px;
		margin: 0;
	}
	
	.weoffer{
		border: 1px solid #048959;
		background-color: #FFFFFF;
		width: 239px;
		padding: 5px;
		margin: 10px 20px 0 0 ;
		position: relative;
		float: right;
	}
	
	.vanalert{
		border: 1px solid #048959;
		background-color: #FFFFFF;
		width: 247px;
		padding: 5px 1px 5px 1px;
		margin: 17px 20px 0 0 ;
		position: relative;
		float: right;
		}

	.vanalert img{margin: 5px 0 5px 0;}
	.vanalert h2{ margin: 0 0 0 5px;}
	.vanalert p{margin: 0 3px 0 3px; text-align:left;}
	
	.firstimg{
		margin: 17px 20px 10px 0;
		}
	
	.testimonial{
		font-size: 14px;
		color: #00432b;
		margin: 20px 10px 0 0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: left;
		}
	
	.contactbox{
		border: 1px solid #048959;
		background-color: #FFFFFF;
		width: 239px;
		padding: 5px;
		margin: 17px 20px 0 0 ;
		position: relative;
		float: right;
		}

/* contact page styles */


.contactForm{
	padding: 0;
	margin: 0px 0 0 0;
	float: left;	
	width: 700px;
}	

.contactForm .label {
	float: left;
	clear: left;
	width: 150px;
	margin: 5px 10px 0 0;
	text-align: left;
	padding: 5px 0 0 0;
	font-size: 12px;
}

input.contactname, input.contactnumber, input.contactemail, textarea.contactmessage{
	width: 300px;
	background-color: #fff;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	float: left;	
	border: 1px solid #ccc;
	padding: 0 0 3px 3px;
}

.go{
	margin: 5px 0 0 210px;
	clear: both;
	float: left;
	}


/* footer styles */	
	.footer
	{
		padding: 0;
		margin: 0;
		width: 100%;
		height: 60px;
		background-color: #048959;
		border-top: 3px solid #23b882;
	}
	
	.footer p{
		color: #fff;
		text-align: center;
	}
	.footer a{
		color: #fff!important;
		text-align: center;
		font-weight: bold!important;
	}
	
/* navigation styles */

	ul#mainNav {
		margin: 10px 0 0 0;
		padding: 0;
		list-style: none;
		font: 0.7em Tahoma, "Gill Sans" sans-serif;;
		color: #000;
		position: relative;
		width: 432px;
		float: right;
	}
	
	li.home, li.about, li.quotation, li.contact {
		float: left;
		height: 39px;
		margin: 0px;
		width: 100px;
		position: relative;
		display: block;
		color: #000;		
		font-size: 12px;
		padding: 0px 8px 5px 0px;	
	}
	
	ul#mainNav li.home a, ul#mainNav li.about a, ul#mainNav li.quotation a, ul#mainNav li.contact a{
		float: left;
		height: 39px;
		margin: 0px;
		position: relative;
		display: block;
		color: #000;		
		font-size: 12px;
		padding: 18px 16px 20px 18px;
		width: 100px;
	}
	
	
	ul#mainNav li.home a{ background: url(images/bg-home.gif) no-repeat; }
	ul#mainNav li.about a{ background: url(images/bg-about.gif) no-repeat; }
	ul#mainNav li.quotation a{ background: url(images/bg-quotations.gif) no-repeat; }
	ul#mainNav li.contact a{ background: url(images/bg-contact.gif) no-repeat; }
	
	ul#mainNav li.home a:hover{ background: url(images/bg-home-roll.gif) no-repeat; color: #ffffe8; text-decoration: none;}
	ul#mainNav li.about a:hover{ background: url(images/bg-about-roll.gif) no-repeat; color: #ffffe8; text-decoration: none;}
	ul#mainNav li.quotation a:hover{ background: url(images/bg-quotations-roll.gif) no-repeat; color: #ffffe8; text-decoration: none;}
	ul#mainNav li.contact a:hover{ background: url(images/bg-contact-roll.gif) no-repeat; color: #ffffe8; text-decoration: none;}
	


	
	ul#mainNav li#homeLink a{ background: url(images/bg-home-roll.gif) no-repeat; color: #ffffe8; }
	ul#mainNav li#aboutLink a { background: url(images/bg-about-roll.gif) no-repeat; color: #ffffe8;}
	ul#mainNav li#quotationLink a{ background: url(images/bg-quotations-roll.gif) no-repeat; color: #ffffe8;}
	ul#mainNav li#contactLink a{ background: url(images/bg-contact-roll.gif) no-repeat; color: #ffffe8;}
	



/* text styles */

	p{
		font-family: Tahoma, Arial, Verdana;
		color: #000;
		margin: 0 0 10px 0;
		padding: 0;
		line-height: 1.4em;
		text-align: left;
		font-size: 12px
	}
	
	h1{
		font: 18px Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		color: #048959;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	h2{
		font: 18px Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		color: #048959;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	h3{
		font: 14px Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		color: #048959;
		margin: 0;
		padding: 0;
		text-align: left;
	}
a img {border: none;}	
	
	a{
		color: #048959;
		text-decoration: none;
		
	}
	
	a:link{
		color: #048959;
		text-decoration: none;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	.orange{
		color: #f79521;
		font-weight: bold;
		font-size: 12px!important;
		}
		
	.green{
		color: #048959;
		font-weight: bold;
		font-size: 12px!important;
		}
	
	#main ul{
		list-style-type: none;
		text-align: left;
		font: 0.7em Tahoma, "Gill Sans" sans-serif;;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	
	#main li{
		background: url(images/bullet-green.gif) no-repeat 0px 8px;
		padding: 3px 0 3px 15px;
		margin: 0;
		font-size: 12px;
		line-height: 1.4em;
	}
	
	#spacer { clear: both }