/* Basic Website Styles - Screen and Projection Media Types */

/* Color Pallette:

*/

/*--------------------------------------------
Reset
---------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 {
	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:'';
}
abbr,acronym { border:0;
}

/*-------------------------------------------
	Boilerplate
-------------------------------------------*/
html {
	font-size: 125%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

body {
	font-size: 50%;
	background: #FFFFE6 url(../_images/_global/bg/dropshadow_bot-5.jpg) bottom center no-repeat;
	padding: 0;
	text-align: center;
}

a img { border: none; }

img.right {
	float: right;
	margin: 0 0 10px 10px;
}
img.left {
	float: left;
	margin: 0 10px 10px 0;
}

span.nowrap {
	white-space: nowrap;
}

#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 
 
#skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
} 

.hidden 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
} 

.print_only { display: none; }

/*-------------------------------------------
	Structural
-------------------------------------------*/
div#outer_wrapper {
	position: relative;
	width: 1020px;
	margin: 34px auto 0;
	/* 
	margin: 0 auto;
	padding: 34px 0 0;
	margin: 52px auto 0; 
	background: url(../_images/_global/bg/dropshadow_mid-2.jpg) top center repeat-y;
	*/
	margin: 0 auto;
	background: url(../_images/_global/bg/dropshadow_top-3.jpg) top center no-repeat;
	padding: 0;
	border-top: 1px solid #FFFFE6 ;
}

img#hud_logo {
	margin: 17px 0 0 16px;
}

div#wrapper {
	position: relative;
	width: 962px;
	margin: 0 auto;
	margin: 34px auto 0;
	padding: 0 0 13px;
	background: #00325B;
	color: #fff;
	text-align: left;
}

div#content {
	width: 930px;
	margin: 0 auto;
	background: #fff;
	color: #000;
}
#contact div#content {
	padding-top: 46px;
}

div.row {
	clear: both;
}
div#main_col {
	float: right;
	display: inline;
	text-align: left;
	width: 578px;
	margin: 0 37px 0 47px;
	padding: 46px 0 67px;
}
div#sidebar {
	float: left;
	display: inline;
	width: 249px;
	margin: 0 0 0 19px;
}
#contact div#main_col {
	width: 566px;
	padding: 37px 0 67px;
}
#contact div#sidebar {
	width: 261px;
}


div#footer {
	margin: 0 auto;
	padding: 10px 29px 34px;
	/* background: url(../_images/_global/bg/dropshadow_bot-3.jpg) bottom center no-repeat; */
	color: #00325B;
	text-align: right;
}

div.floatBreaker {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

div.divider {
	height: 2px;
	width: 100%;
	background: url(../_images/_global/divider.gif) repeat-x top left;
	margin: 36px 0 31px;
}


/*-------------------------------------------
	Type
-------------------------------------------*/

a:link, a:visited {
	color: #95A05E;
}

a:hover {
	color: #00325B;
}
a.read_more_link {
	font-size: .8em;
	font-style: italic;
	font-weight: bold;
}
a:link, a:visited {
	color: #000;
}

a:hover {
	color: #95A05E;
}

strong {
	font-weight: bold;
}

p strong em {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	color: #00325B;
}

h1, h2, h3, h4, h5, h6, p, address, pre, ol, ul, dl {
	margin-bottom: 1.2em;
}
h1 {
	font: bold 1.8em/1.2 Helvetica, Arial, Verdana, sans-serif;
	color: #00325B;
	margin-bottom: .2em;
}
p {
	font: 1.3em/1.8 Helvetica, Arial, Verdana, sans-serif;
}
#our_team #main_col p {
	font: 1.3em/1.4 Helvetica, Arial, Verdana, sans-serif;
}
p.caption {
	color: #95A05E;
	font: bold italic 1em/1.3 Georgia, serif;
	margin: 10px 0 47px;
}
address {
	font: 1.3em/1.5 Helvetica, Arial, Verdana, sans-serif;
}
blockquote {
	font: 1.3em/1.5 Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: .5em;
}
cite {
	display: block;
	font: bold 1.2em/1.5 Helvetica, Arial, Verdana, sans-serif;
	color: #898989;
	margin-bottom: 2em;
}
div#footer p {
	font: 1em/1.2 Verdana, sans-serif;
}

