/* CSS Reset */
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,
b, u, i, center, 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-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End CSS Reset */
/*===============================IMAGE REPLACEMENT==============================*/
.no { letter-spacing : -10000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .no { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
/*===================================H1/H2/H3/H4/H5=============================*/
a#logo { width:952px; height:119px; float:left; background:url(/images/index/header.png) no-repeat; }
a#view_properties { width:126px; height:11px; float:left; background:url(/images/index/view-properties-btn.png) no-repeat; }
a#contact_us_btn { width:100px; height:11px; float:left; background:url(/images/interior/contact-now-btn.png) no-repeat; }
a.view_details { width:153px; height:40px; float:left; margin:0 0 0 18px; background:url(/images/interior/view-details-btn.jpg) top left no-repeat; }
h2#about_us_sh { width:712px; height:110px; float:left; background:url(/images/headers/about-h.jpg) top left no-repeat; }
h2#lease_sh { width:712px; height:110px; float:left; background:url(/images/headers/lease-h.jpg) top left no-repeat; }
h2#properties_sh { width:712px; height:110px; float:left; background:url(/images/headers/properties-h.jpg) top left no-repeat; }
h2#accolades_sh { width:712px; height:110px; float:left; background:url(/images/headers/accolades-h.jpg) top left no-repeat; }
h2#contact_us_sh { width:712px; height:110px; float:left; background:url(/images/headers/contact-h.jpg) top left no-repeat; }
h2#four_o_four_sh { width:712px; height:110px; float:left; background:url(/images/headers/404-h.jpg) top left no-repeat; }
/* Page Structure, ID's */
body { text-align:center; background:url(/images/index/bg.jpg) #2C313E top center repeat-y; }
/*=======================INDEX=============================*/
#main_wrapper { width:952px; margin:0 auto; }
#flash_music { width:138px; height:19px; float:right; margin:-29px 15px 0 0; }
#nav { width:952px; height:47px; float:left; }
#welcome_bg { width:205px; height:372px; float:left; padding:95px 15px 15px 20px; background:url(/images/index/welcome-bg.png) top left no-repeat; }
#not_used { width:712px; height:482px; float:left; background:url(/images/index/flash.jpg) top left no-repeat; }
#next_project_btn { width:22px; height:167px; float:right; margin:25px -22px 0 0; position:relative; z-index:1; }
#footer { width:100%; padding:0 0 40px 0; float:left; }
#copyright { float:right; margin:10px 7px 0 0; }
#slider { float:left; width:712px; float:left; }
/*======================= SLIDER STYLES =============================*/
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 712px;
height:482px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
div.scrollable div.items div {
float:left;
}
.nextPage {
float:right;
background:url(/images/index/next-project-btn.png) top left no-repeat;
width:22px;
height:167px;
margin: 35px -22px 0 0;
position:relative;
z-index:1;
cursor:pointer;
}
/*======================= INTERIOR =============================*/
#directory_bg { width:205px; height:372px; float:left; padding:95px 15px 15px 20px; background:url(/images/interior/company-directory-bg.png) top left no-repeat; }
#content { width:642px; float:left; background-color:#FBFBFB; padding:20px 35px 100px 35px; }
li.star { background:url(/images/includes/star.jpg) 0 9px no-repeat; padding:0 0 0 30px; position:relative; z-index:1; margin:0 0 8px 0; }
.star { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; line-height:150%; font-weight:normal; text-align:left; }
input.contact { width:420px; height:20px; border:2px solid #a9aeb9; background:#fff !important; margin:3px 0 10px 0; padding:3px 3px 0 3px; }
input.code { width:275px; height:20px; border:2px solid #a9aeb9; background:#fff !important; margin:3px 0 10px 0; padding:3px 3px 0 3px; }
textarea.contact { width:420px; _width:403px; height:200px; border:2px solid #a9aeb9; background:#fff !important; margin:3px 0 10px 0; padding:3px 3px 0 3px; }
/*======================= OUR PROPERTIES PAGE =============================*/
.propeties_box { width:189px; float:left; background-color:#d3d6dd; border:1px solid #d3d6dd; padding:20px 40px; text-align:center; }
.property_address li { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:bold; line-height:150%; }
/*======================= PROPERTY DETAILS PAGE =============================*/
#property_details_box { width:580px; float:left; background-color:#d3d6dd; border:1px solid #d3d6dd; padding:30px 30px; margin:20px 0 0px 0; }
#property_details_left { width:318px; float:left; margin:0 30px 0 0; display:inline; }
#photo_btn_container { width:313px; float:left; margin:7px 0 0 0; padding:0 0 0 3px; text-align:left; }
a.photo_btn { width:26px; height:26px; float:left; padding:0 2px 5px 2px; }
#property_details_right { width:232px; float:left; text-align:left; }
hr.details_line_break { color:#5c6984; background:#5c6984; height:2px; }
/*================================================= NAVIGATION =================================================*/
#top_navigation { width:952px; height:47px; float:right; }
#top_navigation li { }
#top_navigation a { display:block; }
#top_navigation li { float:left; }
#top_navigation li a { height:47px; }
#nav_blank_left { background: url(/images/nav/blank-left.png) top center no-repeat; width:450px; height:47px; }
#home a { background: url(/images/nav/home.jpg) top center no-repeat; width:64px; height:47px; }
#our_properties a { background: url(/images/nav/properties.jpg) top center no-repeat; width:130px; height:47px; }
#for_lease a { background: url(/images/nav/lease.jpg) top center no-repeat; width:94px; height:47px; }
#about_us a { background: url(/images/nav/about.jpg) top center no-repeat; width:87px; height:47px; }
#accolades a { background: url(/images/nav/accolades.jpg) top center no-repeat; width:101px; height:47px; }
#contact_us a { background: url(/images/nav/contact.jpg) top center no-repeat; width:120px; height:47px; }
#home a:hover, #our_properties a:hover, #for_lease a:hover, #about_us a:hover, #accolades a:hover, #contact_us a:hover { background-position:bottom; }
/*================================================= LINKS ======================================================*/
a:link{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:underline; font-weight:bold;}
a:visited{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:underline; font-weight:bold;}
a:hover{font-family:verdana, arial, helvetica;font-size:12px;color:#000000;text-decoration:underline; font-weight:bold;}
a.mmd_link:link{ font-family:verdana, arial, helvetica; font-size:10px; color:#fff; text-decoration:underline; font-weight:bold;}
a.mmd_link:visited { font-family:verdana, arial, helvetica; font-size:10px; color:#fff; text-decoration:underline; font-weight:bold;}
a.mmd_link:hover { font-family:verdana, arial, helvetica; font-size:10px; color:#fff; text-decoration:underline; font-weight:bold;}
a.directory_link:link { font-family:verdana, arial, helvetica; font-size:11px; color:#97b3f1; text-decoration:none; font-weight:bold; }
a.directory_link:visited { font-family:verdana, arial, helvetica; font-size:11px; color:#97b3f1; text-decoration:none; font-weight:bold; }
a.directory_link:hover { font-family:verdana, arial, helvetica; font-size:11px; color:#97b3f1; text-decoration:underline; font-weight:bold; }
/*================================================= TEXT =======================================================*/
p { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.white_11 { font-family:verdana, arial, helvetica; font-size:11px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.black_12_b { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.copyright_text { font-family:verdana, arial, helvetica; font-size:10px; color:#fff; text-decoration:none; font-weight:bold; line-height:150%; }
.sqft_address_text { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; }
.price_address_text { font-family:verdana, arial, helvetica; font-size:12px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; }
.title { font-family:verdana, arial, helvetica; font-size:14px; color:#000; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.accolades_title { font-family:verdana, arial, helvetica; font-size:14px; color:#000; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.accolades_text { font-family:verdana, arial, helvetica; font-size:14px; color:#000; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.mmd_text { font-family:verdana, arial, helvetica; font-size:10px; color:#fff; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
label { font-family:verdana, arial, helvetica; font-size:14px; color:#000; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
/*================================================= MARGINS AND PADDING =======================================================*/
.view_properties_margin { margin:43px 0 0 0px; }
.contact_now_margin { margin:43px 0 0 0px; }
.property_box_margin { margin:0 100px 60px 0; display:inline; }
.property_address_margin { margin:15px 0; }
.sort_label_margin { margin:2px 0 0 0; }
.sort_input_margin { margin:2px 0 0 5px; }
.sort_btn_margin { margin:0 0 0 5px; }
.details_img_padding { padding:0 0 5px 0; }
.accolades_inner_ie_margin { *margin:-15px 0 0 0; }
/*===============================FLOATS====================================*/
.left { float:left; }
/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}