@import url("reset.css");

body {background:url(../images/core/bg-pattern.jpg) center top;font:normal 62.5%/1.8em 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:#7aa9ff; text-decoration:none; }
a:hover { text-decoration:underline; }
 a img {border:5px solid #333; }
 a:hover img {border:5px solid #222; }
.left{float:left; padding-right:10px; }
.right{float:right; padding-left:10px; }
.clear { clear:both;}
iframe { margin-bottom:20px; width:580px; height:250px; 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; }
#content p { padding-bottom:20px; }

#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 80px; position:relative; z-index:50;}

#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#the-grandwood-way a {background:url(../images/navigation/grandwood-way.gif) no-repeat 0 0;width:215px;}
#navigation ul li#zorzi-homes a {background:url(../images/navigation/zorzi-builders.gif) no-repeat 0 0;width:172px;}
#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#the-grandwood-way 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; overflow:hidden; margin:0 10px;}

#logo {width:112px;margin:11px auto 0;}
body#home-page #logo {margin:6px auto;}

#slogan {height:41px;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; margin:0 auto;}
#contact-us {text-align:center;clear:both; padding-top:10px;}

/* TEXT STYLES */

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

/* CATEGORY SELECTION */
#categories { padding:30px; }
ul#thumbnails { text-align:center; padding-top:10px;}
ul#thumbnails li { float:left;width:170px;margin:0 10px 25px 0;display:block;font-size:1.4em;}
ul#thumbnails li a {text-decoration:none;color:#fff;}
ul#thumbnails li a img {display:block; margin:0 auto;}
										
#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}
	.gallery_demo li div{}
	
	#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; }

/* 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;}