/* @override http://goldendog.ronlikefilms.com/styles/styles.css */

/* CSS Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sup,dl,dt,dd,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

body{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

/* TEXT ELEMENTS */
h1{font-size:24px; margin-bottom:15px; color:#9e6c34; border-bottom:1px solid #000000;}
h2{font-size:18px; font-style:italic; font-family:Georgia; color:#72754a;}
h4{font-size:14px; font-weight:bold; font-family:Arial; color:#72754a; margin-bottom:4px;}

p{line-height:1.6;margin:0 0 15px 0;}
strong{font-weight:bold; color:#9e6c34;}
em{font-style:oblique; color:#72754a;}
#content li{line-height:1.6;}

a:link {color:#cc5419; text-decoration:underline;}
a:active, a:hover {color:#b68b3d;text-decoration:underline;}
a:visited {color:#72754a;text-decoration:underline;}

.thumbnail {margin:4px 12px 10px 0;}

/* LAYOUT */
#container{
	position: relative;
	width: 1024px;
	margin: 0 auto;
	background: #fff url(../images/bg.jpg) top left no-repeat;
	text-align: left;
}

#header{
	position: absolute;
	top: 0; left: 0;
	width: 1024px;
	height: 200px;
	background: transparent url(../images/banner-swoop-top.png) top left no-repeat;
	z-index:100;
}
#logo{position:absolute;top:27px;left:30px;}

#menu{position:relative;float:right;margin:125px 25px 0 0;}
#menu li{float:left;width:87px;height:102px;}
#menu li a{
	float: left;
	display: block;
	width: 95px;
	height: 102px;
	overflow: hidden;
	text-indent:-5000px;z-index:2;
}
#menu li a.home{background: transparent url(../images/nav-home.gif) top left no-repeat;}
#menu li a.contact{background: transparent url(../images/nav-contact.gif) top left no-repeat;}
#menu li a.about{background: transparent url(../images/nav-about.gif) top left no-repeat;}
#menu li a.links{background: transparent url(../images/nav-links.gif) top left no-repeat;}
#menu li a.portfolio{background: transparent url(../images/nav-portfolio.gif) top left no-repeat;}
#menu li a.rentals{ ;background: transparent url(../images/nav-rentals.gif) top left no-repeat;}
#menu li ul{
	display: none;
	position: absolute;
	top: 101px;
	left: 11px;
	min-height: 30px;
	width: 501px;
	background: transparent url(../images/sub-nav.jpg) bottom left no-repeat;
	z-index: 1;
}
#menu li:hover ul{display:block;}
#menu li ul li{display:block;width:auto;height:30px;}
#menu li ul li a{
	width: auto;
	height: auto;
	text-indent: 0px;
	color: #716353;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 6px 10px 0 10px;
	overflow: visible;
}

#sidebar{
	float: left;
	width: 409px;
	margin-top: 110px;
}
#sidebar small{margin-left:15px;font-size:12px;}

#content{
	float: right;
	width: 500px;
	margin: 60px 40px 0 0;
}

#footer{
	clear: both;
	width: 1024px;
	padding: 5px 0;
	margin-top: 20px;
	background-color: #B5987A;
	color: #fff;
	text-align: center;
}
#footer h3{font-size:18px;}

.clear{clear:both}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
