/*
Site Name: Otter Vacuum Systems
Description: Style for Otter Vacuum Systems.
Version: 0.01
Author: Oliver Scott-Ison for eNotions
Author URI: http://www.enotions.co.uk
*/

/* Globals 
=================================== */

body {
	background-image:url('../images/bg.jpg');
	background-repeat:repeat-x;
	background-color:#BBC5C4;
	margin:0;
	font-size:12pt;
	font-family:Trebuchet MS, Arial, Verdana;
	color:#525E5C;
}
a:link, a:visited {
	color:#525E5C;
	text-decoration:none;
}
a:hover {
	color:#0283C9;
}

/* Structure
=================================== */

#wrapper {
	width:980px;
	margin:auto;
}
#navBox {
	width:260px;
	height:500px;
	background-image:url('../images/sideNavbg.png');
	float:left;
}
#contentWrap {
	position:relative;
	width:710px;
	float:right;
}
#contentOut {
	position:relative;
	background: transparent url('../images/contentbg.png') repeat-y;
	margin:20px 0 ; padding:0px 0px 0px 0px;
}

#contentWrap img#top {
	position:absolute;
	top:0px;
	margin:0px; padding:0px;
}

#contentWrap img#bottom {
	position:absolute;
	bottom:0px;
	margin:0; padding:0;
}
#sideWrap {
	float:left;
	width:260px;
	margin:0;
	padding:0;
}


#contentIn {
	background: transparent url('../images/contentBubblesbg.png') center top no-repeat;
	margin:0px;
	padding:0 30px;
}
#footer {
	height:133px;
	clear:both;
}
#otterFact {
	width:260px;
	height:207px;
	font-size:10pt;
	background: transparent url('../images/factbox.png') center top no-repeat;
	clear:both;
}
#otterFact p {
	padding:70px 50px 20px 20px;
}
#emailForm {
	width:340px;
	padding:20px;
	float:right;
	background-image:url('../images/emailFormBg.jpg');
	background-repeat:no-repeat;
}



/* Site wide Styling
=============================== */

#navBox ul {
	list-style:none;
	padding-top:30px;
	padding-left:30px;
	font-family:Trebuchet MS, Arial, Verdana;
	line-height:36pt;
	font-weight:bold;
	font-size:18pt;
	color:#ca292f;
	}
	
#navBox a:link, #navBox a:visited {
	color:#0283C9; 
	text-decoration:none;
	
}
#navBox a:hover {
	color:#525E5C;
}
#footerTop {
	background-image:url('../images/footerTopbg.png');
	height:100px;
	padding:10px;
}
#footerBtm {
	background-image:url('../images/footerBtmbg.png');
	height:21px;
	padding:6px;
	text-align:center;
}
.copyright, .copyright a{
	color:#FFFFFF;
	font-size:10px;
	display:inline;
}
h1 {
	font-family:Trebuchet MS, Arial, Verdana;
	font-size:26pt;
	font-weight:bold;
	color:#0283C9;
	margin-top:0;
	padding:30px 0 0 0;
	margin:0;
}
.grey { /* Grey for header splits */
	color:#525E5C;
}
h2 {
	font-family:Trebuchet MS, Arial, Verdana;
	font-size:14pt;
	font-weight:bold;
	color:#0283C9;
	padding:30px 0 0 0;
}
h3 {
	font-family:Trebuchet MS, Arial, Verdana;
	font-size:12pt;
	font-weight:bold;
	color:#525E5C;
	padding:30px 0 0 0;
}
.linePadding {
	padding-left:20px;
	padding-right:8px;
}
.linksNames {
	color:#0283C9;
	width:280px;
	display:block;
	float:left;
	text-align:right;
}
.linksUrls {
	display:block;
	width:300px;
	float:left;
	text-align:left;
	padding-left:20px;
}
.links ul{
	list-style:none;
}
.bottomOtter {
	clear:both;
	margin-left:550px;
}
#datapages {
	padding: 15px;
	overflow: auto;
	background: center;
	height: 600px;
}
/* REUSABLES */

.error { color:red; }

.fR { float:right; }
.fL { float:left; }

.cB { clear:both; }
.cL { clear:left; }
.cR { clear: right; }
.iP {padding:10px;}
.nB {border:0px;}
.mL {margin-left:0px;}
.mR {margin-right:0px;}