/*  

   Villefranche Sur Mer
   www.holidays-villefranche.com
   
   #63522f - Brown
   #2c2c2c - Black
   #ffffff - White

*/

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;;
	vertical-align: baseline;
}

/* 
	GENERAL
*/

body { line-height:150%; font-size: 16px; background: url(images/background.jpg) repeat; }
p  { margin: 0px 0px 20px 0px; border-bottom: 1px solid #e4e4e4; padding: 0px 0px 10px 0px; }
h2 { font-size: 24px; padding: 0px 0px 30px 0px; color: #a20707; text-align: left; }
a  { text-decoration: none; color: #a20707; }
a:hover  { text-decoration: none; color: #000; }
a img  { border: none; }
a img:hover  { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.last { margin-right: 20px;}
#sidebar-left a { font-size: 16px; padding: 0px 0px 0px 0px; text-decoration: none; color: #a20707; border-bottom: 1px solid; }
#sidebar-left a:hover { font-size: 16px; padding: 0px 0px 0px 0px; text-decoration: none; color: #2c2c2c; border-bottom: 1px solid; }
.iframe { margin: 20px 0;}
.float_right { float: right; }
.bold { font-weight: bold; }
.clear { clear: both; }
.padding_right { padding: 0px 0 10px 20px; }
.margin_bottom { margin: 0 0 20px; }

/*
  HEADERS
*/
h1.logo		{ margin: 20px 0px 20px 0px; height: 100px; width: 500px; background: url(images/villefranche-logo.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
h3 { font-size: 14px; padding: 0px 0px 10px 0px;}
h4 { font-size: 20px; padding: 0px 0px 5px 0px; margin-bottom: 5px; }
h2.rating { font-size: 24px; padding: 0px 0px 10px 0px; margin-bottom: 30px; color: #a20707; border-bottom: 20px solid #e4e4e4; }
h2.rating-right { font-size: 24px; padding: 0px 0px 10px 0px; margin-bottom: 30px; color: #a20707; border-bottom: 20px solid #e4e4e4; text-align: right; }


/* GUESTBOOK page: */
.submitted { font-size: 16px; font-style: italic; border: none; margin: 0 0 5px; color: #a20707; }
.review_content { width: 320px; height: 160px; float: left; margin: 0 20px 20px 0; text-align: left; }
.review_content_right { width: 300px; height: 140px; float: right; margin: 0 0 20px 20px; text-align: right; }
.review_header { margin-bottom: 20px;}
ul#guestbook_nav { margin: 10px 0 30px 0 ;}
ul#guestbook_nav li { margin: 0px 10px; text-align: centre; padding: 0px 0px 5px; display: inline; text-decoration: none; }
ul#guestbook_nav a { border-bottom: 2px dotted #a20707; padding: 0px 0px 5px; }
ul#guestbook_nav li.current a, ul#guestbook_nav a:hover { border-bottom: 2px dotted #000; color: #000; padding: 0 0 5px 0; }


/*
  PAGE LAYOUT
*/
#content_wrapper { width: 980px; min-height: 800px; margin: 0px auto; background: #fff;}
#masthead { margin: 20px 20px; }

/*
  NAVIGATION
*/
ul#nav { text-align: left; margin-left: 20px; }
ul#nav li { display: inline; }
ul#nav li a { text-decoration: none;  color: #420000; font-size:15px;  margin: 0px 0px 14px 0px; padding: 7px 7px; border: 1px solid #e4e4e4; }
ul#nav li a:hover, #homepage #nav-home a,
#propertiespage #nav-properties a,
#aboutpage #nav-about a,
#guestbookpage #nav-guestbook a,
#salepage #nav-sale a,
#contactpage #nav-contact a,
#apartmentpage #nav-apartment a,
#detailspage #nav-details a { background: #e4e4e4; color: #a20707; border: 1px solid #e4e4e4;}


/* MASTHEAD */
#slideshow { position:relative; height:280px; width: 940px; clear: both; margin: 20px 0 20px 20px;  }
#slideshow img { position:absolute; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }

/*
BODYCONTENT
*/

#bodycontent { width: 500px; float: left; margin: 0px 20px 0px; text-align: justify; line-height: 150%; clear: both; }
#property-bodycontent { width: 700px; float: left; margin: 0px 20px 0px; text-align: justify; line-height:150% }
.large-para-start { font-size: 24px; }
img.body-image { margin: 20px 0px 20px 0px;}
#gallery { margin-bottom: 30px; clear: both;}
#gallery img { margin: 10px 22px 10px 0px; }
.bodycolumn { width: 200px; float: left; margin-right: 32px; text-align: left; }
.body-properties-header {float: left; margin: 5px 20px 40px 0px;}

/*
BODYCONTENT WIDE
*/
#bodycontent_wide { width: 940px; padding: 20px; }

/*
SIDEBAR
*/
#sidebar-left { width: 200px; float: right; margin-right: 20px; }
#sidebar-right { width: 200px; float: right; margin-right: 10px;}
#sidebar-right img { margin-bottom: 110px; }
#sidebar { width: 420px; float: right; margin: 0 10px 40px 0; }

/*
FOOTER
*/
#footer { clear: both; margin: 40px auto; text-align: center;  }
.highlight { color: #a20707; }