/* Created by Jon Burton and Matias "Nelo" Canobra @ AdventisDigital/Second2 (call us on 01494 731 700) for Bakehouse Communications (formerly Adventis NMG) */
html{
	overflow:-moz-scrollbars-vertical;
}

#top{
	
	top:0px;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:100%;
}

h1{
	font-size:26px;
	font-weight:bolder;
	color:#333;
	margin-top:30px;
	margin-left:10px;
	float:left;
}
h2{
	font-size:16px;
	font-weight:bolder;
	color:#333;
	margin-top:0px;
	margin-left:20px;
	float:left;
}


h3{
	font-size:20px;
	font-weight:bolder;
	color:#333;
	margin-top:20px;
	margin-left:43px;
	float:none;
	clear:both;
}

p{
	color:#333;
	font-size:12px;
	margin:5px 15px 5px 25px;
}

.clearfix {
	float: none;
	clear: both;
}

.orange{
	color:#ff9900;
}

.alignleft{
	float:left;
	margin-left:10px;
}

.align-top{
	margin-top:0px;
}

.align-left{
	margin-left:10px;
}

.alignright{
	float:right;
	margin-right:10px;
}


#all{
	width:800px;
	height:100%;
	left:50%;
	margin-left:-400px;
	top:0px;
	position:absolute;
}

#header{
	width:800px;
	height:134px;
	margin-top: 0px;
	margin-left:0px;
}

#logo{
	width:255px;
	height:116px;
	margin-left:22px;
	margin-top:20px;
	float:left;
	position:relative;
	background:url(imgs/logo.jpg) center no-repeat;
}

/*---- menu ----*/
#menu{
	width:370px;
	height:140px;
	background:url(imgs/logo-menu.jpg) center top no-repeat;
	margin-right:32px;
	margin-top:0px;
	float:right;
	position:relative;
}

#logo-menu{
	
	width:95px;
	height:95px;
	margin:20px 135px;
}

#home-button{
	margin-left:160px;
	margin-top:5px;	
}

#home-button a{
	font-size:12px;
	background-color: #FFF;
	text-decoration:none;
	color: #666;
	padding: 3px 13px 3px 3px;
	border-bottom: #999 solid 1px;
}

#home-button a:hover{
	color:  #be1e2d;
	text-decoration:none;
}

#menu .active {
	color:  #be1e2d;
	font-size:12px;
	background-color: #FFF;
	padding: 3px 13px 3px 3px;
}

* html #what-we-do-button{
	margin-top:20px;	
}

#what-we-do-button{
	margin-left:38px;
	margin-top:0px;	
	float:none;
}

#what-we-do-button a{
	font-size:12px;
	background-color: #FFF;
	text-decoration:none;
	color: #666;
	padding: 3px 13px 3px 3px;
	border-bottom: #999 solid 1px;
}

#what-we-do-button a:hover{
	color:  #be1e2d;
	text-decoration:none;
}

* html #how-we-do-it-button{
	margin-left:40px;
	margin-top:50px;
}

*+ html #how-we-do-it-button{
	margin-left:75px;
	margin-top:45px;
}

#how-we-do-it-button{
	margin-left:75px;
	margin-top:45px;
	float:left;
}

#how-we-do-it-button a{
	font-size:12px;
	background-color: #FFF;
	text-decoration:none;
	color: #666;
	padding: 3px 13px 3px 3px;
	border-bottom: #999 solid 1px;
	border-right: #999 solid 1px;
	float:left;
}

#how-we-do-it-button a:hover{
	color:  #be1e2d;
	text-decoration:none;
	float:left;
}

* html #who-we-are-button{
	margin-top:50px;
}

#who-we-are-button{
	margin-right:80px;
	margin-top:45px;
}

#who-we-are-button a{
	font-size:12px;
	background-color: #FFF;
	text-decoration:none;
	color: #666;
	padding: 3px 13px 3px 3px;
	border-bottom: #999 solid 1px;
	border-left: #999 solid 1px;
	float:right;
}

#who-we-are-button a:hover{
	color:  #be1e2d;
	text-decoration:none;
	float:right;
}

#contact-us-button{
	margin-right:40px;
	margin-top:35px;
}

#contact-us-button a{
	font-size:12px;
	background-color: #FFF;
	text-decoration:none;
	color: #666;
	padding: 3px  13px 3px 3px;
	border-bottom: #999 solid 1px;
	float:right;
}

#contact-us-button a:hover{
	color:  #be1e2d;
	text-decoration:none;
	float:right;
}

/*---- content ----*/
#body{
	width:800px;
	padding:22px;
	position:relative;
	margin-bottom:15px;
}

#content{
	text-align:left;
	width:510px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	position:relative;
}

#content .less-bottom{
	margin:0px 30px 0px 43px;
}

#content p{
	color:#333;
	font-size:12px;
	margin:0px 30px 15px 43px;
	float:left;
}

