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

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
	margin:1px 0 0;
}

body{
	background-image:url(../images/bg-tile.png);
	background-repeat:repeat-x;
	background-color:#333333;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
	font-size:62.5%;
}

hr{
	width:100%;
	border:0;
	border-bottom:solid 1px #333;
	margin:10px 0;
	clear:both;
}

img{
	border:none;
}

h1{
	font-size:1.7em;
	color:#336699;
	margin-bottom:10px;
}

p{
	margin-bottom:10px;
}

a:link, a:active, a:visited{
	color:#999;
	text-decoration:none;
}

a:hover{
	color:#336699;
}

#wrapper{
	width:800px;
	margin:0 auto;
}

#menu{
	width:800px;
	height:100px;
	margin-top:30px;
}

#menu img{
	float:left;
}

#menu ul{
	position:relative;
	top:88px;
	float:right;
}

#menu li{
	display:inline;
	margin:0 5px;
	font-size:1.3em;
}

#websiteholderright{
	width:800px;
	margin:10px 0 ;
	float:right;
}

#websiteholderright a:link, #websiteholderright a:active, #websiteholderright a:visited, #websiteholderright a:hover{
	color:#999;
	text-decoration:underline;
}

.websitelinkright{
	width:120px;
	margin:10px 0 0 77px;
	float:right;
}

.websitelinkright p{
	margin-top:5px;
}

.websitelinkright a{
	color:white !important;
}

#websiteholderleft{
	width:800px;
	margin-top:20px;
	float:left;
	border-top:solid 1px #222;
	border-bottom:solid 1px #222;
}

#websiteholderleft a:link, #websiteholderleft a:active, #websiteholderleft a:visited, #websiteholderleft a:hover{
	color:#999;
	text-decoration:underline;
}

.websitelinkleft{
	width:120px;
	margin:30px;
	float:left;
}

.websitelinkleft p{
	margin-top:5px;
}

#maincontent{
	width:800px;
	margin-top:10px;
	padding-top:20px;
	float:left;
	color:black;
	border:solid 1px black;
	background:white url(../images/bg-maincontent.png) repeat-x bottom;
}

#maincontent a:link, #maincontent a:active, #maincontent a:visited, #maincontent a:hover{
	color:#336699;
	text-decoration:none;
}

#maincontent a:hover{
	text-decoration:underline;
}

.contentblock{
	width:360px;
	margin:10px 20px;
	float:left;
}

.productblock{
	width:120px;
	margin:20px 40px;
	float:left;
}

.testimonial{
	width:800px;
	margin:10px 0;
	position:relative;
	float:left;
}

.testimonial p{
	margin:10px 80px;
	float:left;
	font-style:italic;
}

.quotestart{
	position:absolute;
	top:0;
	left:20px;
}

.quoteend{
	position:absolute;
	bottom:50px;
	right:20px;
}

.logo{
	width:150px;
	height:50px;
	float:right;
	position:relative;
	top:10px;
	margin-right:50px;
}


.contentright{
	width:460px;
	margin:10px;
	float:left;
}

.shortlabel{
	width:120px;
	float:left;
}

.longlabel{
	width:250px;
	float:left;
}

.contactcheckbox{
	margin:3px 0;
}

.inputtextarea{
	width:300px;
	margin:3px 0;
	background-color:#CCC;
	border:solid 1px black;
}

select{
	width:300px;
	margin-bottom:10px;
	background-color:#CCC;
	border:solid 1px black;
}

.btn{
	width:100px;
	height:40px;
	margin:0 20px;
	border:0;
}

#submit{
	background:url(../images/buttons/submit.png) no-repeat;
}

#reset{
	background:url(../images/buttons/reset.png) no-repeat;
}

.required{
	color:red;
}


#footer{
	width:800px;
	margin-top:30px;
	float:left;
}

#footer li{
	display:inline;
}

#footer p{
	margin:10px 0;
	color:#999;
}

div#fwcontainer {
	margin-top:60px;
	min-height:500px;
}

div#lefthalf {
	width:360px;
	float:left;
	padding-left:10px;
	padding-right:20px;
	text-align:left;
}

div#righthalf {
	width:360px;
	float:left;
	padding-right:10px;
	padding-left:20px;
	text-align:right;
	border-left:1px solid #AAA;
}

a.registerbutton {
	background:url(../images/buttons/registerbutton.png) no-repeat;
	width:107px;
	height:35px;
	margin-top:15px;
	display:block;
}

a.registerbutton:hover {
	background:url(../images/buttons/registerbuttonhover.png) no-repeat;
}

/*####################################
         VALIDATION ERROR
####################################*/

div.contact_error{
	float:left;
	height:1px;
	margin:-9px 0 0 120px;
	min-width:200px;
}

span.error{
	color:#ff0000;
	display:none;
	font-size:0.7em;
}