/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background: #b7b7b7 url('/assets/images/backgrounds/html-bg.gif') repeat-y top center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

h2, h3, h4, h5, h6 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
}

p {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
}

p.strong {
	color: #339933;
	font-weight: bold;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

form {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
	color: #333333;
	text-decoration: underline;
}

a:hover {
	color: #339933;
	text-decoration: underline;
}

img {
	border: none;
}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 80px 0;
}

.home {
	background: transparent url('/assets/images/heroes/home_hero.jpg') no-repeat top center;
}

.about {
	background: transparent url('/assets/images/heroes/home_hero.jpg') no-repeat top center;
}

.contact {
	background: transparent url('/assets/images/heroes/home_hero.jpg') no-repeat top center;
}

.fencing {
	background: transparent url('/assets/images/heroes/fencing_hero.jpg') no-repeat top center;
}

.gates {
	background: transparent url('/assets/images/heroes/gates_hero.jpg') no-repeat top center;
}

.railings {
	background: transparent url('/assets/images/heroes/railings_hero.jpg') no-repeat top center;
}

.commercial {
	background: transparent url('/assets/images/heroes/commercial_hero.jpg') no-repeat top center;
}

.public-sector {
	background: transparent url('/assets/images/heroes/public_hero.jpg') no-repeat top center;
}

.residential {
	background: transparent url('/assets/images/heroes/residential_hero.jpg') no-repeat top center;
}

.header {
	width: 740px;
	height: 110px;
	margin: 0 auto;
	background: #ffffff;
}

.header .logo {
	display: inline;
	float: left;
	width: 351px;
	height: 78px;
	margin: 15px 0 0 23px;
	background: #658B41 url('/assets/images/header/logo.gif') no-repeat top left;
	text-indent: -9000px;
}

.header .logo a {
	display: block;
	height: 78px;
}

.header ul.main-menu {
	display: inline;
	float: right;
	margin: 51px 15px 15px 0;
	overflow: hidden;
	background: #ffffff;
}

.header ul.main-menu li {
	float: left;
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 0 0 1px;
	font-size: 0.95em;
}

.header ul.main-menu li.first {
	margin: 0;
	padding: 0;
	border: none;
}

.header ul.main-menu li.selected a {
	color: #339933;
}

.header ul.main-menu li a {
	text-decoration: none;
}

.content {
	width: 740px;
	margin: 130px auto 0 auto;
	overflow: hidden;
	background: #ffffff;
}

.std-content {
	margin: 0 20px 0 20px;
}

.std-content ul {
	margin: 0;
}

.std-content ul li {
	margin: 1em 0 0 1em;
	padding: 0 0 0 0.5em;
	list-style: square;
}

.page-title {
	width: 520px;
	margin: 10px 0 0 0;
	padding: 10px 20px;
	color: #ffffff;
	border-color: #666666;
	border-style: solid;
	border-width: 0 0 10px 0;
}

.title-home {
	width: 700px;
	margin: 0;
	background: #99cc00;
	font-size: 1.1em;
}

.title-fencing {
	background: #ff7a25;
}

.title-gates {
	background: #23a7ee;
}

.title-railings {
	background: #ff3a3f;
}

.title-commercial {
	background: #99cc00;
}

.title-public-sector {
	background: #99cc00;
}

.title-residential {
	background: #99cc00;
}

.page-title h1 {
	font-size: 1.4em;
}

.page-title p {
	margin: 0.25em 0 0 0;
}

ul.tab-menu {
	width: 558px;
	overflow:hidden;
	background: #cdcdcd url('/assets/images/backgrounds/tab-menu-bg.jpg') repeat-x top left;
	border-color: #666666;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

ul.tab-menu li {
	float: left;
	padding: 5px 10px;
	font-size: 1.1em;
	border-color: #666666;
	border-style: solid;
	border-width: 0 1px 0 0;
}

ul.tab-menu li a {
	text-decoration: none;
}

ul.tab-menu li.selected {
	background: #666666;
}

ul.tab-menu li.selected a {
	color: #ffffff;
}

.tab {
	display :none;
}

.tab-selected {
	display: block;
}

.home-selection-container {
	width: 740px;
	overflow: hidden;
	background: transparent url('/assets/images/home/selection-bg-foot.jpg') no-repeat bottom left;
}

.home-selection {
	width: 740px;
	overflow: hidden;
	background: transparent url('/assets/images/home/selection-bg.jpg') no-repeat top left;
}

ul.home-selection-products, ul.home-selection-projects {
	display: inline;
	float: left;
	width: 150px;
	margin: 10px 0 0 10px;
	padding: 0 0 10px 0;
	overflow: hidden;
}

ul.home-selection-projects {
	margin: 10px 0 0 3px;
}

ul.home-selection-products li, ul.home-selection-projects li {
	float: left;
	width: 148px;
	padding: 0.25em 10px 0 10px;
	font-size: 1.1em;
}

ul.home-selection-products li.title, ul.home-selection-projects li.title {
	padding: 10px 10px 0 10px;
	font-weight: bold;
	color: #339933;
}

ul.home-selection-products li a, ul.home-selection-projects li a {
	text-decoration: none;
}

.home-selection-content {
	display: inline;
	float: left;
	width: 414px;
	margin: 10px 0 0 3px;
}

.home-selection-content #home-selection-2, 
.home-selection-content #home-selection-3, 
.home-selection-content #home-selection-4, 
.home-selection-content #home-selection-5, 
.home-selection-content #home-selection-6 {
	display: none;
}


