/**************************************************************

Villa Flora Main Styles

Author & Copyright: Flip Media

Do not copy any elements of this stylesheet without first asking our permission.

STYLESHEET CONTENTS
1. HTML Tags
2. Layour Divs
3. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation	  
	  d. Info Column
	  e. Content Column
      f. Form
4. General Formatting Classes

COLOUR SCHEME

***************************************************************/

/********************* HTML Tags ********************/
* { 
	margin: 0px;
	padding: 0px;}

html {	
	}	

body {	
	background:url(../images/Page_BG.png) top repeat-y #EEE9DB;}

p {	
	}

li {
	list-style-type: none;}

a:link, a:active, a:hover, a:visited { 
	text-decoration:none;}	
	
/* Image Replacement */
h1 span, h2 span, h3 span, h4 span {	
	display:none;}	

	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	
	width: 814px;
	margin: 0 auto;}
			
#header {	
	position: relative;
	height: 154px;
	background:url(../images/TopLine.gif) top left repeat-x;}		
				
#content {	
	background:url(../images/SubBodyBG.jpg) top left no-repeat;
	min-height: 710px;}
	
#contentHolidays {	
	background:url(../images/SubHolidaysBodyBG.jpg) top left no-repeat;
	min-height: 710px;}

#contentWhy{	
	background:url(../images/SubWhyBodyBG.jpg) top left no-repeat;
	min-height: 710px;}
	
#contentContact{	
	background:url(../images/SubContactBodyBG.jpg) top left no-repeat;
	min-height: 710px;}

.home#content {	
	background:url(../images/HomePage_BG.jpg) top left no-repeat;
	min-height: 710px;}

#contentColumn {
	float: left;
	width: 500px;
	margin-top: 160px;	
	min-height: 310px;
	padding-left: 20px;}
	
.home #contentColumn {
	background:url(../images/HomePhotos.jpg) top left no-repeat transparent;
	margin-top: 243px;}	



#infoColumn {
	float:right;
	width: 235px;
	margin: 150px 32px 20px 0;}

#footer {	
	clear: both;
	background-color:#25BEFE;
	padding: 15px 20px;
	margin: 30px 0 0 0;}
				
#mainNav {	
	position: absolute;
	right: 0;
	bottom: 20px;}
			
#subNav {	}

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

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

#headerHomeLink {
	background:url(../images/Logo.png) top left no-repeat;
	width: 162px;
	height: 110px;
	float:left;	
	margin-top: 30px;
	margin-left: 20px;}

#headerHomeLink a {
	position:absolute;
	left: 0;
	top: 25px;
	width: 162px;
	height: 110px;}	


/* -------- End Header -------- */

/* -------- Footer -------- */



/* -------- End Footer -------- */

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

#accessibilityBar {
	float: right;
	margin-top: 20px;}

#accessibilityBar a:hover {	
	text-decoration:underline;}

#mainNav{	}

#mainNav ul{	
	float: right;}

#mainNav li{	
	float: left;}

#mainNav a{
	padding: 5px 12px;
	border-right: 1px solid #CCC;}
	
#mainNav li.last a{
	border-right: 1px solid #FFF;}
	
#mainNav a.mainNavActive , #mainNav a:hover{	
	background-color:#FF9900;
	border-right: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	margin-left: -1px;}
	
#subNav {	
	font-size: 11px;}
		
#subNav li {	
	border-bottom: 1px solid #CCC;
	display: block;}
				
#subNav li a {	
	display: block;
	line-height: 280%;
	margin-left: 5px;}
				
#subNav a.subNavActive, #subNav a:hover {	
	font-weight: bold;}

/* -------- End Navigation -------- */

/* -------- End Info Column -------- */

#infoColumn {
	float:right;
	width: 235px;
	margin: 130px 32px 20px 0;}
	
	.home #infoColumn {
	margin: 150px 32px 20px 0;}	


#infoColumn h1, #infoColumn h2 {
	border-bottom: 1px solid #CCC;}
	
#infoColumn h2 {
	margin-top: 20px;}	
	
#infoColumn p {	
	margin-top: 15px;}
	
#sideGallery {
	background-color:#E6DFCC;	
	margin-top: 17px;
	padding-bottom: 8px;
	overflow:hidden}

#sideGallery li {
	float: left;
	margin: 10px 0 0 10px;}

#sideGallery img {
	padding: 5px;
	background-color:#FFF;
	border: 1px solid #D8CDA9;}	

/* -------- End Info Column -------- */

/* -------- Content Column -------- */

h2#comeTaste {
	background:url(../images/comeAndTaste.gif) top left no-repeat;
	width: 169px;
	height: 63px;}
	
#contentIntro {
	padding: 30px 0 0 215px;
	width: 268px;
	border-bottom: 1px solid #E6DFCC;
	padding-bottom: 30px;}	
	
#shortcuts {
	margin-top: 30px;
}
#shortcuts li {
	float: left;
	width: 165px;}	

#shortcuts img { 
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
	margin-bottom: 10px;}
	
/* -------- End Content Column -------- */

/* -------- Form -------- */

.text  {
    border: 1px solid #555;
    width: 350px;
    padding: 3px;}
.text.narrow  {
    width: 100px;}
.radio td {
    padding-right: 10px;}
.radio label {
    padding-left: 5px;}
    
.sendButton {
    background: url(../images/btnSend.gif) top left no-repeat;
	width: 66px;
	height: 24px;
	padding-top: 24px;
	border: none;
	cursor: pointer;}    
/* -------- End Form -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.button {	
	}

.flRightImg {
	float:right;}

.flLeftImg {
	float:left;}
	
.left {	
    float: left;}
.right {	
    float: right;}

.clear {
    clear: both;}
    
.errorMsg {    
    font-size: larger;
    color: #F00;
    font-weight: bold;}
/********************* End General Formatting *********************/