html,body{margin:0;padding:0}

body
{		
			padding: 0;
			font:normal 90%/1.4  "Trebuchet MS", arial,sans-serif;
			color: #000;
			background: #6a6a5a url(images/bgrockop.jpg) repeat;
		}		

#wrapper {
	text-align: left;
	margin: 3em auto;
	padding: 0px;
	border:1px solid #000;
	width: 900px;
	background: #e0dcc5;
}

/*HEADER*/

#header
{		
	
	height: 200px;	
	background-image:url(images/logo2.jpg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}

#pics
{
	width: 266px;
	height: 200px;	
	margin: 0;
	float: right;
	position: relative;
	overflow: hidden;
}

#pics:after
 {
	display:block;
	content: ".";
	height:0;
	clear:both;
	line-height: 0;
}

/*NAV*/
		
#nav 
{
	height: 22px;
   width: 100%;
   font-family: 'trebuchet ms', arial,sans-serif;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #678;
   padding-top: 6px;
   text-align: center;
}
 
#nav ul
{
	margin: 0px;
	padding: 0;
	color: #000;
	line-height: 17px;
}
	 
#nav  li
 {
	 list-style-type: none;
	 display: inline;
	 border-right: 1px  solid #678;
	 padding: 0 15px;
	  }
	
#nav  li a
{ 
	text-decoration: none;
    padding: 1px 2px;
    color: #000;  
}

#nav li a:visited
{
	color:#000;
	background-color: #678;
}
#nav  li a:hover
{
	color:  #e0dcc5;
	background-color: #678;
}
	
#nav span {
	color: #e0dcc5;	
	}

/*CONTAINER*/

#container {line-height: 1.2em;}
#container:after
 {
	display:block;
	content: ".";
	height:0;
	clear:both;
}

/*COMMON STYLES*/
	
#content h1,
#left h1,
#right h1 
{
	font-size: 1.3em;
	color: #678;
	font-weight: bold;
	padding-top: 0.5em;
	padding-left: 20px;
	padding-bottom: 10px;
	}

#content h2,
#left h2,
#right h2 
{
	font-size: 1.1em;
	color: #000;
	font-weight: bold;
	padding-left:15px;
	text-align: left;
	}
	

#content h3,
#left h3,
#right h3
 {
	font-size: 1em;
	color: #678;
	padding-left: 20px;
	}

#content p {text-align: justify; padding: 0  10px  0 20px; }	
#content p span {color: #678; font-weight: bold;}

#contactus #content h2 {margin-top: 3em;}

/*LEFT*/

#left
{
	float:left;
	width: 234px;
}
#left p { padding: 5px 0 0 10px;}
#left img
{
	width: 100%;
	float: left;
	margin: 0;
}
/*CONTENT*/

#content 
	{
		float: left;
		width: 43%;			
	}
	

/*RIGHT*/

#right
{
	float: right;
	width: 266px;
}
	
#right img
{
	width: 100%;
	float: right;
	margin: 4em 0 0 0;
}
#projects #right img {margin: 0;}
#right img  p {font-size: 9px; font-style: italic;}

#right   p {font-size: 0.8em; font-style: italic;text-align: left; padding: 0 0.5em  0 0;}	

/*FOOTER*/

#footer
		{
			clear: both;
			background-color: #678;
			height: 17em;
			padding: 0.5em;
			text-align: right;
			font-size: 0.8em;	
			color: #000;
		}
		
#footer a { color:#000; text-decoration: none; }
#footer a:hover { background:#678;color:#e0dcc5;}
#footer p { padding: 0 0.5em 0 0;}


.footerbox {
	width: 250px; 
	float: left; 
	color: #e0dcc5;
	margin: 0em 1em;
	padding: 0;
	text-align: left;
	}
.footerbox h3 {color: #e0dcc5; font-weight: bold; font-size: 1em;}

#footertext
{
	clear: both;
	position: relative;
	width: 600px;
	float: left;
	margin-top: 20px;
	text-align: left;
}

		
/*FORM*/

form {
	color:#678;
	font-size:1em;
	font-weight:bold;
	margin-left:0px;
	width:80%;
	padding: 5px 0 0 5px;
}
* html form {width: 90%;}
	
fieldset {
	border: 0 none;
	margin-bottom:1em;
	line-height:1em;
	padding:.5em;
	background-color:#e0dcc5;
}
fieldset legend {
	 color:#678;
	 font-weight:bold;

}


fieldset p {
	 margin:.25em 0;
	 min-height:1.5em;
	 padding-bottom: .25em;
	
}
fieldset p label {
	display:block;
	 width:13em;
	 min-width:13em;
	 float:left;
}
input,select,textarea{vertical-align:bottom; }
	 
input.button {
	 font-size:.9em;
	 padding:.3em;
	 background-color:#fff;
	 color:#678;
	 border:.2em outset #678;
}

.clear {clear: both;}