@charset "utf-8";
/* 
Notes
Title : Gusmedia Website Mark III 
Author : Gusmedia
URL : gusmedia.co.uk
*/

body,
	html {
		margin:0;
		padding:0;
		color:#fff;
		background:#000 url(../images/wood_bg.jpg) repeat-x;
	}
	img{
		border:none;
	}
	a:link{
		color:#A5C9D8;
		text-decoration:none;
	}
	a:visited{
		color:#A5C9D8;
		text-decoration:none;
	}
	a:hover{
		color:#A5C9D8;
		text-decoration:underline;
	}
/* Navigation - main menu */
#menu_bar{
	padding:48px 0px 0px 5px;
	width:480px;
	float:right;
}
ul#menu
{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(../images/nav_bg.jpg) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;

}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:80px;
	
}
	
ul#menu li a
{
	display:block;
	text-align:center;
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	padding:8px 0px 0 0px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:30px;
	background:transparent url(../images/nav_bg_link.jpg) repeat-x top left;	
}
	

ul#menu li a.current
{
	color:#FFFFFF;
	height:30px;
	background:transparent url(../images/nav_bg_link.jpg) repeat-x top left;

}

/* Structure */	
	#container{
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
	color:#fff;
	background: url(../images/wood_bg1.jpg) top center no-repeat;
	}
	#logo{
	width:40%;
	float:left;
	margin:30px 0px 0px 0px;
	}
	#wrap {
		width:980px;
		margin:0 auto;
      /*  background:#000 url(../images/electronics.jpg) no-repeat;*/
	}


	h1 {
	    margin:0;
    }
	
	h2 {
		margin:0;
		color:#A31B0F;
		font-size:1.1em;
	}

	#main {
	
		width:995px;
		margin:0 auto 0 auto;
		padding:0px 2% 0px 2%;
		background:none;
		font-size:1em;
	}
	#port_main {
	
		width:995px;
		margin:0 auto 0 auto;
		padding:0px 2% 0px 2%;
		background:none;
		font-size:0.9em;
	}
	#page_title{	
		float:left;
		margin:0px 0px 0px 12px;
	}
	#page_title img{
		padding:0px 12px 0px 0px;
	}
	#home_left_content{
		float:left;
		width:80%;
		margin:0;
		padding:0;
	}
	#home_left_content p{
		width:98%;
		
	}
	#left_content{
		float:left;
		width:100%;
		margin:0;
		padding:0;
	}
	#left_content p{
		width:98%;
		
	}
	.content_section{
		width:95%;
		padding:0px 0px 0px 10px;
		margin:0px;
		}
	.content_section p{
		padding:14px 0px 0px 0px;
		font-size:0.9em;
	}
	.sect_left{
		float:left;
		width:30%
	}
	.sect_right{
		float:left;
		width:70%
	}
	.sect_right p{
		padding:5px 0px 5px 0px;
		margin:0px;
		float:left;
		
	}
	.portfolio_sect_left{
		float:left;
		width:25%
	}
	.portfolio_sect_right{
		margin:0px 0px 0px 0px;
		padding:0px;
		float:right;
		width:73%;
	}
	.portfolio_sect_right p{
		padding:5px 0px 0px 0px;
		margin:0px;
		
	}
	.logos{
		padding:0px;
		float:left;
		margin:30px 0px 0px 0px;
	}
	#right_content{
		float:left;
		width:15%;
		margin:5px 0px 0px 0px;
	}
	#lower_icons{
		float:left;
		margin:20px 0px 15px 10px;
	}
	#lower_icons img{
		padding:0px 15px 0px 0px;
	}
	#lower_boxes{
		float:left;
		padding:0px;
		margin:5px 0px 0px 40px;
	}
	#lower_boxes img{
		padding:0px 30px 0px 20px;
	}
	#lower_text{
		float:left;
		padding:0px;
		margin:0px 0px 0px 15px;
		width:200px;
	}
	#lower_text p{

		padding:0px 20px 0px 0px;
	}
	.lower_text_block{
		float:left;
	   width:192px;
	}

	.heading{
		text-align:left;
		color:#A51204;
		padding:0px;
		margin:0px;
	}
	.grey_text{
		padding:10px 0px 0px 0px;
		color:#999999;
		font-size:1.3em;

	}
	.sm_grey_text{
		padding:10px 0px 0px 0px;
		color:#999999;
		font-size:1em;

	}
	.testimonial_text{
	
		padding:10px 0px 0px 40px;
		color:#999999;
		font-size:0.9em;
		

	}
	.light_blue_text{
		color:#A5C9D8;
	}
	.list{
		color:#999999;
		font-weight:bold;
	}
	#right_link img{
		padding:0px 0px 25px 0px;
	}
	#right_contact{
		padding:0px 0px 0px 0px;
		text-align:center;
	}
	#right_contact p{
		text-align:left;
	}
	#right_contact img{
		padding:0px 0px 25px 0px;
	}
	.website_content{
		margin:0px 0px 0px 40px;
		float:left;
		width:660px;
	}
	.website_content_left{
		float:left;
		width:45%;
		padding:0px 0px 0px 10px
	}
	
	.website_content_left a:link{
		color:#CF0F0F;
		text-decoration:none;
		font-weight:bold;
	}
	.website_content_left a:visited{
		color:#CF0F0F;
		text-decoration:none;
		font-weight:bold;
	}
	.website_content_left a:hover{
		color:#CF0F0F;
		font-weight:bold;
		text-decoration:underline;
	}
	.website_content_right{
		float:right;
		width:45%
	}
	
	#footer {
		width:100%;
		clear:both;
		margin:0 auto 0 auto;
		background :#fff url(../images/footer_bg.jpg) repeat-x;
		height:210px;
		color:#999;
		text-align:center;
	}
	#footer p {
		margin:0;
		color:#999;
		text-align:center;
		padding:40px 0px 0px 0px;
		font-size:0.8em;
    }
	* html #footer {
		height:1px;
	}
	.footernav{
	font-size:0.9em;
	padding:0px;
	margin:-18px 0px 0px 0px;
	}
	.footernav ul{
	list-style-type:none;
	}

	.footernav li{
	display:inline;
	}

	.footernav a:link{
	text-decoration:none;
	color:#999;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	}
	.footernav a:visited{
	text-decoration:none;
	color:#999;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	}
	.footernav a:hover{
	text-decoration:underline;
	}
	#credits{
		margin:0px auto 0px auto;
		padding:55px 0px 0px 0px;
		width:400px;
	}
	.logo_footer{
	float:left;
	padding:0px 0px 0px 70px
	}
	.add_this{
	float:left;
	padding:10px 0px 0px 5px
	}
	#date{
	padding:0px;
	margin:0px;
	}
	#validation{
	padding:0px;
	margin:0px;
	}
