@charset "UTF-8";
/* CSS Document */

/* =reset css ----------------------------------------*/

* {margin:0; padding:0}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img, a {border:none; text-decoration:none;}
ul,ol {list-style:none;}

/* =common class -------------------------------465-------*/

.clearboth{clear:both}
div.shadow{ margin:-3px 0 0 12px; float:right;}
div.big_shadow{ margin:0 0 0 13px; float:left;}
.orange { color:#b5985a;}
.black{ color:#000000;}

/* =structure css -------------------------------------*/

body{border:0; text-align:center; background-color:#003745; }
#main{ width:1200px; background-color:#003745; margin:0 auto; background:url(../img/bg_main.jpg) no-repeat top left;}
#container{ width:982px; background-color:#FFFFFF; margin:0 auto;}

/* =header css --------------------------------------*/

#header { text-align:left; padding:18px 12px 20px 30px; }
	#header img{ float:left;}
	#header #header_info{ width:755px; float:right; text-align:right;}
		#header #header_info ul{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; margin:0 0 20px 0;}
		#header #header_info ul li{ display:inline; padding:0 10px 0 10px; border-left:solid 1px #b0d2d9; font-style:italic; }
		#header #header_info ul li.first{ display:inline; padding:0 10px 0 10px; border-left:none; font-style:italic; }
		#header #header_info ul li a{ color:#0b4555;}
		#header #header_info ul li a:hover, #header #header_info ul li a.select{ text-decoration:underline;}
		#header #header_info #phead {font-family:Helvetica, Arial, sans-serif; font-size:14px;  font-weight:normal; margin:0 0 15px 0;}
		#header #header_info #phead p{ margin:0 0 5px 0; color:#877552;} 
		#header #header_info #address { font-family:Arial, Helvetica, sans-serif; float:left; margin:-10px 0 0 0; font-size:14px; text-align:left; width:100%;} 
		#header #header_info #address p{ margin:0 0 8px 0; font-weight:normal; color:#635341;} 
		#header #header_info a.register { padding:3px 18px 3px 12px; width:136px; height:30px; border:solid 1px #999999; margin:10px 0 0 0; background:url(../img/bg_title.gif) repeat-x; font-size:20px; font-family:Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
		
/* =nav css --------------------------------------*/	
	
#menu{ width:982px; height:32px; margin:0; padding:0; background:url(../img/bg_nav.gif) repeat-x;}
		#menu #nav{ font-family:Arial, Helvetica, sans-serif; padding:7px 0 0 40px; font-size:11px; margin:0 0 0 0;}
		#menu #nav li { float:left; border-left:solid 1px #b0d2d9; margin:0 3px 0 0}
		#menu #nav li.first{border-left:none; }
		#menu #nav li a { display:block; padding:2px 9px; text-decoration:none; color:#FFFFFF; font-weight:bold; }
		#menu #nav li a:hover { color:#c39761; }
		#menu #nav ul.submenu { font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:11px; position:absolute; list-style:none; padding:5px 0 0 0; z-index:100; display:none;}
		#menu #nav ul.submenu li { float:none; background:url(../img/bg_subnav.gif) repeat-x; width:185px; padding:5px 0; margin:0 0 0 0;}


/* =promo_footer css --------------------------------------*/		

#promo_footer { width:100%; height:296px; background:url(../img/bg_promo_footer.gif) repeat-x;}		
	#promo_footer ul{ margin:15px 0 0 0; float:left;}
	#promo_footer ul li { display:inline; float:left; margin:0 11px 0 0; padding:0 0 0 11px; border-left:dotted 1px #4d8290;}
	#promo_footer ul li.first { display:inline; float:left; margin:0 11px 0 0; padding:0 0 0 11px; border-left:none;}


/* =footer css --------------------------------------*/		

#footer { width:100%; height:218px; background-color:#FFFFFF; text-align:center; background:url(../img/bg_footer.gif) repeat-x}
	#footer #bottom_nav ul{ padding:15px 135px 0 135px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
	#footer #bottom_nav ul li{ display:inline; padding:0 10px 0 10px; border-left:solid 1px #cfcfcf; line-height:18px; }
	#footer #bottom_nav ul li.first{ display:inline; padding:0 10px 0 0; border-left:none;}
	#footer #bottom_nav ul li a{ color:#666666;}
	#footer #bottom_nav ul li a:hover, #header #header_info ul li a.select{ text-decoration:underline;}
	#footer #logos{ width:100%; height:93px; border-top: solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; margin:15px 0 0 0;}
	#footer #logos ul{ width:940px; margin:0 0 0 25px;}
	#footer #logos ul li { display:inline; float:left; margin:0 25px 0 25px;}
	#footer p{ font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#666666; margin:25px 0 0 0;}
		
/* =content css --------------------------------------*/		
 #content { padding:12px; text-align:left;}	

/* =content HOME css --------------------------------------*/		
	
	/* =top layer home css --------------------------------------*/		
	#home #content #top_left{ width:650px; float:left; text-align:right; height:342px;}
	#home #content #top_left #slide {width: 647px;height: 320px; border:solid 1px #e3e3e3;}
	#home #content #top_left #topslide {width: 647px;height: 320px; border:solid 1px #e3e3e3;}
	#home #content #top_left a.flash_link{ width:6px; height:6px; border:solid 1px #999999; background-color:#336666; display:inline-block; margin:12px 6px 0 0;}
	#home #content #top_left a.flash_link:hover, #home #content #top_left a.active{ background-color:#FFFFFF;}
	#home #content #top_right{ float:right; height:342px; width:300px;}
	#home #content #top_right #share { width:298px; height:79px; border: solid 1px #cdcdcd; margin:12px 0 0 0;}
	#home #content #top_right #share h1 { padding:3px 18px 3px 12px; width:268px; height:24px; background:url(../img/bg_title.gif) repeat-x; font-size:20px; font-family:Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
	#home #content #top_right #share p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; float:left; width:150px; margin:12px 0 0 10px;}
	#home #content #top_right #share ul{ float:left; margin:8px 0 0 6px;}
	#home #content #top_right #share ul li { display:inline; float:left; margin:0 0 0 8px;}
	
	/* =left layer home css --------------------------------------*/		
	#home #left { width:170px; text-align:center; float:left; margin:0 0 0 0;}
	#home #left ul li{ margin:22px 0 0 0;}
	#home #left ul li.first{ margin:12px 0 0 0;}
	#home #left ul li.more_space{ margin:27px 0 12px 0;}

	/* =central layer home css --------------------------------------*/		
	#home #content #central { width:466px; height:593px; border:solid 1px #e0e0e0; float:left; margin:12px 0 0 12px;}
	#home #content #central h1 { padding:3px 18px 3px 12px; width:436px; height:24px; background:url(../img/bg_title.gif) repeat-x; font-size:20px; font-family:Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
	#home #content #central div.events { width:130px; height:250px; float:left; margin:20px 0 0 20px;}
	#home #content #central div.events img { border:solid 1px #dddddd;}
	#home #content #central div.events h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#0b4555; margin:15px 0 0 0;}
	#home #content #central div.events p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; line-height:15px; padding:0 0px 0 0;}
	#home #content #central div.events p.italic { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#0b4555; margin:0 0 5px 0;}
	#home #content #central div.events a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; line-height:15px; padding:0 0px 0 0;}
	#home #content #central div.events a:hover{ text-decoration:underline;}

	/* =right layer home css --------------------------------------*/		
	#home #content #right { width:297px; border:solid 1px #dddddd; float:right; margin:12px 0 0 0;}
	#home #content #right h1 { padding:3px 18px 3px 12px; width:268px; height:24px; background:url(../img/bg_title.gif) repeat-x; font-size:20px; font-family:Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
	#home #content #right img{ margin:0 0 0 0; padding:0; border-bottom:solid 1px #dddddd; }
	#home #content #right img.last{ margin:0 0 0 0; padding:0; border-bottom:none; }


/* =content TEMPLATE 3 COL css --------------------------------------*/		
#inside3col #content h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#b5985a; font-weight:normal; margin:18px 0 12px 10px;}
#inside3col #content h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1b5160; font-weight:bold; margin:15px 0 15px 0;}
#inside3col #content h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1b5160; font-weight:bold; margin:0 0 3px 0; width:95%;}
#inside3col #content p.italic { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; color:#1b5160; margin:0 0 3px 0;}
#inside3col #content p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:15px;}
#inside3col #content ul{font-family:Arial, Helvetica, sans-serif; font-size:11px;}	
#inside3col #content ul li { margin:0 0 3px 0; cursor:pointer; padding:2px 0 2px 0; color:#000000; }
#inside3col #content ul li:hover { color:#2d6f81; font-weight:bold;}
#inside3col #content ul li span.phone { float:right;}
#inside3col #content a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0b4555;}
#inside3col #content a:hover {	text-decoration:underline; font-weight:normal;}
	
	/* =template col_1 css --------------------------------------*/		
	#inside3col #content #col_1 { border-right:solid 1px #cccccc; min-height:1000px; float:left; margin:0; width:357px;}
	#inside3col #content #col_1 p{ line-height:18px; width:95%;}
	
	/* =template col_2 css --------------------------------------*/	
	#inside3col #content #col_2{ width:230px; float:left; padding:0 30px 0 20px; margin:0;}
	#inside3col #content #col_2 a.button{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 10px 3px 10px; border-bottom:solid 1px #969988; border-left:solid 1px #969988; color:#ffffff; background-color:#c3a475;}
	#inside3col #content #col_2 p { margin:0 0 24px 0;}

		
	/* =template col_3 css --------------------------------------*/		
	#inside3col #content #col_3 { width:300px; background-color:#2d6f81; float:right; padding:10px 9px 10px 8px; margin:-50px 0 0 0; text-align:center;}
	#inside3col #content #col_3 img.spot { border:solid 1px #999999;}
	#inside3col #content #col_3 #share { width:298px; height:79px; border: solid 1px #cdcdcd; margin:12px 0 0 0; background-color:#FFFFFF; text-align:left;}
	#inside3col #content #col_3 #share h1 { padding:3px 18px 3px 12px; margin:0; width:268px; height:24px; background:url(../img/bg_title.gif) repeat-x; font-size:20px; font-family:Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
	#inside3col #content #col_3 #share p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; float:left; width:150px; margin:12px 0 0 10px;}
	#inside3col #content #col_3 #share ul{ float:left; margin:8px 0 0 6px;}
	#inside3col #content #col_3 #share ul li { display:inline; float:left; margin:0 0 0 8px;}
	#inside3col #content #col_3 ul li{ margin:30px 0 50px 0;}
	#inside3col #content #col_3 ul li.more_space{ margin:27px 0 12px 0;}

	
/* =content TEMPLATE 2 COL css --------------------------------------*/		
#inside2col #content h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#b5985a; font-weight:normal; margin:18px 0 12px 10px;}
#inside2col #content h2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#1b5160; font-weight:bold; margin:0 0 3px 0;}
#inside2col #content p.italic { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; color:#1b5160; margin:0 0 3px 0;}
#inside2col #content p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:0 0 24px 0; line-height:15px;}
#inside2col #content a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0b4555;}
#inside2col #content a:hover {	text-decoration:underline; font-weight:normal;}
	
	/* =template col_1 css --------------------------------------*/		
	#inside2col #content #col_1 { float:left; margin:0; width:627px;}
	#inside2col #content #col_1 form {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1b5160; margin:35px 0 0 45px;}
	#inside2col #content #col_1 label {  width:90px; float:left; }
	#inside2col #content #col_1 input.big { width:156px; height:18px;}
	#inside2col #content #col_1 input.medium{ width:88px; height:18px;}
	#inside2col #content #col_1 input.small{ width:48px; height:18px;}
	#inside2col #content #col_1 input.button{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 10px 3px 10px; border-bottom:solid 1px #969988; border-left:solid 1px #969988; color:#ffffff; background-color:#c3a475;}
	#inside2col #content #col_1 a.button{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px 12px 5px 12px; margin:30px 0 20PX 0; color:#002b55; font-weight:bold; background-color:#c3a475;}
	#inside2col #content #col_1 a.button{  text-decoration:none;}

	/* =template col_2 css --------------------------------------*/		
	#inside2col #content #col_2 { width:300px; background-color:#2d6f81; float:right; padding:10px 9px 10px 8px; margin:-50px 0 0 0; text-align:center;}
	#inside2col #content #col_2 img.spot { border:solid 1px #999999;}
	#inside2col #content #col_2 #share { width:298px; height:79px; border: solid 1px #cdcdcd; margin:12px 0 0 0; background-color:#FFFFFF; text-align:left;}
	#inside2col #content #col_2 #share h1 { padding:3px 18px 3px 12px; margin:0; width:268px; height:24px; background:url(../img/bg_title.gif) repeat-x; font-size:20px; font-family:Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
	#inside2col #content #col_2 #share p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; float:left; width:140px; margin:12px 0 0 14px;}
	#inside2col #content #col_2 #share ul{ float:left; margin:8px 0 0 6px;}
	#inside2col #content #col_2 #share ul li { display:inline; float:left; margin:0 0 0 8px;}
	#inside2col #content #col_2 ul li{ margin:30px 0 50px 0;}
	#inside2col #content #col_2 ul li.more_space{ margin:27px 0 12px 0;}
	
	
/* =content TEMPLATE RESIDENCES css --------------------------------------*/		
	#residences #content #photo_head { padding:8px; border:solid 1px #cdcdcd;}
	#residences #content #title { margin:10px 0 10px 0;}	#residences #content ul li { display:inline;}
	#residences #content ul.residence_menu li a { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#b5985a; font-weight:normal; margin:18px 0 12px 10px;}
	#residences #content ul.residence_menu li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#002b55; font-weight:normal; margin:18px 0 12px 10px;}
	#residences #content ul li a.activ, #residences #content ul li a.activ:hover { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#002b55; font-weight:normal; margin:18px 0 12px 10px;}
	#residences #content a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0b4555;}
	#residences #content a:hover {	text-decoration:underline; font-weight:normal;}	
	
	/* =template col_1 css --------------------------------------*/		
	#residences #content #col_1 { width:620px; float:left; margin:18px 0 0 0; border-bottom:solid 1px #CCCCCC;}
	#residences #content #col_1 img { float:left; margin:0 20px 30px 0;}
	#residences #content #col_1 p { font-family:Arial, Helvetica, sans-serif; float:left; width:300px; font-size:11px; color:#808080; line-height:18px; margin:0 0 20px 0;}
	#residences #content #col_1 ul.list_bullet { font-family:Arial, Helvetica, sans-serif; float:left; width:310px; font-size:11px; color:#808080;  list-style-image:url(../img/bullet_1.gif); list-style-position:outside;}
	#residences #content #col_1 ul.list_bullet li { margin:0 0 7px 15px; width:280px; float:left; padding:0 0 0 20px;}
	#residences #content #col_1 a.button{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px 12px 5px 12px; margin:30px 0 20PX 0; float:left; color:#002b55; font-weight:bold; background-color:#c3a475;}
	#residences #content #col_1 a.button span.arrow{ padding:5px 0px 6px 10px; border-left:solid 1px #ffffff; font-size:16px; margin:0 0 0 8px;}
	#residences #content #col_1 a.button:hover { text-decoration:none;}

	#residences #content div.bottom_layer {float:left; width:150px; border-right:solid 1px #CCCCCC; margin:10px 10px 0 0;}
	#residences #content div.bottom_layer p {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#002b55; line-height:18px; margin:0 0 20px 0; font-weight:bold;}
	#residences #content div.bottom_layer ul.list_bullet { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; list-style-image:url(../img/bullet_1.gif); list-style-position:outside;}
	#residences #content div.bottom_layer ul.list_bullet li { margin:0 0 5px 0px; width:145px; float:left; padding:0 0 0 0px; }
	#residences #content div.floor_plans { border:none; width:130px;}
	#residences #content div.floor_plans img { margin:0 0 0 15px;}
	#residences #content div.bottom_layer a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#002b55; font-style:italic; float:right; margin:5px 5px 0 0; font-weight:bold;}
	#residences #content div.bottom_layer a:hover { text-decoration:underline;}

	/* =template col_2 css --------------------------------------*/		
	#residences #content #col_2 { width:300px; background-color:#002b55; float:right; padding:10px 9px 10px 8px; margin:-20px 0 0 0;}
	#residences #content #col_2 #video { margin:0 0 30px 0;}
	#residences #content #col_2 p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; line-height:15px; margin:15px 0 15px 0; font-weight:normal;}
	#residences #content #col_2 a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b5985a; line-height:15px; margin:15px 0 15px 0;}
	#residences #content #col_2 a:hover { text-decoration:underline;}
	#residences #content #col_2 img.bottom { margin:45px 0 70px 0;}
	#residences #content #col_2 a.button{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px 12px 5px 12px; margin:30px 0 20PX 0; float:left; color:#002b55; font-weight:bold; background-color:#c3a475;}
	#residences #content #col_2 a.button span.arrow{ padding:4px 0px 6px 10px; border-left:solid 1px #ffffff; font-size:16px; margin:0 0 0 8px;}
	#residences #content #col_2 a.button:hover { text-decoration:none;}

	
	#residences #content div.bottom_layer a.view {float:right; margin-top:20px;}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#residences #content div.bottom_layer a.view {float:right; margin-top:5px;}
}