/*****************/

/* Waterford CSS */

/*****************/

/**************************************************** SITE STYLING ****************************************************/

html, body { height:100%; margin:0; padding:0; }

html { background:#08315b url('/images/html_bg.jpg') repeat-x; }

body { color:white; font:normal 13px Arial; }

a { color:#ff9934; }

h1 { font-size:40px; margin:0; padding:0; }

h2 { font-size:25px; margin:0; padding:0; }

h3 { font-size:20px; margin:0; padding:0; }

h4 { font-size:17px; margin:0; padding:0; }

img { border:0; }

p { line-height:18px; margin:0; padding:5px 0 15px 0; }

ul { margin:5px 0 15px 0; padding:0 0 0 20px; }



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

#wrapper { float:left; width:100%; }

#header { float:left; height:160px; position:relative; width:100%; }

#header #logo { position:absolute; top:19px; left:0; }

#header .nav { background:url('/images/nav_bg.jpg'); height:74px; position:absolute; top:52px; left:220px; width:680px; }

#header .nav div { float:left; opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0; text-align:center; }

#header .nav div a { display:block; }

#header .nav div a.sublink { height:37px; }

#header .nav div a.sublink img { opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0; }

#header .nav div.nav_shop { background:url('/images/nav_shop.jpg'); height:74px; width:139px; }

#header .nav div.nav_village { background:url('/images/nav_village.jpg'); height:74px; width:153px; }

#header .nav div.nav_leasing { background:url('/images/nav_leasing.jpg'); height:74px; width:191px; }

/*#header .nav a { float:left; opacity:.0; filter:alpha(opacity=0); -moz-opacity:0.0; }

#header .nav a:hover,#header .nav .selected { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }*/

#content { float:left; position:relative; width:100%; }

#interior { background:url('/images/interior_bg.jpg') repeat-y; float:left; position:relative; width:951px; }

#interior.no_main { padding-top:200px; }

#interior.big_bottom { padding-bottom:70px; }

#interior .itop { position:absolute; top:0; left:0; }

#interior .main { float:left; margin:7px 0 0 7px; position:relative; }

#interior .main .img { float:left; position:relative; }

#interior .main .tl { position:absolute; top:0; left:0; }

#interior .main .tr { position:absolute; top:0; right:0; }

#interior .main .bl { position:absolute; bottom:0; left:0; }

#interior .main .br { position:absolute; bottom:0; right:0; }

#interior .trans { position:absolute; top:7px; left:7px; }

#interior .title { position:absolute; top:50px; left:90px; }

#interior .brown_box { background:url('/images/brown_box_bg.jpg') repeat-y; display:inline; float:left; margin-left:4px; padding:0 15px 0 15px; position:relative; width:912px; }

#interior .bbtop { float:left; margin:8px 0 0 4px; }

#interior .bbbottom { float:left; margin:0 0 0 4px; }

#footer { color:white; float:left; font-size:11px; padding:15px 25px 15px 15px; width:910px; }

#footer a { color:white; text-decoration:none; }



.left { float:left; }

.right { float:right; }



.thirty { width:29%; }

.fifty { width:49%; }

.seventy { width:69%; }

.eighty { width:79%; }

.hundred { width:100%; }



.orange { color:#ff9934; }

.green { color:#70cc2d; }



#main_slideshow { float:left; height:502px; margin:7px 0 0 7px; position:relative; width:936px; }

#main_slideshow img { display:none; position:absolute; top:0; left:0; }



/***************************************************** HOME PAGE ******************************************************/

#main_home { background:url('/images/main_home.jpg'); height:516px; position:relative; width:951px; }

#main_home .trans { position:absolute; top:7px; left:7px; }

#main_home .title { position:absolute; top:20px; left:90px; }

#content_home { background:url('/images/content_home.jpg'); height:302px; margin:10px 0 0 -55px; position:relative; width:727px; }

#content_home2 { background:url('/images/content_home2.jpg'); height:402px; margin:10px 0 0 -55px; position:relative; width:727px; }

#content_home .text, #content_home2 .text { position:absolute; top:25px; left:320px; overflow:visible; width:390px; }

#content_home .text h1, #content_home2 .text h1 { margin:5px 0 0 -200px; }

#events_link { position:absolute; top:200px; left:675px; }

#sales_link { position:absolute; top:465px; left:675px;  }

#hours_link { position:absolute; top:645px; left:675px; }



/*************************************************** SHOPS & DINING ***************************************************/

.shoppes { border-right:2px solid white; float:left; width:45%; }

.shoppes table { width:100%; }

.restaurants { float:right; width:50%; }

.restaurants table { width:100%; }



/*************************************************** STORE DIRECTORY **************************************************/

.stores { float:left; padding:1%; width:30%; }



/*************************************************** CALENDAR EVENTS **************************************************/

#calendar_events { color:black; float:left; padding:0 3% 0 3%; width:94%; }

#calendar_events h2 { text-transform:uppercase; }



/*************************************************** CALENDAR EVENT ***************************************************/

.event { float:left; width:100%; }

.event img { border:1px solid black; float:right; margin:5px; }



/************************************************* COMMERCIAL LEASING *************************************************/

#family_skewed { margin-left:-60px; }



/************************************************** MAP & DIRECTIONS **************************************************/

#map_links { position:absolute; top:-60px; left:600px; }

#map_links img { width:100%; }



/***************************************************** CONTACT US *****************************************************/

#contact_form td { padding:3px 0 3px 0; }

#contact_links { position:absolute; top:-80px; left:620px; }

.bigger_bottom { padding-bottom:100px; }

.success { color:#70cc2d; font-weight:bold; }

.fail { color:red; font-weight:bold; }