/*****************************
 * VENICE BEACH ECO COTTAGES (R) 
 * Dat Nguyen / Popular Forces, Inc.
*****************************/

body {
	margin:0 auto;
	padding:0;
	background:url(images/body_bg.jpg) no-repeat;
	color:#595959;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background-color:#8a8268;
}

body a {
	text-decoration:none;
	color:#8f7542;
}

body a:hover {
	text-decoration:underline;
}

#outerwrapper {
	width:758px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

* html #outerwrapper {
	padding:0 0 0 9px;
	width:753px;
}

#photocredit {
	padding:0;
	width:10px;
	float:right;
	margin:160px 0 0 0;
	z-index:5;
}
	
#innerwrapper {
	width:730px;
	display:block;
	border:1px solid white;
	border-top:none;
	border-bottom:none;
	padding:0 4px 0 4px;
	margin:0 auto;
}

#banner_div {
	width:730px;
	height:316px;
	margin:0 auto;
	padding:0;
	z-index:0;
	background-color:#FFFFFF;
}

#content_row {
	width:730px;
	margin:0 auto;
	padding:0;
	background-color:#b6ae95;
	display:table;
}

#content_col {
	display:block;
	float:left;
	width:478px;	
	background:url(images/contentcol_bg.gif) repeat-y;
	padding:0;
	clear:none;
}

#content_colbody {
	display:block;
	width:401px;
	text-align:left;
	margin:0 0 0 29px;
	background:url(images/contentcolbody_bg.gif) no-repeat;
	background-position:0 0;
	padding:0 20px 30px 20px;
}

*:first-child+html #content_colbody {	
/* IE 7 HACK */
	margin:0 0 0 23px;
} 

* html #content_colbody {
/* IE 6 and BELOW HACK */
	margin:0 0 0 23px;
}

#content_colbody #logo {
	margin:0 auto;
	text-align:center;
}

#content_colbody #home_intro {
	font-size:16px;
	line-height:22px;
	margin:29px 0 0 0;
}

#content_colbody #content_intro {
	font-size:14px;
	line-height:22px;
	margin:29px 0 0 0;
}


#content_colbody #dottedline {
	margin:18px 0 23px 0;
}

/*

body.papahemingway #content_col {
	height:485px !important;	
}

body.papahemingway #content_colbody {
	height:420px !important;
}

body.auntzoe #content_col {
	height:485px !important;	
}

body.auntzoe #content_colbody {
	height:420px !important;
}

body.papahemingway #content_col {
	height:485px !important;	
}

body.papahemingway #content_colbody {
	height:420px !important;
}

body.lebebe #content_col {
	height:485px !important;	
}

body.lebebe #content_colbody {
	height:420px !important;
}

body#bookyourstay #content_col {
	height:485px !important;	
}

body#bookyourstay #content_colbody {
	height:420px !important;
}

body#press #content_col {
	height:484px !important;	
}

body#press #content_colbody {
	height:420px !important;
}*/

.content_col_height {
	height:485px !important;
}

.content_colbody_height {
	height:420px !important;
}


*:first-child+html .content_colbody_height {
/*IE HACK */
	height:421px !important;
}

* html .content_colbody_height {
/*IE HACK */
	height:421px !important;
}

.bookyourstay_link {
	font-size:10px;
	padding:0 10px 0 10px;
}

.bookyourstay_link a {
	
}


#sidebar_col {
	display:block;
	float:right;
	background:url(images/sidebarcol_bg.gif) repeat-y;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	line-height:14px;
	padding:0 !important;
	margin:0 0 1px 0;
	clear:none;
	width:252px;
	/*height:486px;*/
}

*:first-child+html #sidebar_col {	
/* IE 7 HACK */
	/*height:487px; !important;*/
} 

#sidebar_col a {
	color:#FFFFFF;
}

#sidebar_col #sidebar_content {
	padding:0 40px 8px 15px;
	/*height:428px;*/
}

*:first-child+html #sidebar_col #sidebar_content {	
/* IE 7 HACK */
	/*height:436px !important;*/
} 

* html #sidebar_col #sidebar_content {	
/* IE 6 HACK */
	/*height:436px !important;*/
} 

#sidebar_col #sidebar_copy {
	width:197px;
}

#sidebar_col  #readmore {
	margin:3px 0 0 0;
}

#sidebar_col  #dottedline {
	margin:20px 0 20px 0;
}

#sidebar_col #contactus_eml a {
	color:#5d3f26;
}

#footer {
	width:730px;
	display:block;
	border:1px solid white;
	border-top:none;
	padding:0 4px 4px 4px;
	margin:0 auto 20px auto;
}