* html #content p{
	color:#333;
	font-size:12px;
	margin:0px 25px 15px 20px;
	float:left;
}

* html #content .less-bottom{
	margin:0px 30px 0px 20px;
}


#content p a{
	color:#ff9900;
	text-decoration:none;
	margin:2px;
	font-size:12px;
	float:none;
}

#content p a:hover{
	text-decoration:none;
	float:none;
}

#content a{
	color:#ff9900;
	text-decoration:none;
	margin:2px;
	font-size:12px;
	font-weight:bolder;
	float:left;
}

#content a:hover{
	text-decoration:none;
	color:#be1e2d;
}

#content ol{
	margin-left:15px;
	color: #333;
	list-style:decimal;
	float:left;
	padding-right:30px;
	padding-left:20px;
}

* html #content ol{
	margin-top:45px;
	color: #333;
	list-style:decimal;
	float:none;
	padding:10px;
	margin-left:35px;
	margin-right:20px;
}

*+ html #content ol{
	margin-top:45px;
	color: #333;
	list-style:decimal;
	float:none;
	padding:10px;
	margin-left:10px;
}

#content ul{
	list-style:disc;
	padding:5px;
	padding-right:20px;
	margin-left:10px;
}

#content li{
	color:#333;
	margin-left:25px;
	font-size:12px;
	margin-top:0px;
}

*+ html #content li{
	margin-left:25px;
	font-size:12px;
	float:none;
}

#box{
	width:455px;
	margin-top:0px;
	margin-left:20px;
	float:left;
	position:relative;
	z-index:1;
}

#box p{
	color:#333;
	font-size:12px;
	margin:5px 15px 5px 25px;
	float:none;
}

*+ html #box p{
	color:#333;
	font-size:12px;
	margin:5px 15px 5px 25px;
	float:none;
}

* html #box p{
	color:#333;
	font-size:12px;
	margin:5px 15px 5px 25px;
	float:none;
}	

#box .orange{
	color:#ff9900;
}

#box-top{
	width:455px;
	height:18px;
	background:url(imgs/bg-up.jpg) no-repeat left top;
	margin-top:0px;
	float:left;
	position:relative;
}

#box-middle{
	width:455px;
	background:url(imgs/bg-middle.jpg) left repeat-y;
	margin:0px;
	float:left;
	position:relative;
}

#box-down{
	width:455px;
	height:21px;
	background:url(imgs/bg-down.jpg) no-repeat left top;
	margin:0px;
	margin-bottom:10px;
	float:left;
	position:relative;
}

#box a{
	font-weight:normal;
}

#box p a:hover{
	text-decoration:none;
	color:#be1e2d;
}

#vertical-line{
	height:78px;
	width:1px;
	background-color:#999;
	margin-left:44px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
}

hr{
	background-color:#999;	
	position:relative;
	height:1px;
	width:35px;
	float:right;
	margin-top:30px;
	margin-right:0px;
	z-index:3;
	border:none;
}

#line{
	background-color:#999;	
	height:1px;
	width:35px;
	float:right;
	margin-top:30px;
	margin-right:0px;
	z-index:3;
}

* html #line{
	background-color:#999;	
	height:1px;
	width:35px;
	float:right;
	margin-top:30px;
	margin-right:0px;
	z-index:3;
}

.hr2{
	background-color:#999;	
		position:relative;
	height:1px;
	width:35px;
	float:right;
	margin-top:70px;
	z-index:4;
	margin-left:0px;

}

* html hr{
	background-color:#999;	
	height:1px;
	width:15px;
	display:block;
position:relative;
	margin-top:0px;
	margin-right:0px;

}

.hr{
	background-color:#999;	
	position:relative;
	height:1px;
	width:35px;
	float:right;
	margin-top:30px;
	margin-right:0px;
	z-index:3;
	border:none;
}

* html #content .hr{
	display:none;
}

* html #content .hr2{
	display:none;
}

#content .orange{
	color:#ff9900;
}

#content ol .black{
	color:black;
}

.separator-line{
	background-color:#999;	
	height:1px;
	width:431px;
	margin-left:40px;
	margin-top:17px;
	float:left;
}

* html .separator-line{
	background-color:#999;	
	height:1px;
	width:460px;
	margin-left:40px;
	margin-top:17px;
	float:left;
}

.small-nav	{
	float:right;
	margin-right:25px;
	margin-bottom:10px;
	color:#ff9900;
	font-size:12px;
}

* html .small-nav	{
	float:right;
	margin-right:5px;
	margin-bottom:10px;
	color:#ff9900;
	font-size:12px;
}

#box .small-nav a{
	font-weight:bolder;
}

#left{
	float:left;
	width:250px;
}

.black{
	color:black;
}

#left p{
	margin-left:40px;
}

#left a{
	float:none;
}

/*---- contact-form ----*/

