/*========================
Cascading Style Sheets
for A&G Engineering

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
body {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	background:url(../images/layout/bg.gif) repeat-x;
	color:#3F3F3C;
}
h1 {
	margin:0;
	color:#0076BF;
	font:700 italic 25px Helvetica, Calibri, Arial, sans-serif;
	letter-spacing:-1px;
}
h2 {
	margin:10px 0;
	color:#0076bf;
	font-size:10px;
	font-weight:700;
}
h3 {
	margin:0;
	color:#3F3F3C;
	font-size:10px;
	font-weight:700;
}
h4 {
	margin:0;
}
h5 {
	margin:0;
}
h6 {
	margin:0;
}
a:link, a:visited {text-decoration:underline;color:#3F3F3C;}
a:hover {text-decoration:underline;color:#FF7400;}
a:active {}

::-moz-selection{background:#0076BF;color:#fff;}
::selection {background:#0076BF;color:#fff;}
code::-moz-selection {background: #0076BF;}
code::selection {background: #0076BF;}

ul, ol {margin:10px 0 10px 2px;padding:0;}
li {
	margin:0;
	padding:0 0 0 10px;
	line-height:19px;
	list-style:none;
	background:url(../images/layout/bg_bullet.gif) no-repeat 0 8px;
}
p {margin:10px 0;line-height:16px;}
a img {border:none;}

/*====Classes====*/
.hr {font-size:0;line-height:1px;height:1px;border-top:solid 1px #fff;}
.left {float:left;}
.right {float:right;}
.address {float:left;width:40%;margin:10px 0;height:120px;}

/*====Layout====*/

#outter-wrap {
	margin:0 auto;
	width:756px;
}
#header {
	overflow:hidden;
	position:relative;
	height:302px;
}
#header h1 {
	text-indent:-9999px;
	margin:0;
	background:url(../images/layout/logo_ag.png) no-repeat;
	float:left;
}
#header h1 a {display:block;width:195px;height:150px;}
#contentWrap {overflow:hidden;}
#sideBar {
	background:#CBCFCF url(../images/layout/shadow.gif) no-repeat -1px 0;
	float:left;
	width:194px;
	padding:6px 0;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
#sideBar img {display:block;margin:6px auto;}
#sideBar ul {padding:13px 22px 15px;background:#E5E6E5;border-top:solid 1px #fff;margin:11px 0 -6px;}
#sideBar li {background:none;border-bottom:solid 1px #999;padding:0;}
#sideBar li.heading {border:none;color:#0076bf;font-weight:700;}
#textWrap {
	background:#fff url(../images/layout/shadow.gif) no-repeat right top;
	padding:28px 20px 15px 30px;
	float:left;
	min-height:260px;
}
#text {width:511px;}

.feature #text {float:left;width:320px;padding-right:22px;}
.feature #feature {float:left;width:150px;padding-left:18px;border-left:solid 1px #E3E3E3;}
#home .feature #text {width:250px;}
#home .feature #feature {width:220px;}

#footer {text-align:center;font-size:10px;margin:15px 0;}
#footer a:link, #footer a:visited {color:#0076BF;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*====Navigation====*/
#nav {position:absolute;top:150px;left:0;width:195px;margin:0;padding:0;}
#nav li {list-style:none;margin:0;padding:0;}
#nav li a {
	display:block;
	background:url(../images/layout/nav.jpg) no-repeat;
	width:195px;
	height:21px;
	text-indent:-9999px;
}
#nav li a:hover {}

#nav .home a {height:24px;}
#nav .why a {background-position:0 -24px;}
#nav .about a {background-position:0 -45px;}
#nav .products a {background-position:0 -66px;}
#nav .services a {background-position:0 -87px;}
#nav .stainless a {background-position:0 -108px;}
#nav .contact a {height:23px;background-position:0 -129px;}

#nav .home a:hover {background-position:-195px 0;}
#nav .why a:hover {background-position:-195px -24px;}
#nav .about a:hover {background-position:-195px -45px;}
#nav .products a:hover {background-position:-195px -66px;}
#nav .services a:hover {background-position:-195px -87px;}
#nav .stainless a:hover {background-position:-195px -108px;}
#nav .contact a:hover {background-position:-195px -129px;}

/*====Headers====*/
#header .image {
	width:561px;
	height:268px;
	position:absolute;
	right:0;
	top:34px;
	background:url(../images/headers/home.jpg) no-repeat;
}
#why #header .image {background:url(../images/headers/why.jpg) no-repeat;}
#about #header .image {background:url(../images/headers/about.jpg) no-repeat;}
#products #header .image {background:url(../images/headers/products.jpg) no-repeat;}
#services #header .image {background:url(../images/headers/services.jpg) no-repeat;}
#stainless #header .image {background:url(../images/headers/stainless.jpg) no-repeat;}
#contact #header .image {background:url(../images/headers/contact.jpg) no-repeat;}
#terms #header .image {background:url(../images/headers/contact.jpg) no-repeat;}

/*====Product====*/
.product {border-top:solid 1px #D9D9D9;padding:10px 0 15px;overflow:hidden;}
.product img {float:right;padding:1px;border:solid 1px #D9D9D9;margin:0 0 5px;}
#stainless .product ul {float:left;width:180px;}