@import url("reset.css");

body {background:url(../images/core/bg-pattern.jpg) center top;font:normal 62.5%/2em georgia; }

h1, h2 { color:#dfd6cc; font-size:1.7em; border-bottom:1px solid #fffffb; margin-bottom:10px; padding-bottom:5px; }
h3 { color:#dfd6cc; font-size:1.4em; border-bottom:1px solid #8e8982; margin-bottom:10px; padding-bottom:2px; }
h4 { color:#dfd6cc; font-size:1.4em;margin-bottom:10px;}

a { color:#d7cab4; text-decoration:none; }
a:hover { text-decoration:underline; }
 a img {border:10px solid #333; }
 a:hover img {border-color:#222; }
.left{float:left; padding-right:10px; }
.right{float:right; padding-left:10px; }
iframe { margin-bottom:20px; width:580px; height:350px; border:2px solid #8e8982; }
.thickbox img { margin-bottom:30px; }
#navigation-background {background:url(../images/core/nav-bg.jpg) repeat-x center top;}
a.pdf { padding-left:20px; background:url(../images/icon-pdf.gif) no-repeat left top; }

span.contact-detail {padding:0 10px;}

#container {width:960px;margin:0 auto;}

#content {width:960px; }

#third {float:left;width:270px;padding:20px 10px 0 30px;}
#two-thirds {float:left;width:600px;padding:20px;}
#single-column { padding:30px; }

#footer { margin:20px; padding:20px 0; border-top:1px solid #fffffb;text-align:center;clear:both;}
	#footer ul {padding:0 0 10px;}
	#footer ul li { font-size:1.2em; padding:0 15px; display:inline;}
	#footer #webfirm-logo { border:none; padding:0; margin:0; }
	

/* NAVIGATION */

#navigation {height:43px; padding:0 0 10px 0; position:relative; z-index:50; margin:0 auto;}

#navigation ul li {position:relative; float:left;}
#navigation ul li a {display:block;height:43px;text-indent:-9999px;overflow:hidden; line-height:43px;  font-size:14px;}

#navigation ul li#home a {background:url(../images/navigation/home.gif) no-repeat 0 0;width:98px;}
#navigation ul li#photo-gallery a {background:url(../images/navigation/photo-gallery.gif) no-repeat 0 0;width:178px;}
#navigation ul li#history a {background:url(../images/navigation/history.gif) no-repeat 0 0;width:121px;}
#navigation ul li#the-zorzi-way a {background:url(../images/navigation/the-zorzi-way.gif) no-repeat 0 0;width:171px;}
#navigation ul li#grandwood-homes a {background:url(../images/navigation/grandwood-homes.gif) no-repeat 0 0;width:218px;}
#navigation ul li#contact a {background:url(../images/navigation/contact.gif) no-repeat 0 0;width:127px;}

#navigation ul li a:hover {background-position:0 -43px!important; text-decoration:none;}

body#home-page #navigation ul li#home a, body#photo-page #navigation ul li#photo-gallery a, 
body#history-page #navigation ul li#history a, body#zorzi-page #navigation ul li#the-zorzi-way a,
body#grandwood-page #navigation ul li#grandwood-homes a,
body#contact-page #navigation ul li#contact a {background-position:0 -86px!important;}

/* Tier 2 & 3 */
#navigation li ul { position:absolute; width:200px; top:43px; left:0; display:none;}
#navigation li ul li { display:block; position:relative!important;  }
#navigation li ul a { text-indent:10px; background:#222!important;height:25px;font-size:1.2em;line-height:1.9em;width:200px;border-bottom:1px solid #333;}
#navigation li ul ul { width:200px; top:0; left:100%; display:none;}
#navigation li ul a:hover {background:#2a2a2a!important; color:#fff;}



#banner {width:940px;height:457px; margin:0 10px; overflow:hidden;}

#logo {width:112px;margin:11px auto 0;}
#slogan {height:41px;margin:15px auto 0;border-top:1px solid #fff;border-bottom:1px solid #fff;width:573px;background:url(../images/content/intro-text.gif) no-repeat 0 15px;text-indent:-999px;overflow:hidden;}
#contact-us {text-align:center; padding-top:10px; clear:both;}
#contact-us p {padding-bottom:0;}


/* TEXT STYLES */

p {font-size:1.2em;color:#fffefa;padding-bottom:20px;}


/* CATEGORY SELECTION */
#categories { padding:30px; }
ul#thumbnails { text-align:center; padding-top:10px; clear:both;}
ul#thumbnails li { float:left;width:170px; height:140px;margin:0 10px 25px 0;display:block;font-size:1.4em;}
ul#thumbnails li a {text-decoration:none;}
ul#thumbnails li a:hover {color:#fff;}
ul#thumbnails li a img {display:block; margin:0 auto; border:5px solid #333;}

#gallery-photos {width:270px;float:right;margin:0 0 20px 20px;}

ul.pagination li {display:inline;}
ul.pagination li a {display:block;padding:5px;background:#333;width:10px;text-align:center;float:left;margin:0 5px 0 0;}
ul.pagination li a:hover {background:#222;}

/* PHOTO GALLERY */
	.caption{ font-size:1.4em; color:#887; position:absolute; bottom:15px; left:10px;}
	.demo{position:relative; padding:10px; text-align:center;}
	#demo-information { float:left; width:260px; height:700px; padding-right:20px; text-align:left; }
		#demo-information p { padding-bottom:10px; }
	.gallery_demo{ width:620px; display:block; float:left; text-align:center; }
	.gallery_demo li{width:100px; height:66px; background:#000; padding:3px; margin:0 18px 18px 0; float:left; cursor:pointer}
	
	#main_image{width:600px; height:430px;  float:left; padding:10px; text-align:center;  background:#000; position:relative;}
	#main_image img{ }
	
	.nav{width:620px; display:block; float:left; padding: 20px 0;}
	.nav a { color:#eee; padding:0 100px; text-decoration:none; }
	.nav a:hover { text-decoration:underline; }



#photos {float:right;width:220px;margin:0 0 0 20px;}



/* CONTACT DETAILS */

#third dl { color:#fff; font-size:1.2em; padding-bottom:20px;}
#third dl dd { padding-bottom:4px;float:left;width:180px;display:block;}
#third dl dt { padding-bottom:4px;float:left;width:80px;display:block;}
#footer #copy {text-align:center; font-size:9px;}