/*
Theme Name: Red Oak 2009
Theme URI: -- this domain --
Description: Developed by Costa DeVault. Contains custom Google Maps programming.
Version: 1.0
*/

body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }
li { list-style-type:none; }
a { outline:none; }
a img { border:none; }
address { font-weight:bold; font-style:normal; }

/* ------------------------------------------------------------------------------------------
BODY & BASICS */

body { /* background-image:url(images/rotate/rotate.php); background-attachment:fixed; top:0; left:0; position:absolute; width:100%; */ background-color:#ffffff; }

div#supersize { position: fixed; }
div#supersize img { height:100%; position:absolute; width:100%; z-index:0 }

a:link, a:visited { color:#0099ff; text-decoration:none; } 
a:hover, a:active { color:#0099ff; text-decoration:underline; }

#sidecol a:link, #sidecol a:visited { color:#ffffff; text-decoration:none; } 
#sidecol a:hover, #sidecol a:active { color:#ffffff; text-decoration:underline; }

.borderten { border:10px solid #acacac; }
.bordertengreen { border:10px solid #83a617; }
.noborder { border:0; padding:0; }

hr { background:#acacac; border-top:0; border-right:0; border-bottom:0; border-left:0; clear:both; color:#acacac; height:1px; margin:10px 0 10px 0; width:100%; }

img.goleft { float:left; margin:0 15px 75px 0; }
img.goright { float:right; margin:0 0 75px 15px; }

/* ------------------------------------------------------------------------------------------
TYPOGRAPHY */

body { font-family:arial, helvetica, sans-serif; font-size:75%; }
h1, h2, h3, h4, h5, h6 { margin:.75em 0 .75em 0; }
h1 { font-size:1.1em; font-weight:normal; line-height:1.5em; padding:0 15px 0 0; }
h2, h3, h4, h5, h6 { font-size:1.5em; }
p { line-height:1.5em; margin:.75em 0 .75em 0; }
#maincol, #homepagecol { font-size:1.1em; }

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

/* styles h2 format */
h2 { border-bottom:1px solid #e1e1e1; cursor:pointer; font-size:1.7em; font-weight:normal; padding:10px 0 10px 0; text-transform:uppercase; }

/* defines colors for headings */
.blue, .blue a:link, .blue a:visited, .blue a:hover, .blue a:active { color:#0e72b1; text-decoration:none; }
.purple, .purple a:link, .purple a:visited, .purple a:hover, .purple a:active { color:#6631b9; text-decoration:none; }
.green, .green a:link, .green a:visited, .green a:hover, .green a:active { color:#83a617; text-decoration:none; }
.yellow, .yellow a:link, .yellow a:visited, .yellow a:hover, .yellow a:active { color:#cd9106; text-decoration:none; }
.teal, .teal a:link, .teal a:visited, .teal a:hover, .teal a:active { color:#069c90; text-decoration:none; }
.red, .red a:link { color:#ac0528; }

/* styles for properties pages headings */
.searchby { color:#342a7e; font-size:1.5em; }
.propertyname { color:#3a297c; }
.propertytitle { color:#24bcc5; font-size:1.7em; }

/* ------------------------------------------------------------------------------------------ 
GLOBAL DIVS */

div#container { position:relative; z-index:100; width:100%; }
div#blacktxtmenu { background:#000000; color:#bab8b8; height:27px; width:100%; z-index:101; }
div#primenav { height:79px; margin:0 auto 0 auto; width:960px; z-index:101; }
div#content { background:url(images/bkgContent.png) repeat top left; height:475px; width:100%; }
div#sidecol { background:transparent; color:#ffffff; float:left; padding:15px 0 0 0; width:200px; }
div#maincol { background-color:#ffffff; color:#464646; float:right; position:relative; width:760px; }

div.setwidth { margin:0 auto 0 auto; width:960px; }
div.pad { padding:15px; }
div.eohlogo { color:#999999; clear:both; margin:75px auto 25px auto; width:550px; }
div.alignleft { float:left; }
div.alignright { float:right; }

/* ------------------------------------------------------------------------------------------ 
MENUS */

ul.txtmenu { background:url(images/fullMenuTop.jpg) no-repeat; height:27px; margin:0; padding:0; width:960px; }
ul.txtmenu li, ul.txtmenu a { display:block; height:27px; margin:0; padding:0; }
ul.txtmenu li { float:left; display:inline; }
ul.txtmenu li.navone { width:390px; }
ul.txtmenu li.navtwo { width:55px; }
ul.txtmenu li.navthree { width:70px; }
ul.txtmenu li.navfour { width:165px; }
ul.txtmenu li.navfive { width:150px; }
ul.txtmenu li.navsix { width:129px; }
li.navone span, li.navtwo span, li.navthree span, li.navfive span, li.navsix span, span.noshow { display:none; }

#primenav ul { float:right; height:79px; width:760px; }
#primenav ul li, #primenav ul li a { display:block; float:left; height:79px; width:190px; }

/* ------------------------------------------------------------------------------------------ 
SLIDE CONTENT */

div#greenbox, div#appointmentbox { background:#ffffff; border-bottom:10px solid #98b72a; color:#333333; position:absolute; visibility:hidden; z-index:99; width:300px; }
div#greenbox h2, div#appointmentbox h2, div#spanishbox h2 { border-bottom:none; color:#0072bc; font-size:1.1em; font-weight:bold; padding:0; text-transform:uppercase; }

div#spanishbox, div#leasingbox { background:#ffffff; border-bottom:10px solid #6631b9; color:#333333; position:absolute; visibility:hidden; z-index:98; width:300px; }
#leasingbox img { float:left; padding:0 0 10px 0; }

/* ------------------------------------------------------------------------------------------ 
HOMEPAGE */

div#homepagecol { background:transparent; color:#ffffff; }
div.colone { float:left; margin:0 0 0 25px; width:230px; }
div.coltwo { float:left; margin:0 5px 0 25px; width:230px; }
div.colthree { float:right; width:230px; }
div.eohlogohome { clear:both; margin:10px auto 25px auto; padding:5px 0 15px 0; width:640px; }

#homepagecol h2, #homepagecol h3, #homepagecol h4 { color:#000000; font-weight:bold; text-transform:uppercase; }
ul.homepagelinks { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; margin:0 0 15px 0; padding:0 0 0 0; }
ul.homepagelinks li { border-bottom:1px solid #ec033d; padding:10px 0 10px 0; }
ul.homepagelinks li.last { border-bottom:0; }
ul.homepagelinks li a:link, ul.homepagelinks li a:visited, ul.homepagelinks li a:hover, ul.homepagelinks li a:active, #homepagecol a:link, #homepagecol a:visited, #homepagecol a:hover, #homepagecol a:active { color:#ffffff; }
#homepagecol p { color:#000000; }
#homepagecol p.title { color:#ffffff; }

div.flickrfeed { border:5px solid #ffffff; height:155px; }


/* ------------------------------------------------------------------------------------------ 
ACCORDION */

#accordion h2 { background:#ffffff url(images/arrow-square.gif) no-repeat right -51px; cursor:pointer; }
#accordion h2 a:hover { background-color: #f8f8f8; }
#accordion h2 a.active { background-position:right 5px; }
#accordion blockquote { display:none; }

/* ------------------------------------------------------------------------------------------ 
FOR OUR RESIDENTS */

div.residents { border-bottom:10px solid #24bcc5; }

/* ------------------------------------------------------------------------------------------ 
ABOUT RED OAK */

div.about { border-bottom:10px solid #24b8c5; }

ul.testimonials li { border-bottom:1px dotted #e6e6e6; padding:10px 0 10px 0; }

/* ------------------------------------------------------------------------------------------ 
PROPERTIES */

div.properties { border-bottom:10px solid #c609c4; }
div.proppad { padding:15px 15px 15px 0; }

div.propertiesleft { float:left; width:200px; }
div.propertiesright { float:right; width:475px; }

form.searchfrm select { background:#e2e2e2; border:0; height:30px; width:200px; }

table.availablelist { border-collapse:collapse; width:100%; }
.availablelist td { padding:3px; }
.availablelist th { border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:1.3em; padding:10px 0 10px 0; }
.longcell { text-align:left; width:525px; }
.shortcell { color:#83a617; text-align:left; width:175px; }
.newsection { border-top:1px solid #e2e2e2; }

ul.paginate li { display:inline; margin:0 10px 0 0; padding:3px; }
ul.paginate li.active { background:#333333; color:#ffffff; padding:3px 5px 3px 5px; }

table.propertiesresults { border-collapse:collapse; clear:both; margin:25px 0 0 0; width:100%; }
.propertiesresults th { border-bottom:1px solid #e2e2e2; font-weight:bold; padding:0 0 10px 0; text-align:left; }

div.detailsleft { float:left; width:350px; }
div.detailsright { float:right; width:350px; }

table.details { border-collapse:collapse; clear:both; margin:25px 0 0 0; width:100%; }
.details th { border-bottom:10px solid #e2e2e2; font-weight:bold; padding:15px 25px 15px 0; text-align:left; width:200px; }
.details td { padding:15px 25px 15px 0; vertical-align:top; width:200px; }
.details .last { padding-right:0; }

ul.amenities { margin:0 0 0 15px; }
ul.amenities li { list-style-image:url(images/iconCheck.gif); padding:0 0 5px 10px; }

ul.pricing {}
ul.pricing li { border-bottom:1px solid #e2e2e2; padding:15px 0 15px 0; }

/* ------------------------------------------------------------------------------------------ 
LETS TALK */

div.letstalk { border-bottom:10px solid #c524bf; }

div.talkleft { float:left; width:460px; }
div.talkright { float:right; width:240px; }

.map { border:10px solid #f4e06f; }

/* ------------------------------------------------------------------------------------------ 
SITE MAP */

ul.maplinks {}
ul.maplinks li { border-bottom:1px solid #dedede; padding:10px 0 10px 0; }

/* ------------------------------------------------------------------------------------------ 
CSS STYLED BUTTONS */

a.btngreen { background:#83a305; color:#ffffff; display:block; font-size:1.1em; height:35px; line-height:35px; text-align:center; width:200px; }
a.btnblue { background:#1875b3; color:#ffffff; display:block; font-size:1.1em; height:35px; line-height:35px; text-align:center; width:200px; }

a.checkoutbtn { background:#3a297c; color:#ffffff; display:block; float:right; height:35px; line-height:35px; margin:-65px 0 0 0; position:relative; text-align:center; width:200px; }
a.floorplansbtn { background:#000000; color:#ffffff; display:block; float:right; height:25px; line-height:25px; margin:-35px 0 0 0; position:relative; text-align:center; width:100px; }

/* used for submit button in forms */
.btnorange { background:#d17621; border:0; color:#ffffff; display:block; font-size:1.5em; height:45px; line-height:45px; text-align:center; width:150px; }