*:first-child+html #footer {	
/* IE 7 HACK */
	margin:0 14px 20px auto;
} 

* html #footer {
	margin:0 20px 20px auto;
}

#footer #footer_content {
	background-color:#b6ae95;
	text-align:left;
}

#footer #footer_links {
	text-align:center;
	width:478px;
	height:25px;
	line-height:18px;
	font-size:11px;
	padding:8px 0 0 0;
	color:#5d3f26;
}

#footer #footer_links a {
	color:#5d3f26
}

#copyright {
	text-align:center;
	width:485px;
	height:25px;
	font-size:10px;
	padding:0 0 0 0;
	color:#B6AE95;
	float:left;
}

#menubar {
	z-index:10;
	position:absolute;
	width:452px;
	margin:0 0 0 24px;
	height:36px;
	background:url(images/menubar.gif) no-repeat;
	background-position:top left;
}


ul#navigation {
	margin:0 0 0 5px;
    padding: 0;
    list-style-type: none;
}

ul#navigation ul {
	margin: 0px auto;
    padding: 0;
    list-style-type: none;
}

ul#navigation li {
	padding: 0;
	margin: 0 1px 0 0;
	display: block;
	float: left;
}

ul#navigation li a {
	border:0;
	display:block;
	height:31px;
	text-indent:-9999px;
}

ul#navigation li a:hover {
	border:0;
	display:block;
}

#navigation li ul {	
	z-index:10;
	display:block;
	visibility:hidden;
	position: absolute;
	margin:0 0 0 0px;
	height:31px;
	padding:0 0 0 0;
}

#navigation li:hover ul,
#navigation li.hover ul {
	visibility: visible;
	z-index: 100;
}


li#cottages a {
    width:128px;
	background:url(images/menubar.gif) -5px 0;
}

li#cottages a:hover {
	background-position:-5px -36px;
}

body#thecottages li#cottages a {
	background-position:-5px -36px;
}

body#thecottages #navigation li ul {
	visibility: visible;
	z-index: 100;
}

li#cottages ul {
	position:absolute;
	float:left;
	width:432px;
	background:url(images/subnav.gif) 0 0;
}

li#cottages ul li {
	margin-right:6px;
}
    
li#cottages ul a {
	height:31px;
}
    
li#cottages ul li a, li#cottages ul li a:hover {
    margin:0;
}
    
li#cottages ul li#papahemingway a {
	width:138px;
}

li#cottages ul li#papahemingway a {
	background:url(images/subnav.gif) 0 0;
}

li#cottages ul li#papahemingway a:hover {
	background-position:0 -31px;
}

body.papahemingway li#cottages ul li#papahemingway a {
	background-position:0 -31px;
}

li#cottages ul li#auntzoe a {
	width:144px;
}

li#cottages ul li#auntzoe a {
	background:url(images/subnav.gif) -144px 0;
}

li#cottages ul li#auntzoe a:hover {
	background-position:-144px -31px;
}

body.auntzoe li#cottages ul li#auntzoe a {
	background-position:-144px -31px;
}

li#cottages ul li#lebebe a {
	width:80px;
}

li#cottages ul li#lebebe a {
	background:url(images/subnav.gif) -294px 0;
}

li#cottages ul li#lebebe a:hover {
	background-position:-294px -31px;
}

body.lebebe li#cottages ul li#lebebe a {
	background-position:-294px -31px;
}




li#bookyourstay a {
    width:129px;
	background:url(images/menubar.gif) -134px 0;
}

li#bookyourstay a:hover {
	background-position:-134px -36px;
}

body#bookyourstay li#bookyourstay a {
	background-position:-134px -36px;
}

li#press a {
    width:70px;
	background:url(images/menubar.gif) -264px 0;
}

li#press a:hover {
	background-position:-264px -36px;
}

body#press li#press a {
	background-position:-264px -36px;
}

li#ourteam a {
    width:102px;
	background:url(images/menubar.gif) -335px 0;
}

li#ourteam a:hover {
	background-position:-335px -36px;
}

body#ourteam li#ourteam a {
    background-position:-335px -36px;
}


.text {
	display:block;
 	border:1px solid #333333;
 	padding:2px;
 	margin:2px;
 	width:250px;
 	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.label { 
	display:block;
	float:left;
	text-align:left;
	width:140px;
	margin:3px 0 8px 0;
	clear:left;
}

.formfield {
	display:block;
	width:250px;
	float:left;
	height:20px;
	margin:3px 0 8px 0;
	clear:right;
}

#spacer {
	clear:both;
}

.required{
  font-size:12px !important;
  margin:0 0 0 3px;
}