/*
Theme Name: Fior Theme
Theme URI: http://bluecliffhosting.com/
Description: Partial Theme for Static Pages Only implemented for Fior d'Italia based on provided design. 
Version: 1.0
Author: Raoul Ibarguen
Author URI: http://bluecliffhosting.com/
Tags: static pages only

	This theme was built by Raoul Ibarguen,
	http://bluecliffhosting.com

*/

/* WARNING: This stylesheet posted AS-IS from designer, except marked section at bottom.
  Appears that some styles listed here not used in site.
*/  

/* CSS Document */
body {
	margin-top: 0px;
	font: 11px Arial, Helvetica, sans-serif;
	background-position: center top;
	background-attachment: fixed;
	background-color: #FFFFFF;
   SCROLLBAR-FACE-COLOR:#A7853E; 
   SCROLLBAR-SIZE:10px; 
   SCROLLBAR-HIGHLIGHT-COLOR:#A7853E; 
   CURSOR: default; 
   SCROLLBAR-SHADOW-COLOR:#fff; 
   SCROLLBAR-3DLIGHT-COLOR: #999;
   SCROLLBAR-ARROW-COLOR: #FFFFFF; 
   SCROLLBAR-TRACK-COLOR: #D0DEBE; 
   SCROLLBAR-DARKSHADOW-COLOR: #999
 
 }

#underthedesign {
position:absolute;
top:720px;
width:600px;
font: 11px Arial, Helvetica, sans-serif;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 2px;
  }


h1 {
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 0.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	width: 226px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 30px;
  }



h2 {
	color: #660000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 10px;
  }

h3 {
	margin-bottom: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	display: block;
	text-align: center;
	margin-top: 0px;
  }

h4 {
	margin-bottom: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	display: block;
	text-align: center;
	margin-top: 0px;
	letter-spacing: 2px;
  }


a {
	color:#660000;
	text-decoration:underline;
}

a:hover {
	color: #CC9933;
	text-decoration: underline;
}


#page_container {
	width: 750px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 700px;
	background-repeat: no-repeat;
	background-image: url(/images/graphics/plain_bg.gif);
}
  
#wrapper {
	width: 700px;
	float: left;
	margin: auto;
	border: 1px solid #FFFFFF;
}

#banner {
	width: 750px;
	height: 110px;
	float: left;
	margin-bottom: 5px;
}

#content_main {
	width: 600px;
	height: 450px;
	float: left;
	display: block;
	margin-left: 75px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	background-image: url(/images/graphics/content_bg.gif);
}

#content {
	width: 600px;
	height: 450px;
	float: left;
	display: block;
	margin-left: 75px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

#specials {
	width: 402px;
	float: left;
	margin-top: 40px;
	margin-left: 75px;
	
}

#left_column {
	width: 226px;
	height: 450px;
	float: left;
	background-color: #A7853E;
	margin-top: 0px;
	margin-left: 0px;
}

#right_column {
	width: 370px;
	height: 448px;
	float: right;
	overflow: auto;
}

#right_column2 {
	width: 370px;
	height: 448px;
	float: right;
	overflow: auto;
}

#main_info {
	width: 370px;
	height: 450px;
	float: right;
	overflow: auto;
}

#menus_info {
	width: 370px;
	float: right;
	overflow: auto;
}

#main_pic holder {
	width: 370px;
	float: right;
}

.links {
	width: 370px;
	text-align: right;

}

#footer {
	width: 750px;
	float: left;
	margin-top: 75px;
	height: 30px;
}

/*------------------------------------------------------------*
**  main nav
**------------------------------------------------------------*/

.mainnav {
	width:600px;
	margin-left:30px;
	margin-right:auto;
	margin-top: 5px;

}

.topmenu {
	float: left;
	list-style:none;
	height:20px;
	font-family:Verdana;
	width:650px;
	z-index: 500;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
	margin: 0;

}

.topmenu li {

		display: block; 
		float: left; 
		position: relative; 

}

.topmenu li a {
	display:inline;
	float:left;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;

}

.topmenu li a:hover { color:#CC9933; }

.topmenu li a.selected {
	color: #660000;
}

.topmenu li a.first { }

.topmenu li a.last {
	width: 60px;
}

.topmenu li:hover { position:relative; z-index:300; }

.topmenu li ul { display: none; }

.topmenu li ul ul { display: inline; }

.topmenu li:hover > ul {
	display: block;
	position: absolute;
	left:0;
	top:10px;
	margin-left: 0%;
	padding: 3px 0;
	width:150px;
	visibility: inherit;
}

.topmenu li ul li {
		display: inline; 
		height: 15px; 
		position: relative; 
		float: left; 
		width: 150px;
}

.topmenu li ul li a {
		display: inline; 
		font-size: 10px; 
		height: 20px; 
		width: 100px; 
		text-align: left; 
		line-height: 20px; 
		text-indent: 0px; 
		color: #fff; 
		text-decoration: underline; 
		border-width: 0 0 0 3px;
}

.topmenu li:hover > ul li:hover {
	display: inline;
}

.topmenu li:hover > ul li:hover > ul {
		display: inline;
		left:100px; 
		top:0px; 
		padding:3px 0; 
		width:120px; 
		z-index:200; 
}

/*IE6 COMPLIANCE STUFF */

* html .topmenu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 1em; }
* html .topmenu li a:hover { position:relative; z-index:300; }
* html .topmenu li li a:hover { width: 100px; }
* html .topmenu li ul {
	visibility: hidden;
	display: inline;
	position: absolute;
	left: 0;
	top: 30px;
	margin-left: 0%;
	width:120px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	z-index: 100;
	overflow: hidden;
}
* html .topmenu li a:hover ul { visibility: visible; }
* html .topmenu li a:hover ul ul { visibility: hidden; display: inline; left:120px; top:-3px; padding:3px 0; width:196px; z-index:200; }
* html .topmenu li a:hover ul li a:hover ul { visibility: visible; }

