/* C.B. Fabrications - default stylesheet: main.css.

Date: 07/11/06

Gary Hartney/Morecambe.NET

Styles follow, as closely as possible, the source order of the related html documents.

all elements concerning the design such as the images, color, layout, 
and any other areas of the design are copyright of C.B. Fabrications U.K.  and/or Morecambe.NET LTD. and may not be 
reproduced. 

*/

* {
	margin: 0;
	padding: 0;
}

body {
	font: 76%/1.2 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	color: #777;
	text-align: center;
}
	

div#header {
	height: 130px;
	background: url(images/headerbg.gif);
}

div#header h1 {
	text-indent: -999em;
	overflow: hidden;
}

img#logo {
	position: absolute;
	top: 24px;
	left: 10%
}

div#navcontainer {
	height: 36px;
	background: #CFCFCF url(images/navbg.gif) bottom repeat-x;
}

ul#nav {
	list-style: none;
	width: 58em;
	margin: 0 auto;
}

ul#nav li {
	float: left;
}

ul#nav a {
	display: block;
	padding: 9px 0 8px 0;
	width: 139px;
	font-size: 1.2em;
	text-decoration: none;
	color: #666;
	border-left: 1px solid #C4C4C4;
}

ul#nav a:hover {
	background-color: #AF2429;
	color: white;
}

ul#nav a#contactus{
	border-right: 1px solid #C4C4C4;
}

div#intro {
	text-align: left;
	background: #CF1A37 url(images/subheaderbg.png) bottom repeat-x;
	height: 192px;
}

div#intro div {
	width: 760px;
	height: 192px;
	margin: 0 auto;
	background: transparent url(images/sidebarbg.jpg) 524px 0 no-repeat;
}

div#intro div h2 {
	color: white;
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 1.2em;
	margin-bottom: 60px;
	width: 500px;
}

div#main {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

div#content {
	width: 503px;
	margin: 20px 20px 40px 0;
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
}

div#content h4 {
	color: #AF2429;
	margin: 5px 0 2px 0;
}

div#content h4.section {
	color: #333;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 1.2em;
	margin: 30px 0 25px 0;
}

div#content h4.section span {
	font-weight: normal;
}

div#content blockquote {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4em;
	color: #AF2429;
	background: transparent url(images/blockquotebg.gif) 20px 12px no-repeat;
}

div#content blockquote p {
	text-indent: 16px;
}

div#content blockquote {
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4em;
	color: #AF2429;
	padding: 0 1em;
	background: transparent url(images/blockquotebg.gif) top left no-repeat;
}

div#content cite {
	padding-left: 30px;
	font-size: 1.2em;
}

div#content ul {
	color: #333;
	margin-left: 35px;
	padding: 0.6em;
}

div#content p {
	padding: 0.6em;
}

div#sidebar {
	width: 237px;
	float: left;
}

div#subnavcontainer {
	width: 221px;
	margin: 30px auto 20px auto;
	background: #FEFFE9 url(images/subnavcontainerbg.png) top repeat-y;
}
		

div#subnav {
		width: 221px;
		background: transparent url(images/subnavulbg.png) top no-repeat;
}

div#subnav ul {
		list-style: none;
		padding: 10px 0 10px 0;
		background: transparent url(images/subnavbg.png) bottom no-repeat;
}

div#subnav li {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	padding: 0 4px 0 4px;
}

div#subnav li a {
	color: #AF2429;
	padding: 0.8em;
	display: block;
	text-decoration: none;
}

div#subnav li a:hover {
	color: white;
	background-color: #AF2429;
}

div#sidebar p {
	color: #AF2429;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 1.2em;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
}

div#contactheader {
	background: #AF2429;
	margin-top: 20px;
}
	

div#contactheader h4 {
	text-align: center;
	font-size: 1.2em;
	color: white;
	text-indent: 24px;
	width: 760px;
	margin: 0 auto;
	background: #AF2429 url(images/contacticon.gif) 0 3px no-repeat;
	padding: 0.8em 0;
}

div#contactheader  h4 span {
	font-weight: normal;
}

div#footer {
	height: 380px;
	background: white url(images/footerbg.png) 0 42px repeat-x;
	clear: both;
	text-align: left;
}

div#contact {
	width: 760px;
	margin: 0 auto;
}

form#contactform {
	width: 265px;
	float: left;
	margin-top: 35px;
}

form#contactform fieldset {
	border: 0;
}

form#contactform p {
	padding: 0 0 10px; 0
	}

form#contactform legend { display: none; }

form#contactform fieldset input#name, input#email, input#enquiry, textarea {
	display: block;
	margin: 3px 0;
	border: 1px solid #bbb;
}

form#contactform input#button {
	background: transparent url(images/submitbg.gif) no-repeat 5px 0;
	border: 0;
	color: white;
	height: 27px;
	width: 90px;
}

form#contactform p.notice, form#contactform p.error,
form#contactform p.success {
	color: #000;
	margin: 20px 0;
	padding: 5px 5px 5px 30px;
	margin-right: 15px;
	background: #fff url(images/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #333;
	}
form#contactform p.error { background: #fff url(images/bg_error.gif) no-repeat 5px center; }
form#contactform p.success { background: #fff url(images/bg_success.gif) no-repeat 5px center; }

p.error span { font-weight: bold; }

address {
	width: 215px;
	float: right;
	margin-top: 40px;
	color: #AF2429;
	font-size: 1.2em;
	line-height: 1.6em;
}

div#copyright {
	background: black url(images/copyrightbg.gif);
	height: 34px;
	text-align: center;
	clear: both;
	line-height: 30px;
	color: #777;
}

div#copyright p {
	display: inline;
	margin-right: 30px;
}

div#copyright a {
	color: #777;
	text-decoration: none;
}

div#copyright a:hover {
	text-decoration: underline;
}
.float {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

p.form-notice {
	color: #af2429;
	background: #eee;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 1em;
	}
	
p.form-notice span {
	font-weight: bold;
	font-style: italic;
	}

/* form "captcha" */
input.captcha { display: none; }

/* Gallery code */
.thumbnail
{
	float: left;
	width: 138px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
	background: #E4E4E4;
}

.thumbnail a
{
color: #555;
}

.clearboth { clear: both; }