* { margin: 0px; padding: 0px;}
body {
	font: .8em/1.8em verdana, arial, sans-serif;
	color: #000;
	margin: 20px 40px 0 40px;
	padding: 0;
	background-color: #336666;
}

h1 {
	font-size: 140%;
	color: #ccc;
}

td {
	font: .8em/1.8em verdana, arial, sans-serif;
	color: #fff;
}

#header {
	border-bottom: 1px solid #fff;
	float:left;
	width: 800px;
}

#content {
	padding-top: 1em;
	width: 800px;
	height: auto;
	clear: left;
}

ul#tabnav {
	list-style-type: none;
	margin: 0 0 -1px 0;
	padding-left: 5px;
	font: 110% verdana, arial, sans-serif;
	float:left;
	width: 95%;
}

ul#tabnav li {
	float: left;
	background-color: #666666;
	color: #FFFFFF;
	margin: 2px 2px 0 2px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


ul#tabnav a:link, ul#tabnav a:visited {
	display: block;
	color: #FFFFFF;
	background-color: inherit;
	text-decoration: none;
	padding: 3px;
}


ul#tabnav a:hover {
	background-color: #CCCCCC;
	color: #333333;
}

#home ul#tabnav li.home, 
#about ul#tabnav li.about,
#video ul#tabnav li.video, 
#experience ul#tabnav li.experience,
#gallery ul#tabnav li.gallery, 
#services ul#tabnav li.services,
#references ul#tabnav li.references,
#contact ul#tabnav li.contact {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#home ul#tabnav li.home a:link, #home ul#tabnav li.home a:visited,
#about ul#tabnav li.about a:link, #about ul#tabnav li.about a:visited,
#video ul#tabnav li.video a:link, #video ul#tabnav li.video a:visited,
#experience ul#tabnav li.experience a:link, #experience ul#tabnav li.experience a:visited,
#gallery ul#tabnav li.gallery a:link, #gallery ul#tabnav li.gallery a:visited,
#services ul#tabnav li.services a:link, #services ul#tabnav li.services a:visited,
#references ul#tabnav li.references a:link, #references ul#tabnav li.references a:visited,
#contact ul#tabnav li.contact a:link, #contact ul#tabnav li.contact a:visited {
	background-color: #FFF;
	color: #000;
}
#wrapper {
	height: 1250px;
	width: 800px;
	margin: 1px auto;
	background-color: #000000;
	border: thick inset #CCCCCC;
}
#centrelogo {
	height: 100px;
	width: 500px;
	float: left;
	text-align: right;
	clear: right;
}
#rightlogo {
	height: 75px;
	width: 25%;
	float: left;
}
#leftlogo {

	height: 210px;
	width: 800px;
	float: left;
}
#spacebar {
	height: 5px;
	width: 100%;
	float: left;
	background-color: #33FFCC;
}
#logobar {
	height: 210px;
	width: 800px;
	float: left;
	padding-left: 3px;
}
#content1 {
	width: 580px;
	padding-top: 1em;
	padding-left: 10px;
	height: 800px;
	float: left;
}
#footer {
	float: left;
	width: 800px;
	padding-left: 10px;
	clear: left;
}
.separator {
	height: 1px;
	clear: both;
	float: left;
}
#footerLeft {
	float: left;
	width: 58%;
	padding-top: 1em;
	padding-left: 2px;
}
#footerRight {
	float: right;
	width: 38%;
	padding-top: 1em;
	padding-left: 2px;
	text-align: right;
	padding-right: 10px;
}
.p1 {

	font-size: 80%;
}
#content3 {
	width: 190px;
	padding-top: 1em;
	height: 600px;
	float: left;
	border: thin solid #CCCCCC;
	margin-left: 10px;
	padding-bottom: 1em;
	text-align: center;
}
p {
	color: #FFFFFF;
}
.p2 {
	color: #66FFFF;
}
.p3 {

	color: #00CCFF;
}
a {
	color: #00CCFF;
}
#content4 {
	width: 180px;
	height: 130px;
	float: left;
	margin-left: 5px;
	background-color: #CCCCCC;
	margin-top: -7px;
}
#content5 {

	width: 150px;
	height: 20px;
	float: left;
	margin-left: 5px;
	background-color: #FFFFFF;
	margin-top: -7px;
}
#wrapper2 {

	height: 5600px;
	width: 800px;
	margin: 1px auto;
	background-color: #000000;
	border: thick inset #CCCCCC;
}
/* Slide show styles */
	#mainContainer{
	margin:0 auto;
	width:750px;
	text-align:left;
	background-color:#000;
	padding:3px;
	border:3px solid #317082;
	padding-left: 20px;
	height: 400px;
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:240px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:280px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:310px;	/* Height of large image div */
		float:left;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:5px solid #317082;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:114px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
		width:110px;
		height:90px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:5px solid #317082;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
#wrapper1 {

	height: 850px;
	width: 800px;
	margin: 1px auto;
	background-color: #000000;
	border: thick inset #CCCCCC;
}
#content6 {

	width: 580px;
	padding-top: 1em;
	padding-left: 10px;
	height: 5200px;
	float: left;
}
.noborder {
	border: 0px;
}
.noborder2 {
	border: 0px;
	margin-right: 10px;
	float: right;
	margin-left: 10px;
}
.infobox {
  margin: 18px 0pt 12px;
  padding: 10px;
  background: #f4f7f9 url(/img/bg/infobox-blue.gif) repeat-x scroll 0%;
  width: auto;

  text-align: left;
  }


#formout .rightarea, .infobox {
  border: 1px solid #cbd4db;
  }


#formout ul, form {
  margin: 0pt;
  padding: 0pt;
  }

input.nicebox {
  border: 1px solid #aaaaaa;
  padding: 2px 2px 1px;
  width: 144px;
  font-size: 12px;
  line-height: 15px;
  vertical-align: top;
  }
  
  #wrapper4 {

	height: 2500px;
	width: 800px;
	margin: 1px auto;
	background-color: #000000;
	border: thick inset #CCCCCC;
}
}
#content6 {
	width: 580px;
	padding-top: 1em;
	padding-left: 10px;
	height: 2000px;
	float: left;
}