/*-------------------------------------------
	Logo
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

div#logo {
	height: 103px;
	/* height: 85px; */
	border-bottom: 15px solid #95A05E;
	width: 962px;
	margin: 0;
	padding: 0;
	background: url(../_images/_global/mandarich_developments.gif) no-repeat 0 18px;
}

div#logo a {
	display: block;
	height: 103px;
	/* height: 85px; */
	width: 280px;
}

/*-------------------------------------------
	Image Replaced Headlines
-------------------------------------------*/
h1#our_satisfied_homeowners {
	height: 13px;
	width: 342px;
	background: url(../_images/headlines/our_satisfied_homeowners.gif) no-repeat 0 0;
	margin-bottom: 23px;
}
h1#business_referrals {
	height: 13px;
	width: 252px;
	background: url(../_images/headlines/business_referrals.gif) no-repeat 0 0;
	margin-bottom: 23px;
}
/*-------------------------------------------
	Main Navigation
-------------------------------------------*/
/* Image Replacement */
/* Use span.hidden to hide text content */

div#main_nav {
	position: absolute;
	left: 294px;
	top: 68px;
	/* top: 50px; */
}

div#main_nav ul {
	float: left;
	margin: 0;
}
div#main_nav ul li {
	float: left;
	height: 50px;
	margin-right: 24px;
	text-transform: uppercase;
	letter-spacing: .03em;
	font: bold 1.4em/1 Helvetica, Arial, Verdana, sans-serif;
	background: url(../_images/_global/main_nav/btn_bg_OFF.gif) left bottom repeat-x;
}
div#main_nav ul li#btn_contact {
	margin-right: 0;
}
div#main_nav ul li a {
	display: block;
	height: 50px;
	text-decoration: none;
}
div#main_nav ul li a:link, 
div#main_nav ul li a:visited {
	color: #fff;
}
div#main_nav ul li a:hover {
	color: #BAC779;
	/* background: url(../_images/_global/main_nav/btn_bg_ON.gif) center bottom no-repeat; */
}
div#main_nav ul li a.selected {
	color: #BAC779;
	background: url(../_images/_global/main_nav/btn_bg_ON.gif) center bottom no-repeat;
}

/*-------------------------------------------
	Sidebar Nav
-------------------------------------------*/

ul#sec_nav {
	margin: 42px 0 58px;
	width: 223px;
}
ul#sec_nav li {
	height: 36px;
	background: url(../_images/sec_nav/rule.gif) bottom left repeat-x;
}
ul#sec_nav li.submenu {
	height: auto;
}
ul#sec_nav li a {
	float: left;
	display: block;
	margin: 11px 0 0;
	height: 9px;
}
ul#sec_nav li ul  {
	margin: 7px 0 0;
	padding-top: 32px;
}
ul#sec_nav li ul li {
	height: auto;
	background: none !important;
	padding: 0 0 12px;
	font: bold 1.1em/1.2 Helvetica, Arial, Verdana, sans-serif;
}
ul#sec_nav li ul li a {
	float: none;
	display: inline;
	margin: 0;
	height: auto;
	background: none !important;
}
ul#sec_nav li ul li a:link, 
ul#sec_nav li ul li a:visited {
	color: #898989;
	text-decoration: none;
}
ul#sec_nav li ul li a.selected:link, 
ul#sec_nav li ul li a.selected:visited {
	color: #00325B;
}
ul#sec_nav li ul li a:hover {
	color: #95A05E;
	text-decoration: none;
}
li#sec_btn_team a {
	background: url(../_images/sec_nav/our_team.gif) 0px 0px no-repeat;
	width: 78px;
}
li#sec_btn_team a.selected {
	background: url(../_images/sec_nav/our_team_SEL.gif) 0px 0px no-repeat;
	width: 78px;
}
li#sec_btn_ops a {
	background: url(../_images/sec_nav/ops_and_warranty.gif) 0px 0px no-repeat;
	width: 200px;
}
li#sec_btn_ops a.selected {
	background: url(../_images/sec_nav/ops_and_warranty_SEL.gif) 0px 0px no-repeat;
	width: 200px;
}
ul#sec_nav li#sec_btn_awards  {
	background: none;
}
li#sec_btn_awards a {
	background: url(../_images/sec_nav/awards_and_assoc.gif) 0px 0px no-repeat;
	width: 192px;
}
li#sec_btn_awards a.selected {
	background: url(../_images/sec_nav/awards_and_assoc_SEL.gif) 0px 0px no-repeat;
	width: 192px;
}
ul#sec_nav li#sec_btn_assoc  {
	background: none;
}
li#sec_btn_assoc a {
	background: url(../_images/sec_nav/associations.gif) 0px 0px no-repeat;
	width: 108px;
}
li#sec_btn_current a {
	background: url(../_images/sec_nav/current_communities.gif) 0px 0px no-repeat;
	width: 183px;
}
ul#sec_nav li#sec_btn_past  {
	background: none;
}
li#sec_btn_past a {
	background: url(../_images/sec_nav/past_communities.gif) 0px 0px no-repeat;
	width: 149px;
}
#sidebar_pic {
	margin: 0 0 87px 0;
} 


