/* CSS Document */
* {margin: 0px; padding: 0px;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear:both;
visibility:hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {
	display:block;
}


body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	text-align: center;
}

div#mainwrap {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height: auto;
}

div#logoheader
{
	background-image:url(images/Granite-Design-Works-hm3_01.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	height: 97px;
	background-color: #000000;
	float: none;
	width: 750px;
}

div#column1 {

	width:149px;
	margin-left:auto;
	margin-right:auto;
	height: 706px;
	float: left;
	background-attachment: scroll;
	background-image: url(images/Granite-Design-Works-hm1_07.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}

div#column2 {
	width:440px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	float: left;
}
div#column2for2colpg {
	width:589px;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	float: left;
	padding-top: 17px;
}

div#column3 {
	width:149px;
	margin-left:auto;
	margin-right:auto;
	height: 706px;
	float: left;
	background-attachment: scroll;
	background-image: url(images/Granite-Design-Works-hm2_06.jpg);
	background-repeat: no-repeat;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}

div#footer
{
	float:left;
	width:750px;
	background-color:#000000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9F1B6F;
	border-right-color: #9F1B6F;
	border-bottom-color: #9F1B6F;
	border-left-color: #9F1B6F;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}

h1          {
	color: #936;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	line-height: 14px;
	padding-bottom: 8px;
	letter-spacing: 0.1em;
	word-spacing: .1em;
	white-space: normal;
	padding-right: 10px;
	padding-left: 10px;
}
p  { color: #C1C5B1; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	line-height: 16px;
	padding-bottom: 16px;
	letter-spacing: 0.1em;
	word-spacing: .1em;
	white-space: normal;
	padding-right: 10px;
	padding-left: 10px;
}
p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: normal;
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-width: 1px;
	color: #ACB095;
	font-weight: bold;
}
p a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:olive;
	font-size: 11px;
	white-space: normal;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	color: #ACB095;
}
p a:vlink    { color: #930 }

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	padding-bottom: 16px;
	color: #936;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	white-space: normal;
	padding-right: 12px;
	padding-left: 8px;
	text-align: center;
}

.footertext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	white-space: normal;
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-width: 1px;
	color: #ACB095;
	font-weight: bold;
}

.footertext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:olive;
	font-size: 9px;
	white-space: normal;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	color: #ACB095;
}

.footertext a:vlink    { color: #930 }

.footertextwhite {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	padding-bottom: 16px;
	color: #C1C5B1;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	white-space: normal;
	padding-right: 12px;
	padding-left: 8px;
	text-align: center;
}

.menu1, .menu2, .menu3, .menu4 {
	margin: 0px;
	padding: 0px;
	height: 322px; /*was 308*/
	width: 161px;
	background-color: #000000;
	background-position: center;
	text-align: left;
	float: left;
    }
    .menu1 ul, .menu2 ul, .menu3 ul, .menu4 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
	  float: left;
	  height: 44px;
    }
   .menu1 li, .menu2 li, .menu3 li, .menu4 li {
      margin: 0;
      padding: 0;
      float: left;
	  height: 44px;
	  /*width: 102px;*/
    }/*makes it horizontal because markup is li */
	
    .menu4 a {
	display: block;
	width: 100%;
	font: bold 1pt verdana, sans-serif;
	color:#000000;
	text-decoration: none;
	height: 44px;
	float: left;
    }

.menu4 li#menuhome a {
	  background: #ff9 none;
	  height: 44px;
	  width:161px;
	  background:  url("images/menu2_01.gif") 0px 0px no-repeat #000;
}
.menu4 li#menuhome a:hover {
	height: 44px;
	width:161px;
	background:  url("images/menu2_01.gif") 0px -47px no-repeat #000;
	color: #000000;
}

.menu4 li#menukitchens a {
	  height: 44px;
	  width:161px;
	  background:  url("images/menu2_02.gif") 0px 0px no-repeat #000;
}
.menu4 li#menukitchens a:hover {
	height: 44px;
	width:161px;
	background:  url("images/menu2_02.gif") 0px -47px no-repeat #000;
	color: #000000;
}

.menu4 li#menuinteriors a {
background: #ff9 none;
	  height: 44px;
	  width:161px;
background:  url("images/menu2_03.gif") 0px 0px no-repeat #000;
}
.menu4 li#menuinteriors a:hover {
	background: #ff9 none;
	height: 44px;
	width:161px;
	background:  url("images/menu2_03.gif") 0px -47px no-repeat #000;
	color: #000000;
}

.menu4 li#menucommercial a {
background: #ff9 none;
	  height: 44px;
	  width:161px;
background:  url("images/menu2_04.gif") 0px 0px no-repeat #000;
}
.menu4 li#menucommercial a:hover {
	background: #ff9 none;
	height: 44px;
	width:161px;
	background:  url("images/menu2_04.gif") 0px -47px no-repeat #000;
	color: #000000;
}

.menu4 li#menucustom a {
background: #ff9 none;
	  height: 44px;
	  width:161px;
background:  url("images/menu2_05.gif") 0px 0px no-repeat #000;
}
.menu4 li#menucustom a:hover {
	background: #ff9 none;
	height: 44px;
	width:161px;
	background:  url("images/menu2_05.gif") 0px -47px no-repeat #000;
	color: #000000;
}

.menu4 li#menucolours a {
background: #ff9 none;
	  height: 44px;
	  width:161px;
background:  url("images/menu2_06.gif") 0px 0px no-repeat #000;
}
.menu4 li#menucolours a:hover {
	background: #ff9 none;
	height: 44px;
	width:161px;
	background:  url("images/menu2_06.gif") 0px -47px no-repeat #000;
	color: #000000;
}

.menu4 li#menuenquiries a {
background: #ff9 none;
	  height: 44px;
	  width:161px;
background:  url("images/menu2_07.gif") 0px 0px no-repeat #000;
}
.menu4 li#menuenquiries a:hover {
	background: #ff9 none;
	height: 44px;
	width:161px;
	background:  url("images/menu2_07.gif") 0px -47px no-repeat #000;
	color: #000000;
}