@charset "utf-8";
/* Main CSS Document for wescanainn.com
 * Author:	Maxim Chiriac moldova@mts.net
 * Description:	Main CSS document contains generic styles 
 *				for the whole site, such as:
 *				Site body, Header, Menu, Footer, etc.
 */

/* COLORS
 * Light Brown:		#968471 (H1)
 * Brown					#897853 (footer p)
 * Brown: 			  #66512b (News p, H2)
 * Dark Brown:		#4a3f2d	(BIO)
 * Light Green:		#3f8760 (H3, h3 date, VATOR)
 * vLight Green:	#c9cdaf (image outline) 
 * vLight Green:	#d3dcc0 (footer top border)
 * 								#
 */

@import url(/styles/reset.css); /* reset script to turn various properties off */
/*@import "/styles/content.css"; /* script for general content items */
body {
	background-color: #BEBAB5;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
}
#container {
	background: url(../images/wrapper.png) center top repeat-y transparent;
	width: 940px;
	margin: 0 auto;
	padding: 0 40px;
	z-index: 0;
	position: relative;
	display: inline-block; /* 21st century floatfix */
}
#container:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}
/* Hides from IE Mac \*/
* html #container {height: 1%;} 
#container{display:block;}
/* End Hack */

/******************//******************/
#header {
/*	background: #dadada;*/
	width: 100%;
	min-height: 125px;
	position:relative;
	display:block;
	padding: 0;
	margin: 0;
	background: url(../images/header.png) left top repeat-x;
}
	#header #logo {
		display: block;
		width: 272px;
		height: 30px;
		padding: 0px;
		margin: 20px 0 20px 60px;
		float: left;
	}
	#header #logo img {
		margin:0 auto;
		display: block;
	}
	#header p#quick-contact {
		float: right;
		margin: 10px 20px 0 0;
		color: #BEB9B4;
	}

#content {
	width: 100%;
	/*clear: both;*/
	background: right bottom no-repeat #fff;
	padding: 0px 0 60px 0;
	margin: -15px 0 0 0;
	min-height: 300px;
	position: relative;
	z-index: 5;
	float: left;
}
/* Decor  */
.guest-services #content {
	background-image: url(../images/decor_01.jpg);
}
.meetings-and-events #content {
	background-image: url(../images/decor_03.jpg);
}
.contact #content {
	background-image: url(../images/decor_02.jpg);
}
.tours-and-packages #content {
	background-image: url(../images/decor_04.jpg);
}
.dining-and-lounge #content {
	background-image: url(../images/decor_05.jpg);
}

/* LAYOUT */
.two_column_left {
	width: 629px;
/*	background: pink;*/
	padding:0 0px 0 0 ;
	float:left;
	
	border-right: 1px solid #666;
	margin-right: -1px;
}
.two_column_right {
	width: 310px;
/*	background: brown;*/
	float: right;
	padding: 0px 0 0 0px;
	
	border-left: 1px solid #666;
}
.single_column {
	width: 840px;
	margin: 10px 50px;
}

.double .two_column_left {
	margin-top: 10px;
	padding-left: 60px;
	width: 409px;
}
.double .two_column_right {
	margin-top: 10px;
	padding-right: 40px;
	padding-left: 10px;
	width: 420px;
}

.double_gallery .two_column_left {
	margin-top: 10px;
	padding-left: 60px;
	padding-right: 10px;
	width: 449px;
}
.double_gallery .two_column_right {
	margin-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	width: 420px;
}

/*action */
a#action {
	display: block;
	position: relative;
	background: url(../images/reservation_bg.png) left top no-repeat transparent;
	padding: 11px 0px;
	width: 100%;
	font-size: 1em;
	color: #47433D;
	
}
	a#action span.title {
		font-size: 3.2em;
		font-family: Georgia, Times, serif;
		line-height: 0.9em;
		text-transform: uppercase;
		
		display: block;
		float: left;
		padding: 0px 60px 0px 60px;
		margin-bottom: 0px;
	}
	a#action span.text {
		display: block;
		font-size: 1.2em;
		line-height: 1.2em;
		padding: 0px 180px 0px 0px;
	}


/* Home */
.home .single_column {
	width: 940px;
	margin: 0;
}
.home .two_column_left {
	width: 579px;
}
.home .two_column_right {
	width: 360px;
}
.home a#action {
	position: absolute;
	background: url(../images/reservation_bg_home.png) left top repeat transparent;
	padding: 10px 20px 10px 60px;
	width: 380px;
	left: 0;
	top: 40px;
	
	color: #fff;
	text-shadow: #333 3px 3px 3px;
}
	.home a#action span.title {
		float: none;
		padding: 0;
		font-size: 5em;
	}
	.home a#action span.text {
		padding-right: 60px;
		font-size: 1.6em;
	}
	
.home div.two_column_left div.content-display {
	margin: 20px 20px 0 50px;
}

