/* CSS for theridgeaiken.com by Alice Winthrop Design 
   http://www.alicewinthrop.com */

/*-----------------------------------
         TABLE OF CONTENTS
-------------------------------------
RESET CSS - Resets browser defaults.
COLOR PALETTE - List of colors used.
HTML ELEMENTS - The basics.
BACKRGROUND STYLING - Bg images in classes by Edelmann Scott Inc.
LAYOUT DIVS - Named layout elements.
NAV - Nav styles (blocks placed in prev).
FORMS - Contact us...
OTHER STUFF - Anything else...
------------------------------------*/


/*------------RESET CSS--------------*/

/* Resets default browser CSS styles.
   Created by Erik Meyer: 
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

body {line-height:1; color:black; background:white; font-size:100%;}
ol, ul {list-style:none;}
caption, th, td {text-align:left; font-weight:normal;}

/* I'm trying the collapse property here instead of cellspacing="0" in the markup for IE see the discussion at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for more. */
table {border-collapse:collapse; border-spacing:0;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* Clearfix allows you to add a class to an existing div that will clear: both so that you don't have to add another div to clear: both. It was originally developed by Tony Aslett, of csscreator.com */

/* slightly enhanced, universal clearfix hack from www.perishablepress.com*/
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*----------HTML ELEMENTS------------*/

/* fixes centered layout jump when content is too short for a scrollbar by forcing a scrollbar always. */
html {overflow-y:scroll;}
body {background-color:#000; color:#2a2a2a; font-family:"Georgia", "Times New Roman", Times, serif; font-size:0.875em;}
h1, h3, h4, h5 {color:#005646;}
h1 {font-size:1.5em; margin-bottom:15px;}
h2 {font-size:1em; color:#2a2a2a; font-family:"Verdana", sans-serif; font-style:italic; margin: 30px 25px 15px 0; font-weight:bold;}
h3 {font-weight:bold; font-style:italic; font-size:1em; margin:25px 0 5px 0;}
h4 {font-size:1em; color:#666; font-weight:bold;}
h5 {font-size: 1em;}
p {margin: 0 25px 15px 0; line-height: 160%;}
a {color: #005646; text-decoration: underline;}
a:hover { text-decoration: underline;}
small {font-size:0.625em;}
strong {font-weight: bold;}
em {font-style: italic;}
table td.formLabel {padding: 4px 15px 0 0; vertical-align: top;}
ul {list-style-type: disc; list-style-position: inside; line-height:160%; margin:0 0 10px 0;}

/*-----------BACKGROUND STYLING-------------*/

.b_home {background: #09253d url(../images/b_home.jpg) no-repeat;}
.b_discover {background: #0e4a81 url(../images/b_discover.jpg) no-repeat;}  
.b_explore {background: #2b0e06 url(../images/b_explore.jpg) no-repeat;}
.b_meet {background: #040000 url(../images/b_meet.jpg) no-repeat;}
.b_enjoy {background: #3a6795 url(../images/b_enjoy.jpg) no-repeat;}
.b_build {background: #471a00 url(../images/b_build.jpg) no-repeat;}
.b_contact {background: #2e4459 url(../images/b_contact.jpg) no-repeat;}


/*-----------LAYOUT DIVS-------------*/

#container {width:690px; margin:100px 5px 10px 60px;}
#flashcontent {width:690px; height:241px; color:#fff;}
#page {width:690px; display:block; background:#ece5c0 url(../images/page_tile.gif) repeat-y;}
#logo {width:153px; height:86px; float:left; display:inline;}
#nav1 {width:537px; height:86px; display:inline; float:left; background:url(../images/nav1_bg.gif) no-repeat;}
#content {width:527px; display:inline; float:left; clear:both; margin:30px 0 35px 162px;}
#content_home {width:527px; display:inline; float:left; margin:30px 0 35px 0;}
#pins {width:143px; height:154px; display:inline; float:left; clear:both; margin:30px 0 0 19px;}
#footer {margin: 0 0 50px 0; width:690px; height:88px; background:url(../images/footer.gif) no-repeat;}


/*---------------NAV-----------------*/
#nav1 {font-size:0.9375em;}

#nav1 ul {list-style-type:none;}
#nav1 li {display:block; float:left; height:59px;}
#nav1 li.discover {width: 94px; background: url(../images/nav1.gif);}
#nav1 li.explore {width: 97px; background: url(../images/nav2.gif);}
#nav1 li.meet {width: 71px; background: url(../images/nav3.gif);}
#nav1 li.enjoy {width: 84px; background: url(../images/nav4.gif);}
#nav1 li.build {width: 85px; background: url(../images/nav5.gif);}
#nav1 li.contact {width: 106px; background: url(../images/nav6.gif);}

#nav1 a {text-decoration:none; display:block; height:59px; text-align:center; padding-top:17px; line-height:110%;}

#nav1 li.contact a {margin-right:8px;}

/*styles main nav words*/
.nav1_caps {text-transform:uppercase; font-size:1.1875em; color:#005646;}
.nav1_lower {text-transform:lowercase; font-style:italic; font-size:0.875em; color:#464328;}

/*dropline sub nav set up*/
.dropline {position:relative; z-index:100;}

/*top line hover style*/
.dropline ul li.discover:hover a,
.dropline ul li.discover a:hover,
.dropline ul li.discover a.current {background: url(../images/nav1_hover.gif);}
.dropline ul li.explore:hover a,
.dropline ul li.explore a:hover,
.dropline ul li.explore a.current {background: url(../images/nav2_hover.gif);} 
.dropline ul li.meet:hover a,
.dropline ul li.meet a:hover, 
.dropline ul li.meet a.current {background: url(../images/nav3_hover.gif);}
.dropline ul li.enjoy:hover a,
.dropline ul li.enjoy a:hover, 
.dropline ul li.enjoy a.current {background: url(../images/nav4_hover.gif);}
.dropline ul li.build:hover a,
.dropline ul li.build a:hover,
.dropline ul li.build a.current {background: url(../images/nav5_hover.gif);}
.dropline ul li.contact:hover a,
.dropline ul li.contact a:hover, 
.dropline ul li.contact a.current {background: url(../images/nav6_hover.gif);}

/*hides ul*/
.dropline ul li ul {visibility:hidden; position: absolute; top:59px; left:0px; height:27px;}

/*makes ul visible on hover*/
.dropline ul li:hover ul,
.dropline ul li a:hover ul {visibility:visible; z-index:50; width:532px; height:54px; background: url(../images/subnav_tile.gif) repeat-x; color:#003f34;}

/*styles sub nav a element*/
.dropline ul li:hover ul li a,
.dropline ul li a:hover ul li a {display:block; color:#003f34; font-size:0.9375em;}

/*styles sub nav a:hover element*/
#nav1.dropline ul li:hover ul li a:hover,
#nav1.dropline ul li a:hover ul li a:hover {text-decoration:underline;}

/*position submenu lis on right hand side*/
#nav1 ul li ul li.right {float: right;}

/*position submenu lis in center*/
#nav1 ul li ul li.pushcenter {margin-left:100px;}

/*correct sub nav a height - nav1 height for topline is 41px, this needs to be 27px*/
#nav1 a.sub {height:27px; padding-top:8px; display:block; margin:0 12px 0 8px; text-align:center; background-image:none;  font-size:0.9375em; color:#003f34;}

/*make dropline nav persist when main nav item is selected*/
#nav1.dropline ul li ul.selected {visibility:visible; z-index:10; width:532px; background:url(../images/subnav_tile.gif) repeat-x; color:#003f34;}
#nav1.dropline ul li ul.selected li {visibility:visible; z-index:11;}

/*---------------FORMS---------------*/

/* Contact Us Page Form */
form {margin:25px 0 0 0;}
.formTable { }
td.formLabel {width:80px; height:30px; font-size:1em;}
.formField {margin-top:2px; background-color:#fafafa; width:312px; color:#333; font-family:"Georgia", "Times New Roman", Times, serif;}
.formFieldZip {width:120px;}
.SubmitButton {margin:20px 0 0 0; color:#005646; font-size:95%; font-family:"Georgia", "Times New Roman", Times, serif;}
textarea {overflow:auto; /* This stops the ugly IE scrollbar from appearing until it is needed. */font-size:1em;}
.required {color:#bb0000;}
p.required {margin:10px 0 25px 0;}
.thanks {margin-bottom:50px;}


/*------------OTHER STUFF------------*/

#flashcontent a {color:#fff; text-decoration:underline;}
#number {margin:15px 0 0 24px; font-size:1.375em; color:#005646; width:138px; float:left;}
#number p {margin:0;}
#mailing {margin:20px 0 0 0; width:430px; float:left;}
#mailing p {margin:0; font-style:italic; font-size:0.875em;}
#sitemap {margin:22px 25px 0 0; width:25px; float:left;}
a.sitemap {font-size:0.875em;}
.error {color:#bb0000;}
ul.numbered {list-style-type:decimal; margin-bottom:20px;}
ul.numbered li {margin-left:8px;}
.top {margin-top:20px;}
.internal {color:inherit; text-decoration:none;}
a:hover.internal {text-decoration:none;}
#content img {border: 1px solid #005646; margin-bottom: 10px;}
body.masterplan {background-color:#209347;}
.legal {font-size:0.875em; margin-top:40px;}
li.legal {font-size:0.875em; margin-top:40px; list-style-type:none;}
li.nobullet {list-style-type:none; margin:20px 0 5px -14px;}
#content ul {list-style-position:outside; margin-left:14px; margin-right:25px;}
#spacedlist ul {list-style-type:none; list-style-position:inside; margin-left:0px;}
#spacedlist li {margin-bottom:10px; margin-right:15px;}
.copycaption {font-size:0.875em; margin-top:0;}
#pins img {margin-bottom: 15px;}
.press {margin-left:75px; font-style:italic;}
#pins p {margin: 0 15px 15px 4px; font-size:0.7em;}
#pins img.caption {margin-bottom: 0;}
h3.newsflash {color:##2a2a2a; font-style:normal;}
p.btm_space {margin-bottom:100px;}