/*  
Theme Name: Hayward Construction
Theme URI: http://www.haywardconstruction.co.za
Description: Theme for Hayward Construction
Version: 1.0
Author: Innate Advertising
Author URI: http://www.innate.co.za
*/

@charset "utf-8";
/* CSS Document */

.alignright {
float:right;
margin:0px;
}

.alignleft {
float:left;
margin:0px;
}

body {
	background-color: #E0D3B3;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #6E5C38;
	margin: 0px;
	padding: 0px;
	background-image: url(images/hayward_bg.gif);
	background-repeat: repeat-x;
}

.container {
width:900px;
margin-left:auto;
margin-right:auto;
}

.sidebar {
	width:250px;
	float:left;
	background-image: url(images/hayward_sidebar.jpg);
	background-repeat: no-repeat;
	text-align:center;
}

.up {
	z-index:250;
	position: absolute;
	visibility: visible;
	width:200px;
}

.column {
text-align:left;
float:left;
width:220px;
padding-left:15px;
}

.sidebar h2 {
display:block;
margin-top:20px;
margin-bottom:10px;
width:100%;
float:left;
padding-top:5px;
padding-bottom:5px;
font-family: "Trebuchet MS";
	font-size: 10pt;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

.block {
float:left;
display:block;
background-color:#F1EBDC;
color:#6E5C38;
}

.recent {
float:left;
display:block;
background-color:#6E5C38;
color:#FFFFFF;
}

.ngg-widget img {
margin:5px;
padding:4px;
border:#6E5C38 1px solid;
background:#FFFFFF;
}

.sidebar ul {
margin:0px;
padding:0px;
font-size: 10pt;
}

.sidebar ul img {
width:80px;
height:80px;
margin-right:5px;
padding:4px;
border:#6E5C38 1px solid;
background:#FFFFFF;
}

.sidebar a {
color:#6E5C38;
}

.sidebar a:hover {
color:#ffffff;
}

.page {
width:650px;
float:right;
}

.top {
height:77px;
}

.nav {
	float:left;
	width: 650px;
	font-family: "Trebuchet MS";
	font-size: 10pt;
	text-transform:uppercase;
	font-weight:bold;
	color: #fff;
	padding-left:30px;
}

.content {
float:left;
padding:40px;
font-size:10pt;
text-align:left;
}

.content a {
color:#6E5C38;
}

.content a:hover {
color:#ffffff;
}

.content_rotate {
float:left;
padding-top:40px;
padding-bottom:0px;
padding-left:40px;
padding-right:40px;
font-size:10pt;
text-align:left;
}

.content_rotate img {
margin:0px;
}

#mainimg {height:300px;width:560px; margin:0px; }
#mainimg img {position:absolute;display:none;padding:4px;border:#6E5C38 1px solid;background:#FFFFFF;}

.category_cont {
float:left;
margin:0px;
}

.category_cont img {
width:80px;
height:80px;
margin-right:5px;
padding:4px;
border:#6E5C38 1px solid;
background:#FFFFFF;
}

.footer {
width:100%;
float:left;
padding-left:40px;
font-size:8pt;
text-align:left;
color:#6E5C38;
}

.footer a {
color:#6E5C38;
}

.footer a:hover {
color:#ffffff;
}

.push { width:100%; height:1px; clear:both; }

.bottomFrame {
height:1000px;
}

.map {
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #663300;
	border-right-color: #663300;
	border-bottom-color: #663300;
	border-left-color: #663300;
}