/*-------------------------------------------
	Community Pages
-------------------------------------------*/

#community_slideshow {
	width: 578px;
	height: 395px;
	margin-top: 50px;
	margin-bottom: 10px;
}
#the_bluffs #community_slideshow {
	width: 578px;
	height: 405px;
}
#hyde_park #community_slideshow, 
#tiara #community_slideshow {
	width: 578px;
	height: 417px;
	margin-bottom: 15px;
}
#visage #community_slideshow, 
#the_village_at_summergate #community_slideshow {
	width: 578px;
	height: 417px;
	margin-bottom: 10px;
}

#the_bluffs #sidebar_pic {
	margin: 0 0 32px 0;
} 
#hyde_park #sidebar_pic {
	margin: 0 0 38px 0;
} 
#orchard #sidebar_pic,  
#visage #sidebar_pic {
	margin: 0 0 54px 0;
} 
#the_village_at_summergate #sidebar_pic {
	margin: 0 0 50px 0;
} 

#about div#testimonial {
	height: 225px;
	width: 248px;
	background: url(../_images/about/testimonial_hyde_1.gif) 0px 0px no-repeat;
}
#belvedere div#testimonial {
	height: 161px;
	width: 232px;
	background: url(../_images/communities/testimonial_belvedere.gif) 0px 0px no-repeat;
}
#orchard div#testimonial {
	height: 193px;
	width: 203px;
	background: url(../_images/communities/testimonial_orchard_1.gif) 0px 0px no-repeat;
}
#hyde_park div#testimonial {
	height: 225px;
	width: 261px;
	background: url(../_images/communities/testimonial_hyde_2.gif) 0px 0px no-repeat;
}
#tiara div#testimonial {
	height: 309px;
	width: 261px;
	background: url(../_images/communities/testimonial_tiara_1.gif) 0px 0px no-repeat;
}
#the_bluffs div#testimonial {
	height: 175px;
	width: 201px;
	background: url(../_images/communities/testimonial_the_bluffs_1.gif) 0px 0px no-repeat;
}
#visage div#testimonial {
	height: 112px;
	width: 246px;
	background: url(../_images/communities/testimonial_visage_1.gif) 0px 0px no-repeat;
}
#the_village_at_summergate div#testimonial {
	height: 202px;
	width: 244px;
	background: url(../_images/communities/testimonial_summergate_1.gif) 0px 0px no-repeat;
}

p.more_pictures {
	height: 36px;
	width: 106px;
	margin: 10px 0 0 472px;
	background: url(../_images/communities/more_pictures_btn.gif) 0px 0px no-repeat;
}
p.more_pictures a {
	display: block;
	height: 36px;
	width: 106px;
}
/*-------------------------------------------
	Home
-------------------------------------------*/

div#mandarich_communities {
	width: 930px;
	height: 558px;
	margin: 0 auto;
}
#home div#content {
	width: 930px;
	height: 101px;
	margin: 0 auto;
	background: url(../_images/home/tagline.gif) 0 18px no-repeat;
}
#home #hud_logo {
	display: none;
}