/*CSS Design by E Faulds*/

body{text-align:center; font-family: Arial, verdana, sans-serif; font-size:11px; background:#ddd;margin:0;}
a{color:#000;}
h1, h2, h3, h4, h5, h6	{
	color:#000;
	font-family:georgia, garamond, "times new roman";
	
	
	}
h1	{
	font-size:150%; 
	margin:0 0 15px 0;
	padding:0;
	}
h2	{
	font-size:140%;
	}
	
h3	{
	font-size:130%;
	}

	
p	{
margin:0 0 10px 0;
}
img{border:none;}
.left{text-align:left;}
.right{text-align:right;}
.centre{text-align:center;}
.txt_lrg{font-size:20px; }
.txt_sml{font-size:12px;}
.clr{clear:both;}

.topleft{width:100%; height:20px; margin:0; background:url(../images/layout/topleft.png) top left no-repeat; float:none; clear:both;}
.bottomright{width:100%; height:20px; margin:0; background:url(../images/layout/bottomright.png) bottom right no-repeat;float:none; clear:both;}
#clr{width:600px; height:1px;float:left; clear:both;}
#button{background:url(/images/button-bg.jpg) no-repeat; width:190px; height:36px; text-align:center;}
#button a{color:#fff; font-size:14px;}
#wrapper	{
	float:none; 
	width:950px; 
	height:auto; 
	margin:auto; 
	border:15px solid #fff; 
	background:#fff;
}

#intmain, #gallery_outer	{
	background:#fff;
	}
	
#topwrap		{float:none; clear:both;width:950px; height:auto; color:#fff; background:#fff; }
	#memkeeper{width:950px;height:11px;text-align:right; float:none;clear:both; font-size:9px;}
	#memkeeper a{color:#CC0000;}
 #topcolleft	{ 
 	float:left; 
 	clear:none; 
 	width:950px; 
 	height:100%; 
 	background:#000;
 }
		#topcolleft a{color:#990000; font-weight:bold;}
		#banner{ width:950px; height:70px;	}
		
#belowbanner	{
			width:950px; 
			height:270px; 
			margin:0px 0 0 0px;
	}
		#logo{float:left; width:520px; height:70px;}
		
		#strapline{	float:left; width:400px; margin-top:40px; font-style:italic; font-weight:bold; font-size:14px; text-align:center;}
		
		.vc{margin-top:20px; display:block;width:300px;height:auto;float:right; margin:20px 20px 0 0 ; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		.vc2{margin-bottom:8px;}
		#menubar{ width:950px; height:40px;line-height:40px; background: url(../images/layout/menubar.gif) no-repeat center #000; margin:0 0 15px 0;}
		#menubar a{color:#fff;}
 #topcolright	{ float:left; clear:none; width:200px; height:auto; margin-left:10px; background:#fff;}
	#secnavtop{	text-align:left; height:auto; background: url(../images/layout/bg1.gif) #fff; }
		#secnavtop p{font-size:14px; font-weight:bold; text-align:center; margin:0 8px; }
		#secnavtop ul{ list-style:none;	padding:0; margin:10px 15px; }
		#secnavtop ul li{ margin:5px 0; padding:0px; float:left; }
		#secnavtop img{border:none; margin:2px;}
		#picadkeeper a,#topcolright a{color:#fff;}
		#secnavtop a{ font-weight:normal; font-size:12px;color:#fff;}
#btmwrap	 {
	float:left;
	clear:none; 
	width:950px;
	height:auto; 
	border-bottom:1px solid #ccc; 
	margin-top:2px; 
	background:#fff; 
	margin:0px 0 0 0;
	}
 
 #btmcolleft	{
	float: left;
	clear: left;
	height: auto;
	width: 740px;
	text-align: center;
	margin: 0px 0 0 0px;
	background: #fff;
	font-family: georgia, garamond, "times new roman";
	font-size: 140%;
	line-height: 130%;
	color: #000;
}
 
 #btmcolleft a	{
 	color:#000;
 	text-decoration:underline;
 	}
 
  #btmcolleft a:hover	{
 	color:#000;
 	text-decoration:none;
 	}
		#picadkeeper{ width:720px; height:auto; margin-top:5px;   }
		#picadkeeper p{ margin:10px; font-size:12px;}
		
		
			.picadc{float:left;	width:25%; height:100%; font-weight:bold; color:#fff; text-align:center;}
			.picadl{float:left;	width:20%; height:100%; font-weight:bold; color:#fff; text-align:center;}
			.picadp{float:left;clear:both;width:100%; height:auto;text-align:center;}
			.picadtitle{width:100%;height:auto;margin:3px 0;color:#fff;}
			.picadpic{ height:auto; width:100%; }

 #btmcolright	{
 	float:left; 
 	clear:right; 
 	width:200px; 
 	height:auto; 
 	margin-top:10px; 
 	margin-left:10px;
 	background:#fff;
 	}
 	
 #test #btmcolright	{
 
 }
 		#secnavbtm{ width:200px; height:auto; background:#666;}
		
		/*#secnavbtm p{margin:1px;height:20px;color:#fff;}*/
		#fpform{text-align:center;width:200px; height:auto; float:none;clear:none;	color:#fff;	}
		#fpform2{width:400px; background:url(../images/layout/bg1.gif);color:#fff;}
		#fpform2 h2{color:#fff; margin:10px;}
		#fpform2 li{list-style:none; margin:10px;}
		.fpbox{text-align:left;padding: 0 10px; margin:0px; }
		.fpbox li{list-style:none; margin:3px; }
		/*#fpform p{text-align:left; background:#000;}*/
		.fptxt{text-align:left;  border:none;padding:0 10px; margin:0px;}
		.fptxt li{ line-height:10px;list-style:none; margin:3px; }
		.frmtitle{font-size:14px; font-weight:bold; color:#fff;margin:7px;}
		#news{ width:190px; height:120px; margin:10px auto; background:url(/images/news-bg.jpg);}
		#news a{text-decoration:none; color:#fff;}
		#news h4{margin:6px; font-size:12px;}
		#news p{margin:20px 3px 3px 0px;line-height:15px;}
		h4.newstitle{ margin:2px; padding:2px; }
		h4.newstitle a{color:#000;}
#footer			{
	float:none; 
	clear:both; 
	width:100%; 
	height:auto;  
	font-size:10px; 
	color:#000;
	border-top:1px dotted #000;
	}
	
	#footer a{color:#333;}

/*-----------------------------------------------
menu styling
------------------------------------------------*/

#home #nav-home a, #about #nav-about a, #portfolio #nav-portfolio a, #testimonials #nav-testimonials a, #links #nav-links a, #contact_menu #nav-contact-menu a	{
	color:#ff9933;
	}

/*------------------------------------------------
portfolio menu
-------------------------------------------------*/

td.folio_title	{
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
	
td.folio_image	{
	vertical-align:bottom;

	}
	
/*------------------------------------------------
sidebar styling
-------------------------------------------------*/

#contact_details	{
background-color:#666;
color:#fff;
}

.telephone	{
	font-size:180%;
	font-weight:bold;
	color:#fff;
	}
.tele	{
	font-size:110%;
	color:#fff;
	text-align:left;
	}

.tele a	{
		color:#ff9933;
	text-decoration:none;
	}

.tele a:hover	{
	color:#000;
	}
#clients_say	{
background-color:#666;
margin-top:10px;

}