.home-selection-content .image {
	display: inline;
	float: left;
	width: 185px;
	height: 160px;
	margin: 4px 0 4px 4px;
}

.home-selection-content .description {
	display: inline;
	float: left;
	width: 204px;
	padding: 10px;
}

.home-selection-content .description h2 {
	margin: 0;
	font-weight: normal;
	font-size: 1.1em;
	color: #339933;
}

.home-selection-content .description p {
	margin: 0.25em 0 0 0;
	font-size: 0.8em;
}

.information {
	width: 740px;
	padding: 0 20px 0 20px;
	overflow: hidden;
}

.information .info {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

.information .info h2 {
	color: #339933;
}

.information .info p {
	font-size: 0.8em;
}

.information p.email {
	float: left;
	width: 220px;
	margin: 1em 20px 0 0;
}

.information p.telephone {
	float: right;
	width: 170px;
	margin: 1em 0 0 0;
	color: #339933;
	font-weight: bold;
}

ul.page-menu {
	float: left;
	width: 170px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

ul.page-menu li {
	width: 130px;
	margin: 0.25em 0 0 0;
	padding: 0 20px;
	font-size: 1.1em;
}

ul.page-menu li.title {
	width: 110px;
	margin: 1em 0 0 0;
	padding: 1em 20px 0 20px;
	font-weight: bold;
	color: #339933;
	border-color: #999999;
	border-style: solid;
	border-width: 1px 0 0 0;
}

ul.page-menu li.top {
	margin: 0;
	padding: 0 20px;
	border: none;
}

ul.page-menu li.telephone {
	margin: 4em 0 0 0;
	color: #339933;
	font-size: 1em;
	font-weight: bold;
}

ul.page-menu li.email {
	font-size: 1em;
}

ul.page-menu li a {
	text-decoration: none;
}

ul.page-menu li.email a {
	text-decoration: underline;
}

ul.page-menu li.selected a {
	color: #339933;
}

.main-content {
	float: left;
	width: 560px;
	overflow: hidden;
}

.product-content {
	width: 558px;
	margin: 10px 0 0 0;
	overflow: hidden;
	background: #cccccc url('/assets/images/backgrounds/product-bg.jpg') no-repeat top left;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

.product-content .image {
	display: inline;
	float: left;
	width: 185px;
	margin: 3px 0 0 3px;
}

.product-content .image img {
	display: block;
	margin: 0 0 3px 0;
}

.product-content .description {
	display: inline;
	float: left;
	width: 350px;
	margin: 10px;
}

.product-content .description h2 {
	margin: 0;
	color: #339933;
}

.product-content .description p {
	margin: 0.25em 0 0 0;
	font-size: 0.8em;
}

.product-content .description p.spacer {
	margin: 2em 0 0 0;
}

.product-content .description p.link {
	margin: 1em 0 0 0;
	font-weight: bold;
}

p.copyright {
	clear: both;
	width: 700px;
	margin: 0 auto;
	padding: 5px 20px;
	color: #ffffff;
	background: #99cc00;
	border-color: #ffffff;
	border-style: solid;
	border-width: 20px 0 10px 0;
	font-size: 0.8em;
}

p.copyright-home {
	background: #99cc00;
}

p.copyright-fencing {
	background: #ff7a25;
}

p.copyright-gates {
	background: #23a7ee;
}

p.copyright-railings {
	background: #ff3a3f;
}

p.copyright-commercial {
	background: #99cc00;
}

p.copyright-public-sector {
	background: #99cc00;
}

p.copyright-residential {
	background: #99cc00;
}

p.copyright .sitemap {
	float: right;
}

p.copyright .sitemap a {
	color: #ffffff;
	text-decoration: underline;
}

p.copyright .sitemap a:hover {
	text-decoration: none;
}

.contact-details {
	float: left;
	width: 200px;
	margin: 0 0 0 20px;
}

.contact-map {
	float: left;
	width: 480px;
	height: 300px;
	margin: 20px 0 0 20px;
}

.sitemap {
	float: left;
	width: 330px;
	margin: 0 20px 0 0;
}