/* lists */
	 .portfolio_sect_left ul a:link {
    margin-left:5px; 
	text-decoration: none;  
	color:#A5C9D8 ; 
	font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	font-size:0.8em
 
 	}
 	.portfolio_sect_left li  a{
  	padding-right: 25px;
 	}
 
 	.portfolio_sect_left li  a:visited{
    background: url(../images/checkmark.png) right  no-repeat;
	margin-left:5px; 
	text-decoration: none;  
	color:#A5C9D8 ; 
	font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	font-size:0.8em
 
 	}
 
	.portfolio_sect_left ul a:hover { 

	 margin-left:5px; 
	 border-bottom:none; 
	 text-decoration: underline; 
	 color:#C69C38; 
	 font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	 font-size: 0.8em
 
 	}
	.portfolio_sect_left ul{
    list-style-type: none;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:5px 10px 15px 10px;
	}

	.portfolio_sect_left li {
	background:#333 url(../images/go.jpg) left  no-repeat;
	margin:2px 10px 3px 10px;
	padding:1px 0px 1px 20px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	height:16px;
	}
	
	.sect_left ul a:link {
    margin-left:5px; 
	text-decoration: none;  
	color:#fff; 
	font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	font-size:0.8em
 
 	}
 	.sect_left li  a{
  	padding-right: 10px;
 	}
 
 	.sect_left li  a:visited{
    
	margin-left:5px; 
	text-decoration: none;  
	color:#fff ; 
	font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	font-size:0.8em
 
 	}
 
	.sect_left ul a:hover { 

	 margin-left:5px; 
	 border-bottom:none; 
	 text-decoration: none; 
	 color:#A5C9D8; 
	 font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	 font-size: 0.8em
 
 	}
	.sect_left ul{
    list-style-type: none;
	text-align:left;
	padding:0px 0px 0px 2px;
	margin:5px 5px 15px 0px;
	}

	.sect_left li {
	background:#333 url(../images/go_sm.jpg) left  no-repeat;
	margin:2px 10px 8px 0px;
	padding:1px 5px 1px 5px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	height:16px;
	}
	
	.contentlist{
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width:450px;
		background:none;
	}
	.contentlist ul{
		padding:0px 0px 0px 15px;
		margin:10px 0px 0px 0px;
}
	.contentlist li {
		list-style-type: none;
		font-size:0.9em;
		background-image: url(../images/logo_bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em ;
		padding-left: 1.7em;
		padding-bottom:0.8em;
		padding-top:0.3em;
	}
		.home_contentlist{
		float:left;
		margin:10px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		background:none;
	}
	.home_contentlist ul{
		padding:0px 0px 0px 15px;
		margin:3px 0px 0px 0px;
}
	.home_contentlist li {
		list-style-type: none;
		font-size:0.9em;
		background-image: url(../images/logo_bullet.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em ;
		padding-left: 1.7em;
		padding-bottom:0.1em;
		padding-top:0.3em;
	}
			.image_list{
		float:left;
		margin:0px 0px 0px 1px;
		padding:0px 0px 0px 0px;
		background:none;
	}
	.image_list ul {
	width:600px;
	display:block;	
	margin:0;
	padding:0;
	float:left;}
		.image_list li {
	display:block;
	float:left;
	margin:0;
	padding:0 11px 0  0;
}
/* misc */
	#map_bg{
	width:220px;
	height:170px;
	background:#000 url(../images/map_bg.gif) no-repeat;
	margin:0px 0px 0px 0px;
	padding:1px 0px 0px 0px
	}
	#contact_map_bg{
	width:470px;
	height:270px;
	background:#000 url(../images/contact_map_bg.jpg) no-repeat;
	margin:0px 0px 0px 0px;
	padding:1px 0px 0px 0px
	}
	#map{
		color:#000;
		font-size:0.8em;
		margin:10px 10px 10px 10px;
		
	}
	.floatlft{
		float:left;
		padding-right:10px;
	}
	.clrlft{
		clear:left;
		padding-right:10px;
	}
	.clrboth{
		clear:both;
		}
	.portfloatlft{
		float:left;
		padding:0px 0px 15px 0px;
		margin:0px 0px 0px 0px;
	}
	.contfloatlft{
		float:left;
		padding-left:0px;
		margin:0px 0px 20px 0px;
	}
	.aboutfloatlft{
		float:left;
		padding-left:5px;
		margin:0px 0px 20px 0px;
	}

	.blogfloatlft{
		float:left;
		padding:0px 5px 0px 0px;
		margin:0px 0px 20px 0px;
	}