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

body {
	margin: 	0;
	padding:	0;	
}

body, td,th {
	font:12px Helvetica, Arial;
	color:#222;
	line-height:150%;
	}

#pagecontain {
	width:		750px;
	margin:		0 auto 0px auto;
	padding:	0 0 0 0;
}

#header{
	height:50px;
	margin: 50px 0 0 0;
	background:	url(images/header.png) no-repeat;

}
/* ----------------------------------------------------------------------------------------------------
   SECTIONS
   ------------------------------------------------------------------------------------------------ */


/* -- MENU --*/
	#menu{
		height: 170px;
		width:750px;
		margin: 0 auto 0 auto;
		background:#000000 url(images/menubg.png);
	}
		#menu_left{
			height: 140px;
			width:375px;
			float:left;
			padding: 15px 0 15px 0;
			text-align:right;
			}


		#menu_right{
			height:				140px;
			width:				345px;
			float:				right;
			margin: 			0 0 0 0;
			padding:			15px;
			text-align:			right;
			color:				#fff;
			font-size:			22px;
			font:				Helvetica;
			font-weight:		bold;
			line-height:		100%;
			text-transform: 	lowercase;
			}
			
			.page_home{		background:			url(images/pageimages/home.png) no-repeat;}	
			.page_about{  	background:			url(images/pageimages/2.png) no-repeat;}	
			.page_hire{   	background:			url(images/pageimages/hire.png) no-repeat;}	
			.page_crew{		background:			url(images/pageimages/crew.png) no-repeat;}	
			.page_web{		background:			url(images/pageimages/web.png) no-repeat;}	
			.page_contact{  background:			url(images/pageimages/contact.png) no-repeat;}	
			.page_blog{  	background:			url(images/pageimages/blog.png) no-repeat;}	

/* -- CONTENT -- */
	#content {
	padding: 	10px 0 0 0;
	width:		750px;
	background:  url(images/contentbg.png) repeat-x;
	}
		#content_left{
			width:338px;
			float:left;
			padding: 0 7px 0 0;
			}


		#content_right{
			width:				338px;
			float:				right;
			padding: 	        0 7px 0 0;
			}
			
	.homepagetext{
	background:#FFFFFF;
	display:inline-block;
	padding: 5px;
	}
			
	#contenthomepage{
	padding: 	10px 0 0 0;
	width:		710px;
	background: url(images/homepage.png) no-repeat #fff;
	height:		360px;
	padding: 	20px
	}
	

/* ----------------------------------------------------------------------------------------------------
   MENU LIST STYLES
   ------------------------------------------------------------------------------------------------ */

ul.menu	{
	margin: 0;
  	padding: 0;	
	} 		

ul.menu li{
	display:;
  	list-style:none;
	}

ul.menu a {
	color: 				#fff;
	display: 			block;
	margin:				0;
	padding:			5px 10px 5px 10px;
	text-decoration:	none;
	font-size:			12px;		
	font-weight:		bold;		
}

ul.menu li a:hover{
	overflow:			hidden;
	color:				#fff;
	background:			#007bc1;
 }

ul.menu li a:active{
	overflow:			hidden;
	color:				#000;
}

ul.about{
 list-style-position:outside; 
 list-style-image:url(images/arrowmini.gif);
}
ul.telephone{
 list-style-position:outside; 
 list-style-image:url(images/telephone.png);
}

ul.email{
 list-style-position:outside; 
 list-style-image:url(images/email.png);
}


ul.previouswork {
margin: 0 0 0 10px;
padding:0;
}
	
ul.previouswork li{
 list-style:none;
 padding: 0 6px 0 0;
 display:inline;
 margin: 0 5px 0 0;
 border-right:solid 1px #ccc;
}

li.fohengineer{color:#ff833d;}
li.monitorengineer{color:#007bc1;}

/* ----------------------------------------------------------------------------------------------------
   TEXT STYLES
   */

.head1{
	font-size:			20px;
	color:				#007bc1;
	display:			block;
	font-weight:		bold;
	margin:				25px 0 5px 0;
}

.head2{
	font-weight:		bold;
	font-size:			16px;
	color:				#ff833d;
	margin:				25px 0 5px 0;
}

.head3{
	font-size:			14px;
	font-weight:		bold;
	color:				#666;
	margin:				25px 0 5px 10px;
}

/* ----------------------------------------------------------------------------------------------------
   CONTENT LEVELS
   */
   
.level1{
	margin:				0 0 0 0px;
}

.level2 {
	margin:				0 0 0 10px;
}

.level3 {
	margin:				0 0 0 20px;
}
/*

.level1{
	margin:				0 0 0 25px;
}

.level2 {
	margin:				0 0 0 75px;
}

.level3 {
	margin:				0 0 0 125px;
}
*/

/* ----------------------------------------------------------------------------------------------------
   GENEAL LIST
   */
ul{
 	}



/* ----------------------------------------------------------------------------------------------------
   LINKS
   */

a, a:link, a:visited { 										 
	text-decoration:	none;  									 
	color:				#007bc1; 											 
	}
a:hover{ 													 
	text-decoration:	underline; 								 
	color:				#ff833d; 											 
	}
a.img, a.img:hover, a.img:visited { 														 
	border:				none; 											 
	}

img {
	border: none;
	}



/* ----------------------------------------------------------------------------------------------------
   HIRE IMAGE HOLDER
   */
   
.inventory{
	width: 				65px;
	height:				90px;
	margin:				5px;
	padding:			4px; /*5px 0 5px 0;*/
	text-align:			center;
	float:				left;
	border:				#CCCCCC 0px solid;
	font-size:			12px;
	font-weight: 		bold;
}


.inventory_placeholder{
	width:				100%;
	float:				left;
	padding:			25px 0 50px 0;
}

img.text{
margin-right: 10px;
}


.blogimage{
	font-size:			10px;
	color:				#999;
	display:			block;
	margin:				25px 0 5px 0;
}


/* ----------------------------------------------------------------------------------------------------
   WEB PORTFOLIO STYLES
   */

img.webportfolio{
border: #ccc 1px solid;
}

img.webportfolio:hover{
border: #000 1px solid;
}

ul.webportfolio{
 list-style-position:outside; 
 list-style-image:url(images/web1.png);

}