#contact-form{
	margin:5px;
	margin-right:12px;	
	margin-top:30px;
	border:#ff9900 1px solid;
	float:right;
	position:relative;
	padding:5px;
	padding-left:0px;
	width:175px;
}

#submitbutton{
	padding:2px;
	color:#FFF;
	background:#ff9900;
	border:none;
}
.formitem{
	float:right;
	width:165px;
	margin:0px 5px 0px 5px;
}
.messageadvice {
	font-size: 1em;
	margin:0px 5px 0px 10px;
}
label{
	margin-left:10px;
	font-size:12px;

}

input{
	float:right;
	margin:5px;
}

#messagefield{
	float:right;
	margin:5px;
	width:145px;	
	height:100px;
}


/*---- sidebar ----*/
#sidebar{
	width:260px;
	margin-right:30px;
	margin-top:0px;
	float:right;
}

* html #sidebar{
	width:265px;
	margin-right:0px;
	margin-top:0px;
	float:right;
}

#sidebar .vertical-line{
	height:385px;
	width:1px;
	background-color:#999;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

#sidebar .line{
	background-color:#999;	
	height:1px;
	width:220px;
	float:left;
	margin-top:0px;
	margin-left:15px;
}

* html #sidebar .vertical-line{
	height:350px;
	width:1px;
	background-color:#999;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

*+ html #sidebar .vertical-line{
	height:350px;
	width:1px;
	background-color:#999;
	float:left;
	margin-left:0px;
	margin-top:0px;
}

*+ html #sidebar .line{
	background-color:#999;	
	height:1px;
	width:225px;
	float:left;
	margin-top:0px;
	margin-left:0px;
}

#sidebar p{
	color:#333;
	font-size:12px;
	margin:10px 0px 0px 20px;
	float:left;
	width:220px;
}
/* For IE*/
* html #sidebar p{
	 float:none;
}
*+ html #sidebar p{
	 float:none;
}
/* For IE end*/

#sidebar ul{
	list-style:disc;
	float:left;
	width:210px;
	font-size:12px;
}

#sidebar li{
	list-style:disc;
}


* html #sidebar ul{
	list-style:disc;
	float:none;
	color:#333;
	font-size:12px;
	padding-left:15px;
	margin-right:0px;
	margin-top:0px;
	width:200px;
	height:50px;
}

*+ html #sidebar ul{
	list-style:disc;
	list-style-image:none;
	color:#333;
	float:left;
	font-size:12px;
	padding-left:15px;
	margin-right:0px;
	margin-top:0px;
	width:200px;
}

.red-box{
	width:254px;
	height:22px;
	background:url(imgs/red-box.jpg) right;
	margin:16px 0px 16px 0px;
	float:left;
}


.red-box a{
	text-align:right;
	margin-right:15px;
	margin-top:3px;
	font-size:12px;
	font-weight:bolder;
	float:right;
	color:#FFF;
	text-decoration:none;
}

.red-box a:hover{
	text-decoration:underline;
}

/*---- call us ----*/
#call-us{
	width: 400px;
	float:left;
	margin-left:40px;
	margin-top:20px;
}

#call-us h3{
	float:left;
	margin-top:0px;
	margin-left:0px;
	position:relative;
}

div#call-us div.source {
	float: none;
	clear: both;
}

#contact-icon{
	width:22px;
	height:22px;
	background:url(imgs/contact-icon.jpg);
	float:left;
	margin-left:4px;
	position:relative;
}
	
#home-icon{
	width:22px;
	height:22px;
	background:url(imgs/home-icon.jpg);
	margin-left:4px;
	float:left;
	position:relative;
}


#print-icon{
	width:22px;
	height:22px;
	background:url(imgs/print-icon.jpg);
	float:left;
	margin-left:4px;
	position:relative;
}

/*---- footer ----*/

#footer{
	width:800px;
	height:75px;
	bottom:0px;
	background:url(imgs/footer.jpg) no-repeat center bottom;
	color:#FFF;
	float:left;
}


#footer p{
	color:#FFF;
	font-size:12px;
	margin: 45px 10px 0px 10px;
}

#footer a{
	color:#FFF;
	font-size:12px;
	margin: 58px 10px 0px 10px;
	text-decoration:none;
}

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

#credits{
	color:#FFF;
	font-size:10px;
	margin-top:60px;

	text-align:left;
	margin-left:10px;
}

#credits a{
	margin:0px;
	font-size:11px;
}

#legal-notices h1{
	margin-top:0px;
	margin-bottom:0px;
}

#legal-notices h3{
	font-size:16px;
	margin-left:10px;
	padding-top:17px;
	margin-bottom:8px;
}

#legal-notices p{
	margin:0px 15px 10px 10px;
}


* html #legal-notices p{
	margin:0px 15px 0px 0px;
}

div.formitem textarea#message {
	margin-left: 10px;
	width: 140px;
}
div.required {
	margin-top: 5px;
}