/* RESET */







*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }







table { border-collapse:collapse; border-spacing:0 }







fieldset, img { border:0 }







address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }







ol, ul, li { list-style:none }







caption, th { text-align:left }







h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }







q:before, q:after { content:''}















/* The below restores some sensible defaults */







strong { font-weight: bold }







em { font-style: italic }







a img { border:none } /* Gets rid of IE's blue borders */















/* Wordpress LAYOUT Elements*/







.aligncenter { display:block; margin:0 auto }







.alignleft { float:left }







.alignright { float:right }







.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }







.clear {clear:both;}















/* Useful Styles */







br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */







div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */























/* Structure */







body {







	font:14px Georgia, "Times New Roman", Times, serif;







	color: #FFF;







	background: url(http://www.granitehomes.ca/images/backgroundrepeat.jpg) center top;







}







#wrapper {







	margin: auto;







	width: 100%;







	position: relative;







	left: 0px;







	top: 0px;	







}







#header {background:url(http://www.granitehomes.ca/images/headergradient.jpg) repeat-x; width:100%; overflow:hidden;}







#content {width:800px; margin: 0 auto; border: 10px #f7d83c solid; background:#7e8960; overflow:auto; overflow-x:hidden; padding: 0 0 20px 0;}







.one-column {width:250px; padding: 0 0 0 10px;}







.two-column {width:380px; padding: 0 0 0 10px;}







.three-column {width:564px; padding: 0 0 0 10px;}







.thirds-column {width:245px; padding: 0 0 0 20px;}







.fullspan {width:800px;}







.testimonial {







	position:absolute;







	width:280px;







	height:115px;







	left: 493px;







	top: 445px;







}







.testimonial2 {







	background:url(http://www.granitehomes.ca/images/testimonial2_img.jpg) repeat-x;







	width:201px;







	height:395px;







}







#heading {padding: 0 0 5px 10px;}







#backarrow {







	position:absolute;







	left:860px;







	top:171px;







	z-index:20;







}







.pad {padding: 0 0 0 10px;}







.pad2 {padding: 0 0 0 15px;}







.padleft {padding: 0 0 0 10px;}







.padtop {padding: 10px 0 0 0;}







.padbtm {padding: 0 0 10px 0;}





.padbtm2 {

	padding: 0 0 10px 0;

	color: #f7d83c;

	font-weight: bold;

}





.testtext {width:150px; height:170px; padding:100px 0 0 30px;}







.fullspan h3 {padding: 10px 0 0 0;}







.fullspan h4 {padding: 10px 0 0 0;}







.features h2 {padding: 10px 0 0 0;} 







.features li {list-style: circle;}







.features {width:564px; padding: 0 0 0 20px;}















/* Navigation */







#nav {width:820px; height:42px; margin: 0 auto;}















