/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body {
background-color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size: small;
color:  #000000;
margin:0px 0px; 
padding:0px;
text-align:center;
}
#wrapper{
margin:0px auto;
width: 900px;
margin-top: 30px;
}
#header{
height: 95px;
background-image: url(../images/granite_stone_logo.jpg);
background-repeat: no-repeat;
background-position: top left;
}
#nav{
width: 700px;
float: right;
padding-top: 20px;
height: 44px;
}
#nav ul {
float: right;
list-style: none;		
}
#nav a {
	display: block;
	height: 24px;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-size: 90%;
}
.home{
width: 76px;
}
.products{
width: 102px;
}
.services{
width: 95px;
}
.bespoke{
width: 98px;
}
.contact{
width: 92px;
}
#nav li {
	float: left;
	padding: 0px;
	padding-left: 20px;
}
#nav li ul {
	position: absolute;
	left: -999px;
	height: auto;
	width: 120px;
	w\idth: 120px;
	padding-left: 0px;
	font-weight: normal;
	margin: 0px;
	border: 1px solid #a6a6a6;
}
#nav li li {
	background: #FFFFFF;
	background-image: none;
	padding-right: 0px;
	width: 100px;
	z-index: 2;
	
}
#nav li ul a {
	width: 120px;
	w\idth: 120px;
	height: 17px;
	text-align:left;
	padding-left: 0px;
	font-size: small;
}
#nav li ul ul {
	margin: -22px 0px 0px 140px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav ul li ul li:hover, #nav ul li ul li.sfhover {
	background-color: #a6a6a6;
	z-index: 2;
}
#nav ul li ul li a:hover, #nav ul li ul li a.sfhover{
color: #FFFFFF;
}
#mainwindow{
border: #a6a6a6 solid 1px;
padding: 10px;
margin-bottom: 25px;
}
#maininner{
border: #a6a6a6 solid 1px;
background-image: url(../images/home_tile.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
#productinner{
border: #a6a6a6 solid 1px;
background-image: url(../images/product_tile.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
#servicesinner{
border: #a6a6a6 solid 1px;
background-image: url(../images/services_tile.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
#contactinner{
border: #a6a6a6 solid 1px;
background-image: url(../images/contact_tile.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
#leftcol{
float: left;
width: 315px;
text-align: left;
padding-top: 25px;
padding-left: 30px;
padding-right: 40px;
background-image: url(../images/window_top_left.gif);
background-position: top left;
background-repeat: no-repeat;
}
#rightcol{
width: 460px;
float: left;
padding-right: 30px;
padding-top: 25px;
padding-bottom: 25px;
background-image: url(../images/bottom_right_shade.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
.pagetitle{
margin-bottom: 20px;
}
p{
margin-bottom: 20px;
text-align: left;
}
#mainimage{
width: 455px;
border: #a6a6a6 solid 1px;
margin-bottom: 25px;
}
#pricechecker{
width: 455px;
height: 180px;
border: #a6a6a6 solid 1px;
background-color: #FFFFFF;
}
#priceinner{
height: 148px;
border: #a6a6a6 solid 1px;
background-color: #FFFFFF;
background-image: url(../images/price_checker_back.jpg);
background-repeat: no-repeat;
background-position: right;
margin: 5px;
padding-left: 20px;
padding-top: 20px;
padding-right: 270px;
text-align: left;
}
.quotebox{
margin-bottom: 15px;
}
#maintainbox{
width: 190px;
height: 85px;
background-color: #f8f8f8;
margin-top: 45px;
padding: 15px;
}
a {
text-decoration: none;
color: #000000;
font-weight: bold;
}
a img{
border: none;
}
a:hover, a.sfhover{
text-decoration: underline;
}
.clearit{
clear: both;
}
#footer{
font-size: 90%;
border-top: solid 1px #a6a6a6;
padding-top: 10px;
}
#footer ul{
list-style: none;
float: left;
}
#footer ul li{
width: 250px;
float: left;
text-align: left;
}
.rightfooter{
text-align: right;
}
.rightfooter a{
font-weight: normal;
}
.rightfooter a:hover, .rightfooter a.sfhover{
font-weight: normal;
}
h1{
font-size: small;
font-weight: bold;
color: #000000;
text-align: left;
}
#productrow{
width: 455px;
}
#productitem{
width: 135px;
float: left;
margin-right: 23px;
padding-bottom: 25px;
}
#lastproductitem{
width: 135px;
float: left;
padding-bottom: 25px;
}
#productitem img, #lastproductitem img{
margin-bottom: 10px;
}
#blockfiller{
width: 455px;
height: 150px;
}
#installationfiller{
width: 455px;
height: 380px;
}
#productfiller{
width: 455px;
height: 550px;
}
#edgeitem{
width: 215px;
float: left;
margin-right: 25px;
}
#lastedgeitem{
width: 215px;
float: left;
}
#edgeitem img, #lastedgeitem img{
border: solid 1px #a6a6a6;
margin-bottom: 10px;
}
#formbox{
width: 455px;
border: #a6a6a6 solid 1px;
margin-bottom: 25px;
background-color: #FFFFFF;
}
#forminner{
width: 403px;
margin: 5px;
border: #a6a6a6 solid 1px;
padding: 20px;
text-align: left;
background-color: #FFFFFF;
}
.comp{
font-size: 11px;
text-align: right;
margin-bottom: 0px;
padding-right: 0px;
font-weight: bold;
}
.star{
color: #c8ac2d;
}
label{
text-align: left;
float:left;
font-weight: bold;
margin-bottom: 15px;
vertical-align: text-top;
}

input, textarea{
float: right;
width: 300px;
margin-bottom: 10px;
border: 1px solid #000000;
}

textarea{
width: 300px;
height: 150px;
margin-bottom: 5px;
}

.boxes{
width: 1em;
}
#formbuttons{
height: 20px;
width: 300px;
float:right;
}
#submitbutton{
font-family:Arial, Helvetica, sans-serif;
border-color: #000000;
height: 20px;
width: 80px;
margin-right: 5px;
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
font-size: small;
float: left;
}
#resetbutton{
font-family:Arial, Helvetica, sans-serif;
border-color: #000000;
height: 20px;
width: 80px;
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
font-size: small;
float: left;
}
#submitbutton:hover, submitbutton.sfhover{
border-color: #58595b;
height: 20px;
width: 80px;
margin-right: 5px;
background-color: #a6a6a6;
color:  #FFFFFF;
font-weight: bold;
font-size: small;
}
#resetbutton:hover, resetbutton.sfhover{
border-color: #58595b;
height: 20px;
width: 80px;
background-color: #a6a6a6;
color:  #FFFFFF;
font-weight: bold;
font-size: small;
}

br{
clear: left;
}
#mapbox{
width: 455px;
border: #a6a6a6 solid 1px;
margin-bottom: 25px;
background-color: #FFFFFF;
}
#mapinner{
width: 443px;
margin: 5px;
border: #a6a6a6 solid 1px;
text-align: left;
background-color: #FFFFFF;
}