@charset "utf-8";
/* CSS Document */


/* GENERIC TO ALL PAGES */
	
body{
	background-color:#FFFFFF;
}

.intro-background-image{
	background-image:url(../images/background/bkgrndintro.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.clear{
	clear:both;
	width:0;
	height:0;
	line-height:0;
	}

/* Controls Villa Michalis header on Intro*/	
#logo-area-intro h1{
	margin-left:158px;
	margin-top:70px;
	width:294px;
	height:53px;
	display:block;
	background-image:url(../images/header/villamichalisheader.gif);
	background-repeat:no-repeat;
	text-indent:-999em;
	}
	
#container{
	width:960px;
	height:600px;
	margin:0 auto;
	}
	
/*INTRO PAGE ADDITIONAL */

/* Controls position of flashintro */		
#flash-intro-area{
	margin-left:158px;
	margin-top:25px;
	display:block;
	width:647px;
	}

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

/* ALL MAIN PAGES */
	
/* Controls header position on main pages */	
#logo-area h1{
	margin-left:158px;
	margin-top:70px;
	width:373px;
	height:53px;
	display:block;
	background-image:url(../images/header/villamichalisheaderolives.jpg);
	background-repeat:no-repeat;
	text-indent:-999em;
	}
	
/* Controls sub-header position on main pages */	
#subhead h2{
	display:block;
	background-image:url(../images/subheads/a-warm-welcome.gif);
	background-repeat:no-repeat;
	text-indent:-999em;
	margin-top:2px;
	}
	
/* Controls large main pic on each page */
	#mainpics{
	margin-left:158px;
	margin-top:25px;
	display:block;
	width:647px;
	}	

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


/* Controls 3 column on main pages */

#content{
	margin-top:0px;
	margin-left:158px;
	float:left;
	}

#content.three-col{
	float:none;
	width:647px;
	}
	
#column1{
	width:159px;
	float:left;
	}
#column2{
	margin-left:25px;
	width:310px;
	float:left;
	}
#column3{
	float:right;
	}
	
#subheadleftcolumn{
	width:59px;
	float:left;
	}
	
#subheadmidcolumn{
	width:310px;
	float:left;
	margin-bottom:10px;
	}
	
#thumbs{
	width:159px;
	margin-top:30px;
	}	
	
/* Controls bodycopy style */
	
.bodycopy{
	width:310px;
	padding-top:0px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	color:#5e5b3c;
	}
	
/* Controls bodycopy link style */	
	
.bodylinks a{
	width:310px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.3em;
	color:#5e5b3c;
	text-decoration:underline;
	}
	
/* Controls caption style */
	
.imagecaption{
	width:159;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.7em;
	line-height:1.3em;
	color:#5e5b3c;
	}

/* Controls position etc of check availability (links to calender) */
	
#check-availability{
	float:left;
	width:130px;
	
	}
	
/* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */

/* Controls look of Rates Box */

#ratesbox{
	margin-top:10px;
	margin-left:158px;
	float:left;
	width:647px;
	height:100px;
	}
	
#rates-title-box{
	margin-right:3px;
	margin-top:10px;
	float:left;
	width:91px;
	height:30px;
	background-color:#d8d8e6;
	padding:7px;
	}
	
#rates-title-box-right{
	margin-top:10px;
	float:left;
	width:92px;
	height:30px;
	background-color:#d8d8e6;
	padding:7px;
	}
	
#rates-cost-box{
	margin-right:3px;
	float:left;
	width:91px;
	height:20px;
	background-color:#f0eff5;
	padding:7px;
	}
	
#rates-cost-box-right{
	float:left;
	width:92px;
	height:20px;
	background-color:#f0eff5;
	padding:7px;
	}
	
.rates-copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	line-height:1em;
	color:#666666;
	}
	
.rates-bullets{
	text-indent:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.65em;
	line-height:1.4em;
	color:#666666;
	}
	
#rates-copy-area{
	margin-top:30px;
	margin-left:158px;
	float:left;
	width:647px;
	}
	
/* Controls gallery */
	
.gallery-copy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1em;
	color:#666666;
	}
	
#gallery-main-pic{
	margin-left:158px;
	margin-top:25px;
	display:block;
	width:647px;
	height:420px;
	}
	
.thumbnail{
	margin-right:9px;
	margin-bottom:10px;
	float:left;
	}
	
.thumbnailright{
	margin-bottom:10px;
	float:right;
	}
	
#subheadgallery{
	margin-top:10px;
	margin-bottom:5px;
	width:300px;
	}
	
/* Controls contact form */

#name, #email, #question1, #question2, #question3, #question4, #submit {
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: .8em;
	float: left;
	width: 250px;
	margin-top:0px;
	margin-bottom:5px;
}

#content{
	margin-top:35px;
	margin-left:158px;
	float:none;
	}

#content.two-col-contact{
	width:647px;
	float:none;
	}
	
#column2contact{
	margin-left:40px;
	width:250px;
	float:left;
	}
#column1contact{
	margin-left:0px;
	width:290px;
	float:left;
	}
	
.bodycopycontact{
	padding-top:0px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	color:#5e5b3c;
	}	

input, textarea{
  padding:2px;
  border: 1px solid #aaaaaa;
  color:#444444;
  font-size:12px !important;
  
}


/* Controls Calender*/	
.month-container{
	float:left;
	width:130px;
	vertical-align:top;
	border:1px solid #cccccc;
	margin:8px;
	padding:6px;
	height:110px;
}

.month-header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:2em;
	color:#5e5b3c;
	text-align:center;
}

.months{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.4em;
	width:130px;
	float:left;
}


/* Controls Thank you form return page*/	
#thankyoucontainer{
	width:691px;
	margin:0 auto;
	}

#column1thankyou{
	margin-top:20px;
	margin-left:158px;
	padding: 15px 20px 15px 20px;
	width:335px;
	background-color:#958D63;
	}
	
.bodycopythankyou{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	color:#FFFFFF;
	text-align:center;
	padding-bottom:5px;
	}	
	
.centredlink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.5em;
	color:#958D63;
	text-align:center;
	padding-top:20px;
	}