/* @override 
	http://www.rootdesigncompany.com/extranet/web/_css/styles.css
	http://rootdesigncompany.com/_css/styles.css
	http://rootdesign.dev/_css/styles.css
*/

* {
   margin: 0;
   padding: 0;
}

body{
   font-size: 62.5%;
   font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
   line-height: 1;
	background: #494949;
}

#home{
	background: #494949 url(../_img/bg_sketch-home.gif) no-repeat 0% 25%;
}

#firm{
	background: #494949 url(../_img/bg_sketch-firm.gif) no-repeat 15px 50px;
}

#build{
	background: #494949 url(../_img/bg_sketch-build.gif) no-repeat 10% 25%;
}

#maintain{
	background: #494949 url(../_img/bg_sketch-maintain.gif) no-repeat 10% 25%;
}

#design{
	background: #494949 url(../_img/bg_sketch-design.gif) no-repeat 10% 25%;
}

#garden{
	background: #494949 url(../_img/bg_sketch-garden.gif) no-repeat 10% 25%;
}

#services{
	background: #494949 url(../_img/bg_sketch-services.gif) no-repeat 10% 25%;
}


hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   width: 758px;
   margin: 0 auto;
}

a{
   overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* =Header
---------------------------------------------------------------------
*/

#header{
	margin-top: 70px;
	margin-bottom: 10px;
	position: relative;
	width: 760px;
}

#header #logo-wrap{
	margin-top: 5px;
	margin-bottom: 0;
	height: 250px;
	overflow: hidden;
	border-bottom: 1px solid #3f3f3f;
	width: 758px;
	background-color: #131313;
}

#header #logo-wrap #logo{

	float: left;
}

#header #logo-wrap img{
	border-style: none;
}

#header #logo-wrap object#billboard, #header #logo-wrap #billboard{
	background-color: #141414;

}

#header #logo-wrap #billboard{
	width: 560px;
	float: left;
	height: 250px;
	color: #141414;
	position: relative;
}

#billboard #controls{
	position: absolute;
	width: 556px;
	height: 50px;
	z-index: 1000;
	display: block;
	bottom: 0;
	left: 0;
}

#billboard #controls a{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../_img/prev_next-btns.png) no-repeat;
	text-indent: -9999em;
}

#billboard #controls #prev{
	color: #fffeff;
	text-decoration: none;
	position: absolute;
	background-position: 0 0;
	bottom: 10px;
	left: 25px;
}

#billboard #controls #prev:hover{
	background-position: 0 -32px;
}

#billboard #controls #next:hover{
	background-position: right -32px;
}

#billboard #controls #next{
	color: #fffeff;
	text-decoration: none;
	position: absolute;
	bottom: 10px;
	background-position: right 0;
	left: 60px;
}

#billboard .title{
	position: absolute;
	font-size: 1.4em;
	color: #dbd0ba;
	bottom: 15px;
	left: 0;
	width: 506px;
	background-image: url(../_img/title_bg.png);
	padding: 15px 25px 15px 55px;
}

#tooltip{
	background: url(../_img/popup_bg.png) no-repeat;
	color: #dcd1bb;
	height: 35px;
	font-size: 1.1em;
	font-weight: bold;
	width: 150px;
	text-align: center; 
	z-index:400;
	line-height: 1.3em;
	padding: 10px 5px;
}


/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   list-style: none;
	display: block;
	position: relative;
	left: 200px;
}

#content #nav{
   list-style: none;
	display: block;
	position: relative;
	left: 0;
	margin-left: 0;
	top: -21px;
	background-color: #141414;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 200px;
	border-bottom: 1px solid #575757;
	width: 558px;
}

#content #nav li{
	border: 1px solid #131313;
}

#nav li{
   float: left;
	padding: 2px 10px 3px;
	border: 1px solid #494949;
	margin-right: 5px;
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#nav li a{
	text-decoration: none;
	color: #d8cdba;
}

#nav li.current, #content #nav li.current, #content #nav li.ui-tabs-selected{
	background-color: #80601f;
  border: 1px solid #dbd0ba;
}



#nav li:hover,  #content #nav li:hover{
	  background-color: #c00;
	border: 1px solid #dbd0ba;
}

#content #nav li a{
	border-style: none;
}

#content #nav li{
	margin-right: 5px;
}


#header #nav li.last{
	float: right;
}

#header #nav{
	width: 560px;
}



/* =Container-Inner
---------------------------------------------------------------------
*/



/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
	margin-top: 20px;
	overflow: hidden;
}


/* =Content
---------------------------------------------------------------------
*/


#content #text{
	padding-left: 10px;
	overflow: hidden;
}


#content{
	width: 555px;
	float: left;
	display: block;
}

#content a{
	border-bottom: 1px solid #686868;
	color: #e8f3f3;
	text-decoration: none;
}

#content a:hover{
	border-bottom-color: #4f4f4f;
}


#content h3{
	color: #c0b89a;
	margin-bottom: 10px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	font-size: 2em;
}

