body {
	background-color: #5B4929;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 100px;
}
#container{
	width: 800px;
	margin:auto;
	background-image:url(../images/container_bg.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}
#inner_container{
	width: 758px;
	background-image:url(../images/top_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding: 21px;
}
#logo{
	width: 217px;
    height: 300px;
	background-image:url(../images/logo.gif);
	background-position: 24px 20px;
	background-repeat:no-repeat;
	padding-left: 28px;
	padding-top: 0px;

}
#logo p{
padding-top: 130px;
}
#logo h1{
	display: none;
}
#top_image{
	width: 476px;
	height: 201px;
	background-repeat:no-repeat;
	float: right;
	margin-bottom: 0px;
    margin-top: 0px;	
    margin-right: 18px;	
}
#flashcontent{
	width: 474px;
	height: 299px;
	background-repeat:no-repeat;
}

html>body {
	margin-right: 18px;
}
#nav{
	clear:both;
	background-image:url(../images/nav_bg.gif);
	background-repeat:repeat-x;
	height: 42px;
	border-left: solid 1px #BDA27E;
	border-right: solid 1px #BDA27E;	
	color: #333333;
}
#nav ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#nav li{
	float: left;
	line-height: 43px;
}
#nav a{
	color: #333333;
	text-decoration: none;
	display:block;
	padding: 30px;
	padding-top: 0px;	
	padding-bottom: 0px;		
}
.divide{
	background-image:url(../images/nav_divide.gif);
	background-repeat:no-repeat;
	background-position:right;
}	

#content{
	min-height: 750px;
	margin-top: 15px;
	padding: 20px;
}
#portfolio_selector{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 461px;
}
#portfolio_selector li{
	float: left;
	width: 221px;
	height: 84px;
	margin-bottom: 11px;	
	border: solid 1px #999999;
}
#portfolio_selector li a{
	display: block;
	width: 221px;
	height: 84px;
	text-decoration: none;
 
}


#portfolio_home{
	background-image:url(../images/title_portfolio.gif);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 300px;
}
#portfolio_home h1{
	display: none;
}
#portfolio_selector span{
	visibility: hidden;
}
.gap{
	margin-right: 11px;
}
#nav_1{
	background-image:url(../images/nav_1.gif);
}
#nav_2{
	background-image:url(../images/nav_2.gif);
}
#nav_3{
	background-image:url(../images/nav_3.gif);
}
#nav_4{
	background-image:url(../images/nav_4.gif);
}
#nav_5{
	background-image:url(../images/nav_5.gif);
}
#nav_6{
	background-image:url(../images/nav_6.gif);
}
#home_col{
	float: right;
	width: 221px;
    margin-right: 10px;
	background-image:url(../images/title_bespoke.gif);
	background-repeat:no-repeat;
	padding-top: 25px;
}
#home_col h2{
	display: none;
}
.call_to_action{
	font-weight: bold;
	color: #FF6600;
	display:block;
	text-decoration: none;
	background-image:url(../images/call_to_action.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:right;
	padding-right: 20px;
}
.call_to_action:hover{
	text-decoration: underline;
}
#container_bottom{
	background-image:url(../images/footer_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#footer{
	color: #FFFFFF;
	width: 750px;
	margin: auto;
	margin-top: 15px;
}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer-nav{
background-color: #333333; 
	color: #FFFFFF;
	width: 780px;
	margin: auto;
	margin-top: -5px;
    padding-top: 30px;
    padding-bottom: 30px;
}
ul.nobullet {
  list-style-type: none}
   
}
ul.nobullet a:hover{
	color: #FFFFFF;
	text-decoration: underline;
   list-style type: none;
   
}
#footer-nav a{
	color: #FFFFFF;
	text-decoration: none;
}

#copyright{
	float: left;
}
#credit{
	float: right;
}
#sub_nav{
	float: left;
	width: 235px;
	background-repeat: no-repeat;
	padding-top: 40px;
}
.portfolio{
	background-image:url(../images/title_portfolio.gif);
}
#sub_col{
	float: left;
	width: 480px;
}
#sub_nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sub_nav li{
	background-image:url(../images/subnav_arrow.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 30px;
	line-height: 30px;
	width: 180px;
}
#sub_nav a{
	text-decoration: none;
	color: #666666;
	display: block;
}
#sub_nav a:hover, #nav a:hover{
	text-decoration: underline;
}
.clear{
	clear: both;
}
#index{
	background-image:url(../images/title_portfolio.gif);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#about_us{
	background-image:url(../images/about_us.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#about_us h1{
	display: none;
}
#office{
	background-image:url(../images/office.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}

#office h1{
	display: none;
}

#other{
	background-image:url(../images/other.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#other h1{
	display: none;
}

#faq{
	background-image:url(../images/faq.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#faq h1{
	display: none;
}
#portfolio{
	background-image:url(../images/portfolio.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#potfolio h1{
	display: none;
}
#testimonial{
	background-image:url(../images/testimonials.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#testimonial h1{
	display: none;
}
#bedroom{
	background-image:url(../images/bedroom.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#bedroom h1{
	display: none;
}
#lounge{
	background-image:url(../images/lounge.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#lounge h1{
	display: none;
}
#kitchen{
	background-image:url(../images/kitchen.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#kitchen h1{
	display: none;
}
#dining{
	background-image:url(../images/dining.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
	width: 461px;
}
#dining h1{
	display: none;
}
#contact{
	background-image:url(../images/contact.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
}
#contact h1{
	display: none;
}
#contact_col{
	float: right;
	width: 440px;
	margin-right: 10px;
	background-image:url(../images/form.jpg);
	background-repeat:no-repeat;
	padding-top: 60px;
}
#links{
	background-image:url(../images/links.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
}
#links h1{
	display: none;
}
#bathroom{
	background-image:url(../images/bathroom.jpg);
	background-repeat:no-repeat;
	padding-top: 40px;
	float: left;
}
#bathroom h1{
	display: none;
}
a{
	text-decoration: none;
	color: #FF6600;
}
a:hover{
	text-decoration: underline;
}
h3{
color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	}
	
h1{
color: #666666;
margin-top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	}
	h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	color: #FF6600;
	}
#location{
	padding-top: 40px;
	float: left;
	width: 461px;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 99999999;
}
.sf-menu {
	line-height:	0px;
}
.sf-menu ul {
	position:absolute;
	top: -99999px;
	width:			13em; /* left offset of submenus need to match (see below) */
    
}
.sf-menu ul li {
	width:			100%;
    padding: 7px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			25em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			23em; /* match ul width */
	top:			0;
    padding: 12px;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a{
	color: #666666!important;
	text-decoration:none;
	font-size: 1.1em;	
	
}


.sf-menu ul a{
	font-weight: normal;
	color: #666666;
	display:block;
	line-height: 1.25em!important;
   
}
.sf-menu ul li a:hover{
	color: #666666!important;	
	text-decoration: underline;
    background-color: #D6BC9A;
   
    
}
.sf-menu li li {
	background:		#CFB390;
	background-image:none;
}
.sf-menu li li li {
	background:		#CFB390;
	background-image:none;	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu a:hover, .sf-menu ul a:hover{
	text-decoration: underline;
}
