/* 
---------------------------------------------------------------------------
AUTHOR:  			Andrea Cumbo 
WEBSITE:   			http://www.saintandrea/
TEMPLATE NAME: 		SaintAndrè
TEMPLATE CODE: 		0001
VERSION:          	0.1   
LAST MODIFIED:    	June-22-2009       	
---------------------------------------------------------------------------- 
*/
 
/* see reset.css */


/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	margin: 0; 	padding: 0;
	font: normal 62.5% Georgia, "Times New Roman", Times, serif; /* 10px */
	color:#685E53;
	background:#312320;
}

h1 {width:600px; float:left; display:block;}
.lang {border:0px solid; float:right;}
h1, h2, h3, h4 {color:#666666;margin:0px 0 10px 0;font-weight:normal;}
h1 {font-size:1.2em;} /* used for SEO */
h2 {font-size:1.1em;} /* category */
h3 {font-size:1.1em;} /* item title */

#service, #header, #content, #footer { text-align: left; }
#service h1 {color:#666666; font-size:1.0em;}
#service_box, #header_box, #content_box, #footer_box { width: 960px; margin: 0 auto; }
#header_box, #top_menu, #store_front_box, #booking_form_box {position:relative;}
.home_page_item .last, #full_page .last {border:0}
#full_page .last {padding-top:5px;}


/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a, a:visited, a:hover {text-decoration: none; background:inherit; color: #24215E;}
a:hover {color: #444;}
.lang .language_menu a {color:#8E979C; text-decoration:none; text-transform:uppercase;}
.lang .language_menu a.current {text-decoration:underline; color:#ccc; text-transform:uppercase;}
/* menu header */
#main_menu ul.subcategories .current a {color:#B22A1C;}

#main_menu ul.subcategories li a {font-size:1.4em; padding: 22px 1em 20px 1em; color: #F0B511; text-decoration: none; float: left; border-right: 0px solid #DBD8C6; text-transform:capitalize;}
#main_menu ul.subcategories li a:hover {color:#B22A1C;}
/* offers -> homepage */
.story h3.title a, a:visited			{ color:#DAB14F; text-transform:capitalize; }
.story h3.title a:hover 				{ color:#666; }
.story div.moreinfo a, a:visited 		{ color:#1E140C; text-transform:capitalize; }
.story div.moreinfo a:hover 			{ color:#666; }

/*  =3 CONTENT 
-------------------------------------------------------------------*/
#content_page {
	width:411px; 
	height: 301px; 
	float:left; 
	background:#FBF2E1; 
	margin-right:19px; 
	position:relative; 
	overflow:hidden;
}

/* SCROLLING PAGE */
#cnt {
	width:390px; 
	height: 248px; 
	float:left; 
	background:#FBF2E1; 
	margin-right:19px; 
	position:relative; 
	overflow:hidden;
}
#text {
	position:absolute;
	top:0;
}
#up {float:left; width:20px; height:50px; background:#none; position:absolute; top:50px; right:0; border:0px solid; }
#up a, #down a {color:#333333;}
#down {float:left; width:20px; height:50px; background:#none; position:absolute; top:240px; right:0; border:0px solid; }

#content {
	background-color:none;
	width: 960px;	
	overflow:hidden;
	margin:0;
	padding:20px 0 10px 0;
	line-height: 1.8em;
	border:0px solid;
}
#home_page_content {} /* RESET FONT */


/* -- layout -- */
#page_box {	padding-bottom:20px; }
#page {background:url(../images/background_body.png) repeat-x;}
#image_background {
	background:url(../images/background.jpg) no-repeat;
	width:1260px;
	margin:0 auto;
}
#image_shadow {
	background:url(../images/background_body.png) repeat-x;
}

/* #article */
#article {font-size:10px;} /* RESET FONT */
#article h3.title {height:30px; line-height:25px; background:#B22A1C; font-family:"Lucida Sans Unicode"; color:#FBF2E1; font-size:1.2em; padding:5px 0 0 20px; text-transform:uppercase; position:relative;}
#article div.abstract {font-size:1.2em; font-style:italic; padding:0 20px 0px 20px; color:#594F45; line-height:18px;}
#article div.body {font-size:1.2em; padding:10px 30px 10px 20px; color:#594F45; line-height:18px;}

#article .left {float:left;}
#article .image_right {float:right; padding-right:10px;}

/* homepage items: 2 offers on the homepage */
.home_page_col 				{ float:left;width:270px;text-align:center; padding-top:10px;}
.home_page_item 			{ text-align:left;padding:0 20px 0 20px; }
.home_page_item .story div.abstract { display:block; }

/* .story */
.story						{ overflow:hidden; margin-top:15px; padding-bottom:5px; clear:both; border-bottom:1px solid #B8AFA1; margin:0 auto; }
/*.story h3.title 			{ font-size:1.2em; font-weight:bold; margin-bottom:0.5em; width:130px;}*/
.story .image 				{ float:left;}
.story .right_box 			{ float:right; width:130px; border:0px solid #FF99FF; font-size:12px;}
.story .image img 			{ width:90px;}
.story div.subtitle 		{ font-style:italic; width:120px; color:#7B6551; font-size:1.3em; }
/*.story div.abstract 		{ display:none; width:120px; line-height:12px; margin-bottom:1em; font-size:1.2em; color:#1E140C; }*/
.story .right_box .moreinfo, .story .full_box .moreinfo		{ font-style:italic; font-size:10px; }
.story .right_box .moreinfo a, .story .full_box .moreinfo a { font-style:italic; font-size:1.0em; text-transform:capitalize;;}
.story div.logo				{ float:left; margin:0 10px; }
.story div.logo img.frame 	{ border:0; }
.story .right_box h3.title 	{ font-size:1.2em; font-weight:bold; margin-bottom:0.5em; width:130px; text-transform:uppercase;}

.story .full_box {border:0px solid; width:450px; float:right; }
.full_title {height:30px; line-height:25px; background:#B22A1C; font-family:"Lucida Sans Unicode"; color:#FBF2E1; font-size:1.2em; padding:5px 0 0 20px; text-transform:uppercase;}
.story .full_box .title {}
.story .full_box .title a {font-size:1.3em; color:#DAB14F;  text-transform:capitalize;  font-weight:bold;}
.story .full_box .abstract {display:block; width:450px; font-size:1.2em; color:#211809;}
.story .full_box .moreinfo {font-size:10px; color:#211809; margin-top:10px;}

/* MODIFICA PAGINA LIST_ITEM PER OFFERTE [01-09-09] */
.W_scroller {border:0px solid #FF0000; width:700px;}
.LI_story {height:130px; margin:0}
.HW_story {width:700px; height:115px}

/* scrolling offers */
#full_page #scroller {border:0px solid; padding:0;}
#scroller li {border:0px solid; width:650px; height:130px;}
.gallery #scroller_gallery {padding-top:0px; border:0px solid}
#scroller_gallery li {width:650px; height:205px; border:0px solid #FF0000; overflow:hidden;}


/* box offers -> homepage */
#preview_offers {width:270px; height:301px; float:left; background:#FBF2E1; font-size:10px;} /* RESET FONT */
#preview_offers .title_page {height:30px; line-height:25px; background:#B22A1C; font-family:"Lucida Sans Unicode"; color:#FBF2E1; font-size:1.2em; padding:5px 0 0 20px; text-transform:uppercase;}
.detail_article {border:0px solid; position:relative; float:left; width:700px; height:280px;}
.booknow {position:absolute; bottom:0; right:0; height:15px; border:1px solid #CCCCCC; padding:2px 7px 4px 7px; background:#999; margin-right:10px; }
.booknow a, a:visited  {font-style:normal; color:#FFFFFF; text-transform:uppercase;}
.booknow a:hover {color:#333;}
.back {position:absolute; bottom:0; right:0; margin-bottom:4px; margin-right:10px; border:0px solid; padding:2px 7px 4px 7px}
.back a, .back_page a:visited {font-style:italic; color:#1E140C; font-size:100%; color:#FFFFFF;}
.back a:hover {color:#CCC;}

/* image -> default.item */
.image_switch {background:#00CCCC; height:301px; width:270px;}
.image_switch img {height:301px; width:270px;}

/* photogallery */
#full_page {
	float:left; 
	background:#FBF2E1; 
	width:700px; 
	min-height: 301px;
	height: auto !important;
	height: 301px; 
}

/* FAQ */
#faq .story {border:0px solid #FF0000; padding-bottom:0; padding-top:0px;}
#faq .story .full_box {border:0px solid #FF0000; float:left; width:100%; padding-left:20px;}
#faq .story .full_box .moreinfo a {font-size:100%; border:0px solid;}
#faq .story .full_box .body {border:1px solid #ccc; padding:5px; width:650px; font-size:1.2em; }


/*  =3 BOOKING-FORM 
-------------------------------------------------------------------*/
/* see /css/booking_form.css */
#booking_form_box {
	height:301px;
	overflow:hidden;
	background:#B22A1C;
	width:241px;
	float:right;
}


/*  =4 GOOGLE-MAPS 
-------------------------------------------------------------------*/
#map {float:right;margin:0; width: 700px; height: 301px; font-family:"Lucida Sans Unicode", Arial;}
#map h2 {color:#333; font-size:1.1em; border:0px solid; margin:0; margin-bottom:4px; font-weight:bold;}
#map h4, h5, h5 a {color:#333; font-size:1.0em; border:0px solid; margin:0; font-weight:normal;}
#map h5 a:hover {color:#999999;}


/*  =5 PHOTOGALLERY 
-------------------------------------------------------------------*/
.gallery 			{ margin-top:20px;overflow:hidden;clear:both; padding-left:10px; margin-top:10px; border:0}
.gallery .logo 		{ margin:8px;float:left;}
.gallery .logo img 	{ border:4px solid #CCC; }
.gallery .logo img:hover { border:4px solid #DAB04F; }


.newsletter 		{ border:0px solid; padding:0 10px 10px 20px;}
.links_add 			{ padding:0 10px 20px 20px; border:0px solid #00FF99; float:left;}
.links_add fieldset { float:left;}
.links_add legend   { color:#FF0000;}
.links_add label    { color:#FF0000;}
.links_add input    { float:left;}
.links_add .btn     { background:#CCCCCC; border:0px solid #333333; padding:1px 5px; float:left; margin-top:36px;} 

#full_page ul 		{ border-top:1px solid #CCCCCC; clear:both; padding:20px;}


/*  =6 NEWSLETTER 
-------------------------------------------------------------------*/
.newsletter .panel {border-bottom:1px solid; padding-bottom:10px; margin-bottom:10px; width:620px;}
.newsletter .panel_select {border:0px solid; margin:5px 0; float:left;}
.newsletter .Iam {border:0px solid; margin-bottom:5px; float:left}
.newsletter .privacy {border:0px solid; clear:both; margin-bottom:5px; float:left; width:600px; padding:10px 0;}
.newsletter b { font-size:1.1em; color:#333;}
.newsletter .first_box {width:300px;}
.newsletter .btn_send {border:0px solid; padding-top:10px; clear:both;}
.newsletter .btn_send #button {width:110px; height:20px; border:1px solid #666666; background:#CCCCCC; text-transform:uppercase;}
.newsletter select, .newsletter input {font-size:1.1em;}


/*  =7 FOOTER 
-------------------------------------------------------------------*/
#footer a, #footer a:visited,#footer a:hover {
	padding:0 8px 0 8px;
	text-decoration: none;
	color: #CACACA; 
}
#footer a:hover {
	color: #FFF;
}
#footer_box { 
	background-color:none;
	color:#fff; 
	margin-top:120px; 
}
#footer { height:25px;}
#copyright { margin-left:2px; float:right; color:#666666;}
#footer_menu { float:left; padding-top:2px; color:#F0B511;}
#footer #footer_menu a {font-size:1.1em; color:#F0B511; text-transform:uppercase;}
#footer #footer_menu a:hover {color:#B22A1C;}

.body ul {list-style:inside;}
.body ul li {border:0px solid; display:marker; }
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */



/* QUESTA PARTE NON L'HO TOCCATA */
/* service menu: domain selection and language change */

#service_box { overflow:hidden; height:30px; line-height:30px; }
#service { padding:0;}

.language_menu 	{ float:right; }
.domain_menu 	{ float:left; height:20px; margin-left:0; margin-top:0; padding-left:0; }
.domain_menu li { display:inline; padding:0 5px 0 5px; float:left; color:#666;}

/* ------------------------------------------------------------------------- */

/* 2 column content pages */
/* sidebar */
#sidebar_box {
	float: left;
	width: 329px;
	margin: 0; 
	padding: 0;
	border-right:1px solid #E5E0D1;
}	
#sidebar {
	margin:0px 15px 0 15px;
}

/* main */
#main_box {
	float: left;
	width: 630px;
	margin: 0; 
	padding: 0;
}
#main {
	margin:0px 15px 0px 15px;
}

/* ------------------------------------------------------------------------- */
/* stories and articles */
/*
	Taking the nytimes as inspiration ...
	
	a Story is an introduction to an Article.
	You can have many Stories on a page but only
	one Article. 
	a list of items	: each Item is a .story
	a full item 	: item is #article
*/

.story h3.current 			{ }
.story div.timestamp 		{ font-family:courier; }

/* ------------------------------------------------------------------------- */

/* -- single item page -- */
#single_item {margin:0px 0px 0 0px;}

/* -- logo and main cateogry menu -- */
#top_menu {height:90px;position:relative;}
#logo {
	position:absolute;
	top:0px;
	left:0;
	width:208px;
	height:120px;
	background:url(../images/logo.png) no-repeat;}
		
#logo h2 {visibility: hidden;}

#top_menu #main_menu {
	position:absolute;
	bottom:15px;
	right:0;
}

#main_menu {height:68px;}
/* main_menu & footer_menu: subcategories */
#main_menu ul.subcategories li {display:inline;}

/* -- store front -- */
#store_front_box {height:242px; background:none; width:960px;}

/* feature text */
#feature_box {padding:0; border:0px solid}
#feature {font-size:15px;text-align:right;width:100%; height:242px}
#feature h2.title {color:#BCB188;font-size:30px;font-weight:100;line-height:1.2em;}


/* EXTRA - (effetto scritta in homepage) */
#wrapper {
	width: 400px;
	margin: 10px auto;
	text-align: left;
}
/* STYLES FOR CROSSFADER */
div.cf_wrapper
{
	position: relative;
}
div.cf_element
{
	width: 960px;
	height: 242px;
	background-color:none;
	border:  0px solid #ccc;
}
div.cf_element div.content
{
	padding: 10px;
}