/* Contact */
div#map_canvas {
	width: 400px;
	height: 400px;
	border: 1px solid silver;
}


.clear {
	height:0px;
	line-height:0em;
	border:0;
	font-size:0em;
	visibility:hidden;
	clear:both;
}


/* NAVIGATION */
ul#nav {
	position: relative;
	background: url(../images/nav.png) left top repeat-x transparent;
	height: 30px;
	width: 940px;
	float: left;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 10;
	clear:both;
	list-style:none;
	text-align:left;
	font-size: 1em;
	line-height: 1em;
}
ul#nav li {
	position: relative;
	display: inline;
	margin:0px 0px 0px 0px;
	padding: 5px 2px 4px 0px;
	font-size: 1em;
	background: url(../images/nav_separator.png) right bottom no-repeat;
}
ul#nav li a {
	position: relative;
/*	display:block;*/
	padding: 4px 10px ;
	font: 15px/15px Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}
ul#nav li.first_item {
	padding-left: 0px;
}
ul#nav li.first_item a {
	padding-left: 10px;
}
ul#nav li.last_item {
	background: none;
}
ul#nav li.last_item {
	padding-right: 0px;
}
ul#nav li.last_item a {
	padding-right: 14px;
}
ul#nav li a.current,
ul#nav li a:hover {
	background: url(../images/nav_hover.png) left bottom repeat-x;
}
ul#nav li a:hover {
	color: #990000;
}






/* Typography */
h1, h2, h3 {
	margin: 0 0 1em 0;
}
h1 {
	font-family: Georgia, Times, serif;
	font-size: 2.8em;
	line-height: 1.4em;
	font-weight: normal;
	color:#900;
}

h2 {
	font-size: 2em;
	line-height: 1.2em;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	color:#900;
}
h3 {
	font-size: 1.6em;
	line-height: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	color:#333;
}

p, ul, ol, dl {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #333;
	padding: 0 0 1em 0;  
}

ul {
/*	list-style-position:inside;*/
	list-style:disc;
	margin-left: 1.2em;
	
}
a:link, a:visited {
	text-decoration: none;
	color:#245276;
}
a:hover, a:active {
	text-decoration: underline;
}
sup {
	vertical-align: super;
}

.frac {
	white-space: nowrap; /* eliminates fraction line breaking*/
}

p.back {
	clear: both;
}
a.download {
	display: block;
	position: relative;
	background: #eae4b9;
	border: 4px solid #fff;
	width: 110px;
	padding-right:60px;
	min-height: 50px;
}
hr {
	height: 1px;
	border: none;
	border-bottom: 1px dashed #666;
	clear: both;
	
}

img.side_image {
	margin-bottom: 10px;
}



/* PROMOS ***************************************************/
.promo {
	clear: both;
	padding: 20px 0;
	border-top: 1px dotted #666;
}
.promo img {
	float: left;
	margin: 0 4em 1em 0;
}
.promo.zebra img {
	float: right;
	margin: 0 0 1em 4em;
}
.promo div.promo-body {
	float: left;
	width: 40%;
}



/* Featured-promo @ home page */
div.featured-promo {
	padding: 20px 60px 10px 20px;
	padding: 20px 0 0 0;
	background: url(../images/featured_bg.png) left 0px repeat-x transparent;
	min-height: 280px;
}
	div.featured-promo img {
		float: right;
		clear: both;
	}
	div.featured-promo p,
	div.featured-promo ul,
	div.featured-promo ol {
/*		font-size: 1.4em;*/
/*		line-height: 1.3em;*/
		/*color: #000;*/
	}
	div.featured-promo h2 {
		margin: 0px 60px 10px 20px;
	}
	div.featured-promo .body {
		margin: 10px 60px 10px 20px;
		float: right;
	}

	
	
/* Gallery widget **********/
div.widget-block {
	position: relative;
}
div.widget {
	margin: 0 15px;
	position: relative;
}
div.widget ul {
	width: 400px;
	overflow: hidden;
	float: left;
}
div.widget-block a.prev,
div.widget-block a.next {
	width: 20px;
	background: #666;
	display: block;
	height: 97px;
	float: left;
	text-align: center;
	line-height: 90px;
	color: #fff;
	text-indent: -9999px;
	position: absolute;
	z-index: 1000;
	visibility: visible !important;
	top: 291px;
}
	div.widget-block a.prev {
		background: url(../images/btn_prev.png) center center no-repeat #999;
		left: 0px;
	}
	div.widget-block a.next {
		background: url(../images/btn_next.png) center center no-repeat #999;
		right: 0px;
	}


/* FOOTER */
#footer {
	width: 980px;
	padding: 0 20px;
	margin: 0px auto 0;
	position: relative;
	background: url(../images/footer.png) left bottom no-repeat transparent;
	min-height: 60px;
	clear:both;
}
#footer p.copyright {
	position: absolute;
	left: 68%;
	bottom: 65px;
	color: #333;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/* TinyMCE styles */
.tinytest {
	color: red;
}