/*
      freshlab inc 2009
      www.freshlabinc.com
	  
*/

* { padding: 0; margin: 0; }

body {
 line-height: 25px;
 color: white;
 background-image: url(img/bg.jpg);
 background-repeat: repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
a {
	text-decoration: none;
	color: white;
}
a:hover {
	text-decoration: none;
	color: #666666;
}#wrapper {
 margin-left: auto;
 margin-bottom: 20px;
 margin-right: auto;
 margin-top: 0;
 width: 832px;
}
#content { 
 margin-left: 0px; 
 margin-bottom: 10px; 
 margin-right: 0px; 
 padding-top: 10px; 
 width: 830px;
}
#nav {
	font-weight: bold;
	font-size: 16px;
	margin-top: 100px;
	clear: right;
	list-style-type: none;
	float: right;
	overflow:hidden;
}
#nav li {
	display: inline;
	margin:0;
	padding:0;
}

#nav a {
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 24px;
	padding-right: 5px;
	padding-left: 8px;
	background-position: left top;
	background-image: url(img/left.png);
	background-repeat: no-repeat;
	float:left;
	}

#nav a span {
	height: 24px;
	padding-bottom: 3px;
	display: block;
	padding-right: 8px;
	background-position: right top;
	background-image: url(img/right.png);
	background-repeat: no-repeat;
	float:left;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}

/* End IE5-Mac hack */
#nav a:hover span {
	}

#nav a:hover {
	background-position:0% -27px;
	}

#nav a:hover span {
	background-position:100% -27px;
	}
	
#warp { padding-bottom: 2px; margin-top: 10px; width: 830px; }

#display {
	float: right;
	z-index: -1;
	border-color: white;
	border-style: solid;
	border-width: 2px;
	height: 300px;
	width: 500px;
}

#intro { line-height: 25px; font-size: 18px; background-color: #ace754; padding: 15px; width: 296px; height: 274px; }

#intro h3 { margin-bottom: 10px; color: white; }

#lab, #contact, #service, #clients { width: 500px; font-size: 16px; color: #cccccc; line-height: 25px;}
#form {margin-left: 70px; margin-top: 20px;}

.name { margin-bottom: 20px; margin-left: 36px; width: 250px; height: 25px; }

.company { margin-left: 10px; width: 250px; height: 25px; }

.email { margin-top: 20px; width: 250px; margin-left: 39px; height: 25px; margin-bottom: 20px; }

.comment { margin-bottom: 20px; height: 100px; width: 250px; margin-left: 85px; }

h3, h4 { color: #ace754; }

.cPreview { margin: 0px; font-weight: bold; color: #666666; }

.red { color: red; }

#social { float: right; }

.projects { color: #666666; }

#service ul, #clients ul { margin-bottom: 10px; margin-top: 10px; margin-left: 50px; }

#service li, #clients li { list-style-image: url(img/tick.png); list-style-type: none; }

img { border-width: 0px; }

.lproject a { background-color: #666666; padding: 2px; }

#player { width: 650px; text-align: center; margin-right: auto; margin-left: auto; }