.nav {







    width: 820px;







    height: 42px;







    background: url(http://www.granitehomes.ca/images/newnav/NavBack.jpg) no-repeat;







    position: relative;







}















.nav li a:link, .nav li a:visited {







    position: absolute;







    top: 0;







    height: 42px;







	display: block;







    text-indent: -9000px;







    overflow: hidden;







}







    .nav .home a:link, .nav .home a:visited { left: 0px; width: 108px;}







    .nav .home a:hover, .nav .home a:focus { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_07.jpg) no-repeat;}







    .nav .home a:active { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_01.jpg) no-repeat;}















    .nav .builder a:link, .nav .builder a:visited { left: 108px; width: 112px;} /* Left = previous width + 1 */







    .nav .builder a:hover, .nav .builder a:focus { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_08.jpg);}







    .nav .builder a:active { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_02.jpg) no-repeat;}















    .nav .comms a:link, .nav .comms a:visited { left: 220px; width: 173px;}







    .nav .comms a:hover, .nav .comms a:focus { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_09.jpg) no-repeat;}







    .nav .comms a:active { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_03.jpg) no-repeat;}















    .nav .inventory a:link, .nav .inventory a:visited { left: 393px; width: 204px;}	







    .nav .inventory a:hover, .nav .inventory a:focus { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_10.jpg) no-repeat;}







    .nav .inventory a:active { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_04.jpg) no-repeat;}















    .nav .gallery a:link, .nav .gallery a:visited { left: 597px; width: 106px;}	







    .nav .gallery a:hover, .nav .gallery a:focus { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_11.jpg) no-repeat;}







    .nav .gallery a:active { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_05.jpg) no-repeat;}
















    .nav .contact a:link, .nav .contact a:visited { left: 703px; width: 117px;}	







    .nav .contact a:hover, .nav .contact a:focus { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_12.jpg) no-repeat;}







    .nav .contact a:active { background: url(http://www.granitehomes.ca/images/newnav/NavSprite_06.jpg) no-repeat;}















/* Selected Section */







       .current-home .home a:link, .current-home .home a:visited {







		left: 0px; width: 108px; background: url(http://www.granitehomes.ca/images/newnav/NavSprite_07.jpg) no-repeat; cursor: default;







	}







  	    .current-builder .builder a:link, .current-builder .builder a:visited {







		left: 108px; width: 112px; background: url(http://www.granitehomes.ca/images/newnav/NavSprite_08.jpg) no-repeat; cursor: default;







	}







        .current-comms .comms a:link, .current-comms .comms a:visited {







		left: 220px; width: 173px; background: url(http://www.granitehomes.ca/images/newnav/NavSprite_09.jpg) no-repeat; cursor: default;







	}







        .current-inventory .inventory a:link, .current-inventory .inventory a:visited {







		left: 393px; width: 204px; background: url(http://www.granitehomes.ca/images/newnav/NavSprite_10.jpg) no-repeat; cursor: default;







	}	







        .current-gallery .gallery a:link, .current-gallery .gallery a:visited {







		left: 597px; width: 106px; background: url(http://www.granitehomes.ca/images/newnav/NavSprite_11.jpg) no-repeat; cursor: default;







	} 	







        .current-contact .contact a:link, .current-contact .contact a:visited {







		left: 703px; width: 117px; background: url(http://www.granitehomes.ca/images/newnav/NavSprite_12.jpg) no-repeat; cursor: default;







	}








	







/* Footer */







.footer {







	position: relative;







	margin-top: -150px; /* negative value of footer height */







	background: #000 url(http://www.granitehomes.ca/images/headergradientbtm.jpg) repeat-x;







	border-top: 1px #222122 solid;







	height: 150px; 







	width: 100%;







	clear:both;







	z-index:10;







	margin: 0 auto;}







	







.footer-inside {width: 820px; margin:0 auto; text-align:center; padding: 10px 0 0 0;}















/* Home Design Selection */







.homedesign {







    width: 800px;







    height: 429px; /*Half the Total Sprite Image*/







    background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat;







    position: relative;







}















.homedesign li a:link, .homedesign li a:visited {







    position: absolute;







    top: 0;







    height: 429px; /*Half the Total Sprite Image*/







	display: block;







    text-indent: -9000px;







    overflow: hidden;







}







.homedesign .napa a:link, .homedesign .napa a:visited { left: 0px; width: 210px;}







.homedesign .napa a:hover, .homedesign .napa a:focus { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -0px -429px;}







.homedesign .napa a:active { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -0px 0px;}















.homedesign .kelowna a:link, .homedesign .kelowna a:visited { left: 211px; width: 200px;} /* Left = previous width + 1 */







.homedesign .kelowna a:hover, .homedesign .kelowna a:focus { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -211px -429px;}







.homedesign .kelowna a:active { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat 211px -85px;}















.homedesign .okan a:link, .homedesign .okan a:visited { left: 412px; width: 199px;}







.homedesign .okan a:hover, .homedesign .okan a:focus { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -412px -429px;}







.homedesign .okan a:active { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat 412px -85px;}







	







.homedesign .sonoma a:link, .homedesign .sonoma a:visited { left: 612px; width: 191px;}	







.homedesign .sonoma a:hover, .homedesign .sonoma a:focus { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -612px -429px;}







.homedesign .sonoma a:active { background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat 612px -85px;}







	







	/* Selected Section */







.current-napa .napa a:link, .current-napa .napa a:visited {







left: 0px; width: 210px; background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -0px -429px; cursor: default;







	}







.current-kelowna .kelowna a:link, .current-kelowna .kelowna a:visited {







left: 211px; width: 200px; background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -211px -429px; cursor: default;







	}







.current-okan .okan a:link, .current-okan .okan a:visited {







left: 412px; width: 199px; background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -412px -429px; cursor: default;







	}







.current-sonoma .sonoma a:link, .current-sonoma .sonoma a:visited {







left: 612px; width: 191px; background: url(http://www.granitehomes.ca/images/HomeDesign_sprite.jpg) no-repeat -612px -429px; cursor: default;







	}















/* Morning Semi Selection */







.mcdesign {







    width: 800px;







    height: 340px; /*Half the Total Sprite Image*/







    background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat;







    position: relative;







}















.mcdesign li a:link, .mcdesign li a:visited {







    position: absolute;







    top: 0;







    height: 340px; /*Half the Total Sprite Image*/







	display: block;







    text-indent: -9000px;







    overflow: hidden;







}







.mcdesign .napa a:link, .mcdesign .napa a:visited { left: 0px; width: 210px;}







.mcdesign .napa a:hover, .mcdesign .napa a:focus { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -0px -340px;}







.mcdesign .napa a:active { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -0px 0px;}















.mcdesign .kelowna a:link, .mcdesign .kelowna a:visited { left: 211px; width: 200px;} /* Left = previous width + 1 */







.mcdesign .kelowna a:hover, .mcdesign .kelowna a:focus { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -211px -340px;}







.mcdesign .kelowna a:active { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat 211px -85px;}















.mcdesign .okan a:link, .mcdesign .okan a:visited { left: 412px; width: 199px;}







.mcdesign .okan a:hover, .mcdesign .okan a:focus { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -412px -340px;}







.mcdesign .okan a:active { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat 412px -85px;}







	







.mcdesign .sonoma a:link, .mcdesign .sonoma a:visited { left: 612px; width: 191px;}	







.mcdesign .sonoma a:hover, .mcdesign .sonoma a:focus { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -612px -340px;}







.mcdesign .sonoma a:active { background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat 612px -85px;}







	







	/* Selected Section */







.current-napa .napa a:link, .current-napa .napa a:visited {







left: 0px; width: 210px; background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -0px -340px; cursor: default;







	}







.current-kelowna .kelowna a:link, .current-kelowna .kelowna a:visited {







left: 211px; width: 200px; background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -211px -340px; cursor: default;







	}







.current-okan .okan a:link, .current-okan .okan a:visited {







left: 412px; width: 199px; background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -412px -340px; cursor: default;







	}







.current-sonoma .sonoma a:link, .current-sonoma .sonoma a:visited {







left: 612px; width: 191px; background: url(http://www.granitehomes.ca/images/Morning_sprite.jpg) no-repeat -612px -340px; cursor: default;







	}















/* Semi Design Selection */







.semidesign {







    width: 800px;







    height: 192px; /*Half the Total Sprite Image*/







    background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat;







    position: relative;







}















.semidesign li a:link, .semidesign li a:visited {







    position: absolute;







    top: 0;







    height: 192px; /*Half the Total Sprite Image*/







	display: block;







    text-indent: -9000px;







    overflow: hidden;







}







.semidesign .mag a:link, .semidesign .mag a:visited { left: 0px; width: 277px;}







.semidesign .mag a:hover, .semidesign .mag a:focus { background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -0px -192px;}







.semidesign .mag a:active { background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -0px 0px;}















.semidesign .jun a:link, .semidesign .jun a:visited { left: 278px; width: 264px;} /* Left = previous width + 1 */







.semidesign .jun a:hover, .semidesign .jun a:focus { background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -278px -192px;}







.semidesign .jun a:active { background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat 278px -85px;}















.semidesign .eld a:link, .semidesign .eld a:visited { left: 542px; width: 259px;}







.semidesign .eld a:hover, .semidesign .eld a:focus { background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -542px -192px;}







.semidesign .eld a:active { background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat 542px -85px;}







	







	/* Selected Section */







.current-mag .mag a:link, .current-mag .mag a:visited {







left: 0px; width: 277px; background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -0px -192px; cursor: default;







	}







.current-jun .jun a:link, .current-jun .jun a:visited {







left: 278px; width: 264px; background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -278px -192px; cursor: default;







	}







.current-eld .eld a:link, .current-eld .eld a:visited {







left: 542px; width: 259px; background: url(http://www.granitehomes.ca/images/SpriteSemis.jpg) no-repeat -542px -192px; cursor: default;







	}















.selection {







    width: 380px;







    height: 138px; /*Half the Total Sprite Image*/







    background: url(http://www.granitehomes.ca/images/pictureselect_img.jpg) no-repeat;







    position: relative;







}















.selection li a:link, .selection li a:visited {







    position: absolute;







    top: 0;







    height: 138px; /*Half the Total Sprite Image*/







	display: block;







    text-indent: -9000px;







    overflow: hidden;







}















.selection .napa2 a:link, .selection .napa2 a:visited { left: 0px; width: 95px;}







.selection .kelowna2 a:link, .selection .kelowna2 a:visited { left:95px; width: 95px;}







.selection .okan2 a:link, .selection .okan2 a:visited { left: 190px; width: 95px;}







.selection .sonoma2 a:link, .selection .sonoma2 a:visited { left: 285px; width: 95px;}















/* Typography */







a { color:#f7d83c; text-decoration: underline; }







a:hover { color:#f7d83c; text-decoration: none; }















h1 { font-size:24px; color:#FFF;}







h2 { font-size:22px; color:#f7d83c;}







h3 { font-size:19px; color:#FFF;}







h4 { font-size:14px; color:#f7d83c;}







h5 { font-size:13px; color:#FFFEFE;}







h6 { font-size:13px; color:#7b7b7b;}















blockquote { font-size:12px;}







.para p {padding: 0 0 10px 0;}







.para h2 {padding: 0 0 10px 0;}







.para h3 {padding: 0 0 10px 0;}







.HL {color:#f7d83c;}







.req {color:#FF0033; font-size:14px;}















.privacy a {font-size:19x}