#content h3 span{
	color: #dccfbc;
	text-transform: capitalize;
	float: right;
	font-size: .7em;
}

#content h4{
	font: normal normal 1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}

#content h4 a{
	color: #dbd0ba;
	text-decoration: none;
	border-bottom: 1px solid #3f3f3f;
	padding-bottom: 2px;
}

#content h4 a:hover{
	border-bottom-color: #4f4f4f;
}

#content h4,
#content h5,
#content h6{
   
}

#content p,
#content li{
   margin-bottom: 1em;
   color: #c1c1be;
   font-size: 1.1em;
   line-height: 1.8em;
}

#content ul,
#content ol{
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
}

#content li{
   margin: 0;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}


#content a:hover{
   text-decoration: none;
}

#content #lists{
	margin-bottom: 15px;
}
#content ul.list{
	list-style-type: none;
	margin-left: 0;
	float: left;
	margin-right: 50px;
}

#content ul.list li{
	display: block;
	height: 18px;
}


#content strong{
	color: #f3f3f3;
	font-weight: normal;
	font-size: 1.2em;
	font-style: normal;
}

#content .build-btn strong{
	cursor: pointer;
	background-color: #474747;
	padding: 2px 5px;
}


#content .services{
	color: #f3f3f3;
	line-height: 1.8em;
	font-size: 1.2em;
	background-color: #444;
	padding: 10px;
	border: 1px solid #414141;
}

#content #news-wrap{
	overflow: hidden;
	margin-top: 20px;
	display: inline;
}

#content .more{
	text-align: right;
	color: #8c8c8c;
	font-weight: bold;
}

#content .more:hover{
	color: #c0b898;
}




/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
	width: 200px;
	float: left;
	line-height: 1.8em;

}

#works #sidebar, #contact #sidebar{
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#sidebar #subnav{
	list-style-type: none;
	font-family: Verdana, sans-serif;
	margin-top: 20px;
	
}
.sidenav li {
	font-size: 1.2em;
	padding-bottom: 5px;
	list-style-image: none;
	list-style-type: none;
}
.sidenav li a{
	text-decoration: none;
	color: #dcd0ba;
	background: url(../_img/bg_sub-nav.png) no-repeat left top;
	display: block;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.sidenav li a:hover, .sidenav li.ui-tabs-selected a, .sidenav li.current a{
	background: url(../_img/bg_sub-nav.png) no-repeat left -49px;
}


.sidenav li a:hover{
	color: #c9b89a;
}

#subnav li.current{
	background: url(../_img/bg_sub-nav.jpg) no-repeat left top;
}

/* =Footer
---------------------------------------------------------------------
*/
#services #footer, #build #footer, #maintain #footer, #garden #footer, #design #footer, #firm #footer, #news footer,#news #footer, #contact #footer{
	padding-left: 210px;
}

#works #footer, #home #footer{
	padding-left: 200px;
}
#footer{
    clear: both;
	color: #939585;
	margin-top:0px;
	padding-top: 25px;
}
#footer .tag{
	font-size: 1.1em;
	margin-bottom: 5px;
	color: #c9b89a;
}

#content .news{
	overflow: hidden;
}
#content .news li{
	margin-bottom: 0px;
	list-style-position: inside;
	list-style-type: none;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 10px;

	display: block;
}

#content .news li a{
	border-style: none;
	color: #b4b4b4;
	cursor: pointer;
}

#content .news li:hover{
		background-color: #3c3c3c;
}

#content .news li:hover a{
	text-decoration: none;
	color: #fff;
}


#content #info {
	margin-bottom: 25px;
}

#content #items .item{
	width: 210px;
	float: left;

	padding: 10px;
}

#content #items .item:hover{
	background-color: #363636;
}

#content #items .item.current{
	background-color: #313131;
}

#content #items .item span.info{
	display: none;
}

#content #items .item h4, #content #info h4{
	color: #fff;
	text-shadow: #2c2c2c 1px 1px 2px;
}

#content #items .item h4 span{
	color: #c3b896;
	display: block;
	font-size: .825em;
	margin-top: 1px;
}

#content #info h4{
	padding-bottom: 5px;
}

#content #info  h4 span{
		color: #c3b896;
}


#projects,#project{
	overflow: hidden;

}

#project #text{
	display: block;
	clear: both;
	padding-left: 0;
}
.prevw{
	float: left;
	width: 105px;
	margin-right: 10px;
	height: 56px;
	overflow: hidden;
	border: 1px solid #3f3f3f;
	margin-bottom: 10px;
}


 .prevw:hover{
	border: 1px solid #545454;
}

#works #sidebar{
	display: inline;
	position: relative;
}

#sidebar .back{
text-decoration: none;
	color: #dcd0ba;
	background: url(../_img/bg_sub-nav.png) no-repeat left top;
	display: block;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 1.2em;
}

#sidebar .back:hover{
	background: url(../_img/bg_sub-nav.png) no-repeat left -49px;
}

#sidebar .loading{
	position: absolute;
	top: 10px;
	right: 10px;
}