/* =======================================================
	General Styles
=======================================================*/

body{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%; /* reset base size to 10px, 1.1em = 11px, 1.2em = 12px etc */
	background: #FFF url('../images/bg_body.gif') repeat-x 0 0;
	color: #5c5c5c;
}

#wrapper {
	width: 810px;
	height:600px;	
	margin:55px auto;
	background:#FFF;
}

body.content-pages #wrapper {
	border-right:1px solid #b2afab;
	border-bottom:1px solid #b2afab;
}

#header {
	width:200px;
	float:left;
	height:610px;	
	position:relative;
	top:-1px;
}

a.logo {
	position:relative;
	top:65px;
	left:10px;
	margin:0;
	padding:0;
}

#content {
	
	float:right;
	width: 610px;
	height:600px;

	}

#contentwrap {
	padding:20px 20px 0 20px;
	overflow:auto;
	height:550px;
	display:none; 	
	}

#contentwrap img{
	float:right;
	margin:0 15px 5px 15px;
}


#contentwrap p{
	font-size:1.3em;
	margin:0 15px 15px 0;
	line-height:1.19em;
}

#contentwrap a{
	font-size:1.0em!important;
	margin:0 15px 15px 0!important;
	color: #5c5c5c!important;
	margin:0!important;
	padding:0!important;
	text-decoration: none;
	width:auto!important;
}


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


#contentwrap ul{
	margin:25px 0 25px 30px;
}

#contentwrap ul li{
	font-size:1.3em;
	margin:0 0 6px 0;	
	list-style:square;
}

.boxa {
	float:left;
	height:199px;
	width:200px;
}

.topmargin{
	margin:1px 0 0 0!important;
}

.boxb {

	height:200px;
	width:200px;
	float:left;
	
}

.row1,.row2,.row3 {
	float:left;
    height:200px;
	width: 603px;
}

.colour01 {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background:#b1b5b6;
	
}

.colour02 {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background:#d8dbdb;
	
}

.colour03 {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background:#a39f9b;
	
}

body.home #content a, a.contact{
	font-size:2.0em;
	color:#FFF;
	text-decoration:none;
	margin:10px 0 0 10px;
	display:block;
	line-height:1.25em;
}

ul#secondary {
	width:100%;
	background:#b2afab;
	float:left;
	border-top: 1px solid #FFF;
	padding:0 0 0 0px;
}

ul#secondary li{
	display:inline;
	width:150px;
	float:left;
	text-align:center;
	border-right:1px solid #FFF;	
}

ul#secondary li.last{
	width:157px;
	border:none;
}

ul#secondary li a{
	color:#FFFFFF;
	font-size:1.3em!important;
	padding:8px 0 6px 0;
	margin:0!important;
	color:#FFF;
	text-decoration:none;
	display:block;
	line-height:1.25em;
	font-weight:normal;
}

ul#secondary li a:hover,ul#secondary li a.active{
	background:#7f7e7d;
}

#enquiries {
	width:500px;
	position:relative;
}

label{
	width:10em;
	float:left;
	clear:left;
	padding:5px 0 0px 0;
	font-size:1.3em;
	color: #5c5c5c;
}

.error {
	color:#c70000;
	display:block;
	float:left;
	font-size:1.05em;
	margin:3px 0 3px 130px;
	width:29em;
	text-transform:uppercase;
}

input{
	width:20em;
	float:left;
	margin:0 0 5px 0;	
	font-size:1.3em;
	padding:4px 4px 3px 4px;
	color: #5c5c5c;
	border:1px solid #e2e2e2;
	font-family: Arial, Verdana, sans-serif;
 	letter-spacing:0.07em;
   	background:#f9f9f9;
}

textarea{
	width:265px;
	font-size:1.3em;
	color: #5c5c5c;
	padding:2px 2px 0 2px;	
	border:1px solid #e2e2e2;	
	font-family: Arial, Verdana, sans-serif;
 	letter-spacing:0.09em;
   	background:#f9f9f9;
}


#submit{
  clear:left;	
	float:left;
	margin:5px 0 0 0;
	position:relative;
	left:340px;
	width:58px;
	height:22px;
	background:#B1B5B6;
	color:#FFF;
	font-weight:bold;
	border:1px solid #979797;
}


#footer {
	clear:both;
	width: 811px;
	height:50px;
	font-size:1.1em;
}

#footer a{
	color: #5c5c5c;
	text-decoration:none;
}

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

#footer #jl{
	float:left;
}

#footer #copyright{
	float:right;
	margin:0 5px 0 0;
}

h1,h2,h3,h4{
	font-size:2.0em;
	color:#565554;
	margin:0 0 20px 0;
}

h2,h3,h4{
	font-size:1.5em;	
}

a:hover{
	text-deocation:underline!important;
}

.gray{
	color:#c2c2c2!important;
}

.number{
	font-size:1.5em;
	color:#FFF;
	text-decoration:none;
	margin:10px 0 0 10px;
	position:relative;
	top:105px;
	display:block;
	line-height:1.25em;
}

.box{
	background:#F9F9F9;
	width:225px;
	padding:0px;
	margin:0 0 10px 0!important;
}

.box h2{
	background:#e9e9e9;
	padding:10px;
	margin:0!important;
}

.box p{
	padding:5px 10px;
	margin:0!important;	
}

/* =======================================================
	Tools
=======================================================*/

#tools{position:absolute;
			top:40px;
			right:20px;
			width:70px;
			}

#tools a{text-decoration:none!important;}
#tools .print{position:absolute;left:0;top:0;}
#tools .plus{position:absolute;right:19px;top:0;}
#tools .minus{position:absolute;right:0;top:0px;}

