/*
*   Filename:   style.css

*   Version:    1.0.0 (2010-03-29)YYYY-MM-DD

*   Website:   http://www.obriensouthkentrealty.com/ 

*   Author:     @minddesign
*
*   This was designed by Logix (http://www.logixstudios.com/) for O'Brien Southkent Realty
*
*/

/* Default Reset & Page Wrap
*********************************************************/
@import "reset.css";
@import "typography.css";

html, body {margin:0; padding:0;}

body {background:#000000 url(http://obriensouthkentrealty.com/images/obrbg.jpg) top left repeat-x;}

#page-wrap {width:768px; margin:10px auto 0; height:100%}


/* Global Classes
*********************************************************/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.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 */




#page-top {background:url(http://obriensouthkentrealty.com/images/pagewrap-top.png) top left no-repeat; width:768px; height:10px;}
#page-bottom {background:url(http://obriensouthkentrealty.com/images/pagewrap-bottom.png) top left no-repeat; width:768px; height:9px;}
#inside-wrap {background:#FFFFFF;}

#header {padding-bottom:12px;}
#header img {display:block; margin:0 auto;}




/* REMOVE THIS BEFORE GOING LIVE ONLY TEMP TO PLACE MENU AREA */
#navigation {
     background:url(http://obriensouthkentrealty.com/images/menu.png) top left no-repeat;
     width:748px;
     height:34px;
     margin:0 auto;
     font-family:Arial, sans-serif;
     text-align:center;
}

#navigation ul {width:748px; list-style:none; margin:0; padding:0; position:relative;}
#navigation ul li {float:left; height:34px; margin:0; padding:0; position:relative;}


#navigation ul#nav li a {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:9px;
    font-weight:900;
    display:block;
    padding:6px 10px;
    }

/* SECOND LEVEL NAV */
#navigation ul ul { background:#7e1618; margin:0; padding:0; position:absolute; top:33px; left:0; visibility:hidden; width:130px; text-align:left;}
#navigation ul ul li,
#navigation ul ul li a {  display:block; float:none; padding:0; margin:0; width:auto;}
#navigation ul ul li a {  padding:10px; width:110px; font-weight:normal;}


/* THIRD LEVEL NAV */

#navigation ul ul ul { background:#7e1618; margin:0; padding:0; position:absolute; top:0px; left:130px; visibility:hidden; width:130px; }
#navigation ul ul ul li,
#navigation ul ul ul li a {  display:block; float:none; padding:0; margin:0; width:auto;}
#navigation ul ul ul li a { padding:10px; width:110px; font-weight:normal; text-decoration:none;}

.hover { background:#a60000; text-decoration: underline; color:#FFF;}

#slider {width:748px; height:150px; margin:0 auto; padding: 20px 0; font-size: 12px;}
#featurepanel {margin: 10px; }

.feature {display:block; background:url(http://obriensouthkentrealty.com/images/subheader.png) top left no-repeat; color:#FFF; text-transform:uppercase; width:728px; height:21px; padding-left:16px; line-height:21px; font-size: 14px; padding-top: 2px;}

#content {
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 12px;
	padding-left: 30px;
}  /* Total width = 768px  content - padding = 708px */ 

#Lcol {width:445px; height:300px; padding-right:14px; float:left; overflow: auto;}
#Rcol {width:226px; padding-left:18px; float:left;}
#Rcol img {padding-bottom:10px;}


#footer {color:#FFF; font-weight:900; text-align:center; font-size:11px; padding-top:10px; font-family:“Helvetica Neue”, Helvetica, Arial, sans-serif;}
#promo {
	float:right;
	width: 200px;
	padding: 20px 40px 12px 20px;
	background-image: url(http://obrienrobertsonyoungrealty.com/images/promoback.jpg);
	background-repeat: no-repeat;
	margin: 15px 0 0 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}