#clients_say h2, #contact_details h2, #secnavbtm h2	{
	color:#fff;
	margin-top:-10px;
	}

#contact_details h2	{
	font-size:150%;
	}
#clients_say a	{
	text-decoration:underline;
	color:#fff;
	}

#clients_say a:hover	{
	color:#ccc;
	}
	
.comment	{
	margin:0 0 15px 0;
	padding:0 10px;
	}
	
.client_comment	{
display:block;
text-align:left;
color:#fff;

}

.client_name	{
text-align:right;

}
/* colin stuff */

#contact	{
	float:right;
	text-align:right;
	font-size:140%;
	font-weight:bold;
	margin-right:10px;
	}
	
#contact_right	{
	color:#fff;
	height:75px;
	}

#contact_right h2	{
	margin-top:-10px;
	color:#fff;
	}


#contact_right a, #contact a	{
	color:#ff9933;
	text-decoration:none;
	}
	
#contact_right a:hover, #contact a:hover	{
	color:#ccc;
	}
	
/* menu */

#menubar ul
{
padding:0px 0 0px 0;
margin: 0 0 0 25px;
float: left;
width: 100%;

}

#menubar ul li { display: inline; }

#menubar ul li a
{
padding: 0.2em 1em;
text-decoration: none;
float: left;
font-size:125%;
}

#menubar ul li a:hover
{

}

.jdGallery .slideInfoZone h3	{
	color:#fff;
	}
	
#contact_form	{
	
	float:left;
	}
	
#belowbanner #panorama	{
	border:1px solid #fff;
	margin:0 0 0 -20px;
	}
.gallery_table {
	width: 700px;
	margin-left: 20px;
}
.gallery_table2 {
	width: 700px;
	margin-left: 20px;
	text-align: center;
}
.gallery_table2 td {
	width: 233px;
}
.gallery_table3 {
	width: 470px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
}
.gallery_table3 td {
	width: 233px;
}
#btmcolleft h1 {
	text-align: left;
}
#btmcolleft p {
	text-align: left;
}