@import url("reset.css");

@font-face {
	font-family: 'ZapfinoRegular';
	src: url('../assets/fonts/zapfino-webfont.eot');
	src: local('☺'), url('../assets/fonts/zapfino-webfont.woff') format('woff'), url('../assets/fonts/zapfino-webfont.ttf') format('truetype'), url('../assets/fonts/zapfino-webfont.svg#webfontLeGRWzyX') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


.hide{
	display: none
}	
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}


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

body, html{
	font-size: 12px;
	height: 100%;
}
body {
	background-color: #696a6c;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

a, a:active, a:focus, a:link, a:visited{
	cursor: pointer;
}

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

#background{
	height: 100%;
	left: 0px;
	position: absolute;
	width: 100%;
}
	#background_left{
		background-color: #fff;
		height: 120px;
		width: 50%;
	}
	#background_right{
		background-color: #fff;
		float: right;
		height: 520px;
		width: 50%;
	}
/***********************************************************/

#wrapper{
	margin: 0 auto;
	position: relative;
	width: 960px;
}

/***********************************************************/
#header{
	height: 120px;
}
	#header_logo{
		float: left;
		width: 220px;
	}
	
	#header_nav{
		background-color: #696a6c;
		float: left;
		width: 740px;
	}
		#header_nav a, #header_nav a:active, #header_nav a:focus, #header_nav a:link, #header_nav a:visited{
			border-right: 1px solid #4B4B4B;
			color: #fff;
			display: block;
			float: left;
			font-family: "Times New Roman", Arial, Helvetica, Geneva, sans-serif;
			font-size: 20px;
			height: 120px;
			line-height: 120px;
			padding: 0px 41px;
		}
		#header_nav a:hover,
		#header_nav a.selected{
			background-image: url('../assets/images/header_nav_bg.jpg');
			background-repeat: repeat-x;
		}
	
	
	
	
/***********************************************************/
#body{
	height: 520px;
}
	#body_left{
		color: #fff;
		float: left;
		padding: 20px;
		text-align: right;
		width: 180px;
		position: absolute;
	}
	#body_left a, #body_left a:active, #body_left a:focus, #body_left a:link, #body_left a:visited{
		color: #cc6633;
	}
	#body_left a:hover{
		text-decoration: underline;
	}
	
	#body_content{
		background-color: #fff;
		color: #666;
		float: left;
		height: 520px;
		width: 740px;
		margin-left: 220px;
		position: absolute;
	}
	
/***********************************************************/
	
.content_img, .content_map{
	background-color: #eee;
	float: left;
	height: 520px;
	overflow: hidden;
	position: relative;
	width: 350px;
}	
	.content_img span{
		display: none;
	}
	.content_img img{
		display: none;
		position: absolute;
	}
	
.content_text{
	float: right;
	height: 490px;
	overflow-y: auto;
	padding: 20px 15px 10px 30px;
	position: relative;
	width: 345px;
}
	.content_text a, .content_text a:active, .content_text a:focus, .content_text a:link, .content_text a:visited{
		color: #cc6633;
	}
	.content_text a:hover{
		text-decoration: underline;
	}
	
	.content_text .links{
		margin-bottom: 10px;
	}
	.content_text .first_letter{
		background-color: #eee;
		float: left;
		font-family: "ZapfinoRegular", "Times New Roman", Arial, Helvetica, Geneva, sans-serif;
		font-size: 40px;
		font-style: italic;
		height: 105px;
		margin: 0px 10px 0px 0px;
		padding: 0px 20px 0px 5px;
	}
	.content_text h2{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	
/***********************************************************/
#footer{
	color: #333;
	font-size: 10px;
	padding: 10px 0px;
	text-align: right;
}
	#footer a, #footer a:active, #footer a:focus, #footer a:link, #footer a:visited{
		color: #cc6633;
	}
	#footer a:hover{
		text-decoration: underline;
	}
	
	
	

/*******************************************************************************************/
/* forms */

form table{
	border-collapse: separate;
	border-spacing: 0px 5px;
	width: 100%;
}
	td.label{
		font-weight: bold;
		padding-right: 8px;
		position: relative;
		vertical-align: top;
	}
		td.label sup{
			color: #999;
			font-size: 8px;
			margin: -1px 0px 0px -8px;
			position: absolute;
		}
	td.input{
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		padding: 2px 5px;
		width: 100%;
	}
	
form .feedback{
	background-color: #f5f5f5;
	display: none;
	float: right;
	margin: 10px 0px 0px 0px;
	text-align: right;
}
	form .feedback div{
		display: none;
		padding: 10px;
	}


.form_send{
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	display: block;
	margin-top: 7px;
	padding: 7px 15px;
}
input, textarea{
	background-color: transparent;
	border-style: none;
	color: #333;
	display: block;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	width: 100%;
}
textarea{
	line-height:13px; 
}
	
/*******************************************************************************************/
.google_maps{
	height: 550px;
	width: 350px;
}
	.google_maps_marker{
		display: none;
	}
	
	
/*******************************************************************************************/
/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