/*------------------------------------------------------------*
**  menus nav
**------------------------------------------------------------*/
#navcontainer {
	width: 350px;
	float: left;
	margin-left: 8px;
	margin-bottom: 5px;
}

#navcontainer UL {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navcontainer LI  {
	display: block;
	width: 85px;
	float: left;
}

#navcontainer A {
	color: #FFFFFF;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	text-align: center;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CC9933;

}

#navcontainer A:hover, #navcontainer A:active {
	background-color: #9A4E2A;
}

#navcontainer A.active:link, #navcontainer A.active:visited {
	position: relative;
	z-index: 102;
	background: #BBBBBB;
	font-weight: bold;
}

/* ================================================================ 
OPEN TABLE
=================================================================== */
/*open table - Outside Table properties */

#feedTable td {
	padding:2px 2px 0px 0;
	font-family:arial;
	font-size:12px;
}

/* Title Text */
.feedTitle {
	margin:0px 2px 5px 0px;
	font-family:arial;
	font-size:12px;
}

/* Form Title Tags */

.feedFormTitle {
	float:right;
	vertical-align:middle;
}

/* Form Time Title Tags */

.feedFormTimeTitle {
	padding:4px 0px;
	float:left;
}

/* Form Time Title Tags */

.feedFormDateTitle {
	padding:4px 0px;
	float:right;
}

/* Text Form Fields */
.feedFormField {
	font-size:12px;
	margin:2px 2px 2px 2px;
}

/* Text Form Field for Date field */
.feedFormfieldCalendar {
	font-size:12px;
	margin:2px 2px 2px 2px;
	width:100px;
}

/* Logo Treatment */

#logoLink {
	float:right;
	margin:0px;
}
#logo {
	border-width:0px;
	margin:0px;
}

#dateDisplay {
	font-size:10px;
	color:#999;
 	font-family:arial;
	float:right;
	margin:0px 30px 0px 0px;
}


/*** calendar styles ***/

/* Placeholder. Don't change this */

.imgCal {
	position: absolute; 
	display: none; 
	z-index:100;
}

/* Calendar Table properties */

#imageCal table {
	font-size:12px;
 	width:150px;
	font-family:arial;
	font-weight: bold;
	background:#FFF;
}

#imageCal td {
	padding:0px 0px 0px 0;
	text-align:center;
}

/* Days in the future */
.clickableDays {	
	color: #000000; 
	text-decoration: none;
	height:18px;
}

/* Days in the past */

.nonclickableDays {	
	color: #CCCCCC;
	height:18px;
}

/* Name of the month at the top */

.months {
	color: #FFFFFF; 
	text-decoration: none 
}

/* Day of the week */

.weekdays {
	color: #000000; 
	text-decoration: none; 
	color:#666666;
	background-color:#EFEFEF; 
	width:14%;
}


/* ================================================================ 
MAIN NAV
=================================================================== */
.nav {
	width:600px;
	margin-left:75px;
	margin-right:auto;
	margin-top: 8px;
	float: left;
}

#nav, 
#nav ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:200;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
}


#nav {height:20px; padding:0;}

#nav li {float:left;}
#nav li li {
	float:none;
}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	text-decoration:none;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 10px;
	color: #FFFFFF;
}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {
	left:0;
	top:18px;
}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#FFFFFF;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#FFFFFF;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#CC9933;}

/* ================================================================ 
Footer
=================================================================== */

#footer  {
	width: 600px;
	height: 20px;
	float: left;
	margin-left: 0px;
	
}

/* R.Ibarguen additions */

#footer_address h4 a {
	color:#fff;
}


a.hover_decoration{
color:#000;
text-decoration:none;
}

a.hover_decoration:hover{
color:#000;
text-decoration:underline;
}

/* ============ Specials Page ================ */

div.specials H5{
   font-weight: bold;
   color: #660000;
   font-size: 14px;
   padding-top: 2px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-left: 10px;
   margin-top: 2px;
   margin-bottom:0px;
}
div.specials p{
  margin-top:0px;
}
div.specials .gold {color: #A7853E; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */