/*-------------------------------------------------------

	doc title: London Bicycle Workshop Stylesheet 
	filename: LBW_CSS.css
	author: JR
	date: 29/06/2009
	
	
/*------------------------------------------------------------------Master Reset */ 




* html, body {
	padding			: 0;
	margin			: 0;
	border			: 0px ;
}
h1, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin			: 0;
 	padding			: 0;
	border			: 0;


}
li, dd {
	margin-left		: 0;
}
fieldset {
	padding			: 0;
	margin			: 0;
	border			: 0;
}

a {
	text-decoration	: none;
	margin			: 0;
 	padding			: 0;
	border			: 0;
	
	}
{
	background-color: #ffffff;
}
:focus { -moz-outline-style: none; }/*Stops Borders on image links in firefox  */ 







/*------------------------------------------------------------------   Base & Framework  */ 

body{
	margin:0;
	background: #666666 url(../images/portbg.gif) top center repeat-y ;
	background-color: #000000;
	padding:0;
}	

	
div#maincontainer{
	margin: 0 auto; 
    width: 800px;
		padding: 0;
	border: 0;
	height:100%;
background-color:#000000;	
	
	}
	
	
div#container {
background:#FFFFFF none repeat scroll 0 0;
height:100%;
width:750px;
padding-left:25px;
padding-right:25px;
	
	}

div#header{
	border: 0;
	margin: 0;
	pading:0;
	width:800px;
	height: 160px;
	background:#000000;
	}
	
div#worktext{
    width: 200px; 
	background: #ffffff;
	float: left;}
	
div#fulltext{
    width: 750px; 
	border-bottom: 1px #eeebea solid;
	background: #ffffff;
	float: left;}
		
div#imagehold{
    width: 530px;
	height:auto;
	padding: 0px 0px 30px 0px;
	background: #ffffff;
	float: right;}
	
div#map_canvas{
    width: 530px;
	height:280px;
	padding: 0px 0px 30px 0px;
	background: #ffffff;
	float: right;}
	
	
div#work{
    width: 750px;
	border-bottom: 1px #eeebea solid;
    background: #ffffff;
	height:auto;
	padding: 10px 0px 10px 0px;
	float: left;}
	

	
div#worknobot{
    width: 750px;
    background: #ffffff;
	height:auto;
	padding: 10px 0px 10px 0px;
	float: left;}
	
	
div#worktop{
    width: 200px;
	height: 10px;
	align: left;
	padding: 8px 0px 0px 0px;
	background: #ffffff;
	float:left; 
	}
	
div#contact_form{
    width: 530px;
	height:400px;
	padding: 30px 0px 30px 0px;
	background: #ffffff;
	float: right;
	text-align:left
	}
	
	
	
/*------------------------------------------------------------------Type  */ 




  .title {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #a7a29f;}
	
	.title2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	line-height: 1.4;
	color: #8cc440;}
	
	.GreenBold {font-family: Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size: 14px;	
	line-height: 1.4;
	color: #8cc440;}
	
	.subtitle {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #666666;}
	
	.body {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 140%;
	color: #666666;}
	
		.body2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 140%;
	color: #333333;}


/*------------------------------------------------------------------   Navigation  */ 
	
	
	
	

div#nav{
    width: 750px;
	padding:8px 0 10px;
	
	border-top: 1px #eeebea solid;
	
	}

	
	
div#pagetitle{
    width: 750px;
	height: 22px; 
	border-bottom: 1px #eeebea solid;
	padding: 6px 0px 6px 0px;
	border-top: 1px #eeebea solid;
	background: #ffffff;
	float:left; 
	}
	
	
.sidenav {list-style: none;display:inline;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a7a29f;}


a:link {
	text-decoration: none;
	color: #666666;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #666666;}


/*------------------------------------------------------------------   Footer  */ 





	
	
#footer {
	position		: relative;
	width			: 750px;
	clear			: both;
	height			: 20px;
    color			: #666666;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 10px;
	padding 		: 12px 0px 0px 0px;
	text-align		: left;

	}
	
#footer a {
	color			: #666666;
	}

#footer a:hover {
	color 			: #8cc440;
	text-decoration	: underline;
	}

div#footerbox{
    width			: 750px;
	height			: 1px;
	padding			: 0px;	
	float 			: left;

	}	

	
	
	.orange {font-family: Arial, Helvetica, sans-serif; line-height: 55%; font-size: 11px; color: #ff6600;}
	.footertext {font-family: Arial, Helvetica, sans-serif; 	line-height: 1.4;
 font-size: 11px; color: #a7a29f;}


    .title {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #a7a29f;
	text-align:left;
	}
	.sub_title {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #a7a29f;
	text-align:left;
	}
	
	
	.title2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	line-height: 1.4;
	color: #8cc440;}
	
		.GreenBold {font-family: Arial, Helvetica, sans-serif;
		font-weight:bolder;
	font-size: 14px;	
	line-height: 1.4;
	color: #8cc440;}
	
	.subtitle {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #666666;}
	
	.body {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 140%;
	color: #666666;}
	
		.body2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; line-height: 140%;
	color: #333333;}




	
	

.formal {
    height:20px;
	width:520px;
    font-size: 12px;
	color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    padding-left:8px;
	padding-top:12px;
    border-width:1px;
	border-style:solid;
	border-color:#d9d4d0;
	background-color:#ffffff;
	display:inline;
	margin:0px;
}

.formalbox {
    height:120px;
    width:520px;
    font-size: 12px;
  	color:#666666;
    font-family: Arial, Helvetica, sans-serif;
	padding-left:8px;
	padding-top:12px;
    border-width:1px;
	border-style:solid;
	border-color:#d9d4d0;
	background-color:#ffffff;
	display:inline;
	margin:0px;
}

.formula {
    margin:0px;
	padding-top:8px;
	padding-right:232px;	
}
.form {
	margin:0px;
	padding:0px;
	display:inline;
}