body{
margin: 0 ;
padding: 0px 0px 0px 0px;
font-family:  Arial,   sans-serif;

}

/*MISC*/

html{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}


* {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
}







/*PANELS*/

	.panelone {
		width:100%;
		position:relative;
		background:url(images/bg/bg01.gif) no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	
	.paneltwo {
		position:relative;
		width:100%;
		background:url(images/bg/bg02.gif) no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	
	.panelthree {
		position:relative;
		width:100%;
		background:url(images/bg/bg03.gif) no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}


	.panelfour {
		position:relative;
		width:100%;
		background:url(images/bg/bg04.gif) no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	.panelfive {
		position:relative;
		width:100%;		
		background:url(images/bg/bg06.gif) no-repeat;
		height:800px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	.panelsix {
		position:relative;
		background-color:#000;
		width:100%;		
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}




#pagecontainer 
 {
	 margin:0px 15em;
     padding: 115px 0px 0px 0px;
     width: 1000px;
	 height: 650px; 
	
}
	 
	 
#pagecontainer2 
 {
	 margin:0px auto;
     padding: 115px 0px 0px 0px;
     width: 1000px;
	 height: 650px; 
	
}
.footrow
{
	float: left;
	width: 1000px;
	font-size:11px;
	padding: 20px 0px 0px 0px;
	margin: 0;
	text-align:right;
}


.footrow p
{
	margin:0 40px 0 0;
}







 
/*NAV*/




#bar{
	position:fixed;
	z-index: 100;
	left:0px;
	top:20px;
	width:100%;
	height: 55px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:#FFF;
	border-bottom:3px solid #000;
	border-top:3px solid #000;

}


<!--  ie7,8 -->
* html #bar 
{ 
	position: absolute; 
	top: expression((20 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); 
	right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
}

body > #bar { position: fixed; top: 20px; right: 0px; } 


#logo
{
	float: left;
	position:absolute;
	top:-4px;
	left:40px;
	margin:0px;
}

#navcontainer 
{
	
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 padding: 22px 0px 0px 0px;
     width: 1000px;
	 height: 50px; 
}
	 
	 

#navmenu ul
{
float: right;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navmenu li
{
font-family:  Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
float: left;
line-height: 1em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}

#navmenu li a
{

float: left;
display: block;
color:#333333;
text-decoration: none;
padding: 1px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}


#navmenu li a:hover
{

float: left;
display: block;
color:#666666;
text-decoration: none;
}


/*bodytext*/

#mainbody
{
	width:1000px;
	float: left;
	margin:0 auto;
	padding: 0;
}

#bodytext
{
	width:350px;
	margin:4em 0 0 2em;
	float:left;
}
#bodytext h2
{
	padding:0em 0 2em 0.3em ;
}

#bodytext h3
{
	width:200px;
	padding:.2em 0;
}

#bodytext h3 a
{
	color:#FFF;
	background:#000;
	font-size:14px;
	padding:0.3em ;
	text-decoration:none;
}

#bodytext h3 a:hover
{
	color:#6C0C14;
	background:#999;
	text-decoration:none;
}

#bodytext p
{
	padding:0.3em 0.2em;
	font-size:12px;

	color:#6C0C14;
}


.pages
{
	float:left;
	display:block;
	width:80px;
	height:55px;
}
.list
{
	float:left;
	display:block;
	height:55px;
	width:200px;
	padding:0.5em 0 0 0.2em;
	margin:0.3em 0 0 0.2em;
}

.menubox
{
	width:300px;
}

#righttext
{
	float:left;
	width:400px;
	padding:1em;
}

#righttext h1
{
	padding:2em 0 1em 0 ;
	font-size:24px;
	line-height:14px;
	letter-spacing:-1px;
}
#righttext p
{
	padding:0.3em 0.2em;
	font-size:13px;
	color:#6C0C14;
}


#abouttext
{
	float:left;
	width:330px;
	padding:1em;
	margin:6em 0 0 10em;
}

#abouttext h1
{
	padding:2em 0 1em 0 ;
	font-size:18px;
	line-height:14px;
	letter-spacing:-1px;
}
#abouttext p
{
	padding:0.3em 0.2em;
	font-size:12px;
	color:#6C0C14;
}

/*experiments area*/

#expText
{
	float:left;
	width:200px;
	margin:1em 0 0 5em;
}
#experiments h1
{
	color:#FFF;
	font-size:18px;
	padding:0.5em;
}
#experiments p
{
	color:#CCC;
	font-size:12px;
	padding:0.2em 0.7em;
}
#experiments
{
	margin:1em 0 0 0;
	float:left;
	width:500px;
}


 tr,td{
	 padding:0.5em;
 }
/*contact area*/

#contacttext
{
	
	width:350px;
	margin:2em 1em 0 1em;
	padding:3em 0 0 0;
	float:left;
}


#contacttext h1
{
	padding:0.2em 0;
	font-size:16px;
	color:#333;
}



#contacttext p
{
	padding:0.5em 0;
	font-size:12px;
	width:300px;
	color:#6C0C14;
	line-height:1.3em;
}



/*form*/
#docform
{
	width:400px;
	float:left;
	margin:2em 0 0 5em;
}

#docform p
{	
	padding:0.2em;
}

.form
{
	border:1px #6C0C14 solid;
	width:200px;
	height:20px;
	
}

.message
{
	border:1px #6C0C14 solid;
	width:300px;
	height:100px;
	
}

.submit
{
	color:#FFF;
	background:#6C0C14;
	width:100px;
	height:30px;
}


#thanktext
{
	width:400px;
	margin:4em 0 0 1em;
	float:left;
	
}

#thanktext h1 
{
	color:#CCC;
	font-size:40px;
}

#thanktext p
{
	color:#6C0C14;
	font-size:18px;
}

#thanktext p a 
{
	color:#cccccc;
}
