<!-- 
/*Created for Richard and Emily Hausman's Italian Villa - Casa Vibianella*/
/*by Brain Arcade Desgign Studio, LLC*/
/*http://www.brainarcadedesign.com*/
/*Copyright 2007 - 2008*/
html { 
	overflow: -moz-scrollbars-vertical !important; /*mozilla hack to force a scrollbar and avoid the page shift bug*/
	} 
#body {	
	width: 100%;	
	height: 100%;	
	background-color: #fff;	
	margin: 0 auto;	
}
#page {	
 	width: 800px; 	
 	height: 100%;	
 	margin: 0 auto; 	
 	text-align: left;	
 	background-color: #fff;	
 	font: 0.8em Verdana, Helvetica, Arial, sans-serif;	
}
#header {  	
 	height: 110px;  	width: 100%;  	
 	background: #fff url('images/header.gif') no-repeat; 	
 	color: #68aa4a; 
} 
/*formats the gradient image beneath the header image to give depth to site*/
.gradient {
 	width: 795px;
	 position: relative;
 	height:  15px;
 	background: url(images/GreyGradient.jpg) 0% 80% repeat-x;
 	color: #fc2;
}*
#columns {	
 	height: 80%;	
}
#leftcol {	
 	position: relative;	
 /*top is used only if there is a header gradient. If gradient, make this the inverse of gradient height, otherwise, comment it out*/
 top: -15px; 
 	width: 160px;	
 	min-height: 510px;
 	#height: 505px; /*ie hack */
 	background-color: #8a3324;
 	float: left;	
}
#maincol {	
 	 /*margin-top is used only if there is a header gradient. If gradient, make this the inverse of gradient height, otherwise, comment it out*/
	width: 640px;	
 	height: 100%;	
 	float: left;	
 	background-color: #fff;	
 	margin-top: -15px;	
}
h1 {	
 	font-size: 2em;
 	margin-top: 0;
 	margin-bottom: .25em;	
} 
h3 {
	margin-bottom: 0;
}
p {
	margin-top: 0;
	margin-bottom: 1.5em;
}
p.note {
	margin-top: 0.25em;
	font-style: italic;
}

/*ul.text and li.text are used for custom bullets with better line spacing*/
ul.text {
	list-style-type: none;
	list-style-image: url(images/bullet/0159_flobullet.png);
	padding-left: 5px;
	margin-left: 12px;
	}
li.text {
	margin-bottom: 1.25em;
	}
/*Make the chevrons to the left of the Video button yellow.*/	
span.yellowtext {
	color: #ffcc33;
}	
p.hiddentext {  
	/*hide text on index.html by matching bg color.*/ 
	/*Hidden text accomodates screen readers and search engine robots*/
	color: #ffffff;
}
a.hiddenlink {
	/*hide links on index.html by matching bg color.*/ 
	/*Hidden links accomodates screen readers and search engine robots*/
	color: #ffffff;
	text-decoration: none;
}

a.gallerylink {
	/*underline the links by the images on main.html*/ 
	/*so it's easier for people to tell that they're links''*/
	text-decoration: underline;	
 	font-weight: bold;	
 	color: #8a3324;	
 	font-size: 1.1em;	
}

/*padding for content */ 
.content {	
	padding: 1em;	
 }  
/*padding bottom 0 to remove space in IE5 Mac*/ 
#header .content {	
 padding-bottom: 0;	
} 
img {
	border: 0;
} 
img.right {	
 float: right;	
 margin: 1em;	
}
#leftcol ul li {	
 list-style-type: none;	
 margin: 20px 0 10px -30px;		
}
a {	
 text-decoration: none;	
 font-weight: bold;	
 color: #8a3324;	
 font-size: 1.1em;	
}	
#collage {
	float: right;
}

/*gallery css */
.gallerycontainer{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	font-size: .75em;
}
.thumbnail img{
	border: 1px solid #fff;
	margin: 5px;
}
.thumbnail:hover{
	background-color: transparent;
}
.thumbnail:hover img{
	border: 1px solid #782908;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff; /*was #782908*/
	padding: 8px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	color: #782908;
	top: 0;
	left: 360px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}
	-->