/* CSS Document - Octagon Heating Services Ltd - M2 Bristol Ltd - www.msquared.co.uk*/

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#000;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.rightplus {float:right; padding-bottom:5px; padding-right:100px;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Arial;
	font-size:0.813em;
	line-height:1.154em;
	color:#fff;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ff7e00; text-decoration:none;}
a:hover{ color:#fff; text-decoration:underline;}
strong {color:#ff7e00;}
p {
	float: none;
}

/* ============================= main layout ====================== */

.more {float:right; margin:28px 5px 0 0;}
.more2 {margin:28px 0 0 0;}
.more3 {margin:38px 0 5px 0;}

li { background:url(../images/bullet.png) no-repeat 0 10px; padding-left:30px; padding-bottom:0px; padding-top:6px;}
li a {color:#fff; text-decoration:none; line-height:1.923em;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 15px 0 0; float:left;}
.imgindent2 {margin:0 10px 14px 0; float:left;}
.imgindent3 {margin:0 80px 14px 0; float:left;}
.title {margin-bottom:20px;}

/* ============================= header ====================== */

#header .indent {background:url(../images/header_top_bg.gif) top left no-repeat; padding:10px 0px 10px 0px; font-size:0.923em; color:#5b5c5c;}
#header .indent a {color:#5b5c5c; text-decoration:none;}
#header .indent a:hover {text-decoration:underline;}
.rss {/*background:url(images/rss_bg.gif*/) top right no-repeat; float:right; padding:0 3px 0 0;}

.logo {margin:0px 0px 0px 0px;}

.menu {background:url(../images/menu_bg.gif) top repeat-x; width:982px; height:40px;}
.menu li {float:left; padding:0; background:none;}
.menu li a { background:url(../images/menu_line.gif) top right no-repeat; font-size:1.077em; line-height:1em; display:block; width:123px; text-align:center; padding:12px 0 12px 0;}
.menu li .narrow {width:122px;}
.menu li a:hover {background:url(../images/button_hover.gif) top repeat-x; text-decoration:none;}
.menu .active {background:url(../images/button_hover.gif) top repeat-x  !important;}
.menu .last {background:none;}

/* ============================= middle ====================== */

#middle {padding:0 10px 0 10px;}
.column_padding {padding-right:54px;}
.column_padding2 {padding-right:71px;}
.column_padding3 {padding-right:30px;}
.line_hora {background:url(../images/line.gif) bottom repeat-x; margin-bottom:5px;	padding-top: 5px; padding-right: 20px;	padding-bottom: 5px; padding-left: 0;}
.line_hor {background:url(../images/line.gif) bottom repeat-x; padding:0 20px 20px 0; margin-bottom:20px;}
.line_hor2 {background:url(../images/line.gif) bottom repeat-x; padding:0 10px 40px 0; margin-bottom:40px;}
.line_hor3 {background:url(../images/line.gif) bottom repeat-x; padding:0 0 40px 0; margin-bottom:40px;}

.indent {padding-top:24px;}

.text_img {padding:0 0 5px 0 !important;}
.img_box {padding:35px 0 25px 0;}
.ul {
	margin-top:5px;
}


/* ============================= footer ====================== */

#footer p {padding:12px 0 10px 20px;}
#footer a {color:#ff7e00;}
.sitecredit {top right no-repeat; float:right; padding:12px 12px 0 0;}

/* ============================= forms ============================= */


form .rowi {height:25px;}
form .more {margin:32px 0 8px 15px;}

.input {width:234px; height:18px; border:1px solid #404040; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:274px; height:90px; border:1px solid #404040; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= index-5 =========================== */