/* - - - - - - - - - - - - - - - - - - - - -

Title :    Tuscany on the Lake
URL :      http://tuscanyonthelake.com

Created :  08.15.2008
Modified : 08.19.2008

- - - - - - - - - - - - - - - - - - - - - */

/*
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

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

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}



/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-size: 66%;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	background: #c05c16;
	color: #5e4128;
}

html>body { font-size: 11.7px; }

#mainContent p {
	margin-bottom: 2em;
	padding-right: 66px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

#mainContent strong {
	font-weight: bold;
}

#mainContent ul {
	margin-bottom: 2em;
	padding-right: 264px;
}

#mainContent ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	line-height: 1.6em;
	list-style: disc;
}

#mainContent small { font-size: 0.9em;}


/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */

h2  {
	margin: 2em 0 1em 0;
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	color: #ad4200;
}

h2 span {
	color: #5e4128;
}

h3 {
	margin-bottom: 0.5em;
	font-size: 1.8em;
	font-weight: normal;
	font-variant:small-caps;
	letter-spacing: 0.12em;
}

h4 {
	margin-bottom: 0.9em;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}



/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color: #ad4200;
	text-decoration: underline;
}

a:visited {
	color: #ad4200;
	text-decoration: underline;
}

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

a:active {
	color: #666;
	text-decoration: none;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide { display: none; }

.clear { clear:both; }

#wrap1 {
	margin: 0 auto;
	padding: 0 18px;
	width: 962px;
	text-align: left;
	background: #c05c16 url(../images/bg_body.jpg) center center repeat-y;
}

#masthead {
	padding-top: 227px;
	background: url(../images/bg_header.jpg) top center no-repeat;
}

#globalNav {
	width: 962px;
	height: 44px;
	background:  url(../images/nav_bg.jpg) 0 0 no-repeat;
}

#title {
	float: left;
	width: 266px;
	background: url(../images/bg_lake.jpg) 22px 159px no-repeat;
}

h1#logo {
	text-indent: -9999em;
	overflow: hidden;
	width: 266px;
	height: 159px;
	background: url(../images/tuscany_on_the_lake.jpg) 0 0 no-repeat;
}

div#videoLink a {
	text-indent: -9999em;
	overflow: hidden;
	height: 120px;
	display: block;
}
	
p#slogan {
	margin: 180px 0 20px 22px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 2em;
}

p#slogan strong {
	font-size: 1.6em;
	font-weight: normal;
	color: #c05c16;
}

#mainContent {
	float: right;
	width: 630px;
	padding: 0 0 0 66px;
	background: url(../images/bg_content_page.jpg) top right no-repeat;
}

#homePage #mainContent {
	background: url(../images/bg_content_home.jpg) top right no-repeat;
}

#condoPage #mainContent {
	background: url(../images/bg_content_condo.jpg) top right no-repeat;
}

#footer {
	clear: both;
}

p#copyright {
	display: block;
	width: 962px;
	margin-bottom: 0;
	padding: 8px 0;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background: #583a20;
	color: #eee;
	text-align: center;
}

p#copyright a {
	padding-left: 4px;
	color: #f6b749;
	text-decoration: none;
}

/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* Global Navigation */
ul#navlist {
	float:right;
	width:789px;
	height:34px;
	margin-top:5px;
}

ul#navlist li {
	display:inline;
	list-style:none;
}

ul#navlist li a {
	margin:0;
	padding:0;
	float:left;
	display:block;
	height:34px;
	text-indent:-9999em;
	overflow:hidden;
	text-decoration:none;
	background-image: url(../images/nav_sprite.jpg);
}

/* home */
ul#navlist li a#home {width: 123px;	background-position: 0 0;}
ul#navlist li a#home:hover, ul#navlist li#active a#home {
background-position: 0 -34px;
}
/* condo */
ul#navlist li a#condo {width: 207px; background-position: -123px 0;}
ul#navlist li a#condo:hover, ul#navlist li#active a#condo {
background-position: -123px -34px;
}
/* floorplans */
ul#navlist li a#floorplans {width: 157px; background-position: -330px 0;}
ul#navlist li a#floorplans:hover, ul#navlist li#active a#floorplans {
background-position: -330px -34px;
}
/* clubhouse */
ul#navlist li a#clubhouse {width: 144px; background-position: -487px 0;}
ul#navlist li a#clubhouse:hover, ul#navlist li#active a#clubhouse {
background-position: -487px -34px;
}
/* contact */
ul#navlist li a#contact {width: 158px; background-position: -631px 0;}
ul#navlist li a#contact:hover, ul#navlist li#active a#contact {
background-position: -631px -34px;
}


/* Footer Navigation */

ul#footlist {
	text-align: center;
	padding: 24px 0 8px 0;
	margin: 0;
	width: 100%;
}

ul#footlist li {
	display: inline;	
}

ul#footlist li a {
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 0 1em;
	background: url(../images/nav_dot.gif) center right no-repeat;
	color: #4d2a05;
}

ul#footlist li.contact a {
	padding: 0 0 0 1em;
	background: none;
}

ul#footlist li a:hover {
	text-decoration: none;
}



/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
/* Floorplans Page */

.floorPlan {
	float: left;
}


/* Club House Page */
#clubhousePage #mainContent ul {
	background: url(../images/club_house.gif) top right no-repeat;
	height: 425px;
}


/* Contact Page */

.vcard {
	float: left;
	width: 280px;
	margin-right: 10px;
	margin-bottom: 40px;
	
}

.top {
	padding-bottom: 40px;
	background: url(../images/contact_divider.gif) bottom right no-repeat;
}

h3.fn {
	margin-bottom: 0.2em;
	color: #ad4200;
}

.vcard div,
 h4.title,
  h3.fn { text-align: right;}

.email, .tel {
	text-transform: uppercase;
	font-size: 1em;
}

.email {
	margin-bottom: 1em;
}

.tel {
	margin-bottom: 0.5em;
}

.tel .type {
	margin-right: 0.5em;
}