/*
* 	phoenixinn.com CSS
*	author: Bjoern Zinssmeister
*	since: 04/08/2010
*/

body{font-family: arial, verdana; padding:0px; margin:0px; background-color: #696541; font-size:12px;}
img{border:0px;}

h1{font-size:18px; font-weight:normal;}
h2{font-size:15px; font-weight:normal;}
p{font-size:12px;}

.clear-float{clear:both;}
.hr1 {border:1px solid #ddd;}
.error-msg{padding:10px; border:1px solid red; background-color:#f09fa6; color:#fff; font-weight:bold;}

a{color:#000;}
a:hover{text-decoration:none;}
.delicious{background: url("/images/del.gif") no-repeat; padding-left:15px;}

#site-wrapper{width:1000px; margin:auto; padding:0px;}
#header-wrapper{height:403px; width:1000px; background: url('../images/header-background-02.jpg') no-repeat;padding:0px;}


/* MENU and SUBMENU */
#locations{background:url("/images/menu-back-locations.jpg") repeat-x; height:62px; width:100%; color:#fff;}
#locations ul{float:left; font-family:"Times New Roman",Georgia,Serif; margin-left:-10px;}	
#locations ul li{font-size:14px; font-weight:bold; list-style:none; float:left; padding-right:19px;}
#locations ul li a{color:#fff; text-decoration:none;}
#locations ul li a:hover{color:#a3aa33;}
#locations ul li.active-link a{color:#a3aa33;}

#submenu{width:100%; height:31px; background:url("/images/sub-menu-back.jpg") no-repeat; font-size:10px; font-family:"Times New Roman",Georgia,Serif; color:#fff;}
#submenu ul{float:left; width:100%; margin-left:-4px; margin-top:0px; padding-top:3px; text-align:center;}	
#submenu ul li{list-style:none; float:left; height:24px; padding:7px 6px 0 0;; text-align:center;}
#submenu ul li a{color:#fff; text-decoration:none;border-left: 1px solid #fff; line-height: 10px; padding-left: 6px;}
#submenu ul li a:hover{text-decoration:underline;}
#submenu ul li.active-link{background:url("/images/sub-menu-active-back.jpg") repeat-x;}
#submenu ul li#first a{border: none;}

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


#content-wrapper{background-color:#fff; margin:0px; padding:6px 35px 6px 35px;}


/* FOOTER */
#footer{font-size:9px; height:70px; width:100% text-align:right;}
#footer div{float:left;}
#footer a{color:#000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer #logo{margin-left:20px;}
#footer #right-info{width:305px}
#footer #right-info a{text-decoration:underline;}
#footer .hr1{margin-bottom:10px;}
/* -------------- */


/* RESERVATION BOX & SOCIAL LINKS */
#social-links-box{position:relative; left:40px; top:30px; width:250px; font-size:9px;}
#reservation-box{position:relative; left:750px; top:10px; width:210px; font-size:10px;}
.reservation-box input{font-size:10px;}
.reservation-box div.contener{float:left; margin-right:10px;}
.reservation-box div.contener, #reservation-box div.date{color:#785f47;}
.reservation-box div.date input{width:185px; margin-bottom:8px; background: url("/images/cal.gif") no-repeat #fff; border:1px solid #ddd; height:18px; padding-left:22px;}
#submit-field{margin-top:10px;}
/* Overwrite the datepicker css to make the picker smaller */
div.ui-datepicker{font-size:12px;}

/*#reservation-box-global{position:relative; left:760px; top:85px; width:210px; font-size:10px;}*/
#reservation-box-global .Hotel{width:195px; margin-bottom:3px;}
#rezBoxContainer{margin-top:-12px;}
/* -------------- */


/* SIDEBAR */
#sidebar{padding-left:30px; float:left; width:309px}
#box-about-us{background: url("/images/box-about-us.jpg") no-repeat;width:309px; height:124px; font-size:11px; margin-bottom:20px;}
#box-about-us .wrapper, #box-news .wrapper{position:relative; left:5px; top:30px;}

#box-news{background: url("/images/box-news.jpg") no-repeat;width:309px; height:252px; font-size:11px;}
#box-news a{font-weight:bold; color: #84653c;}
/* -------------- */


/* SPECIALS */
.specials{margin-bottom:10px;}
.specials .ad-pic{width:250px;}
.specials .ad-txt{width:300px; margin-left:7px;}
.specials .ad-txt a{font-weight:bold; color:#000;}
.specials .ad-pic, .specials .ad-txt{float:left;}
/* -------------- */


/* SITEMAP */
#site-map ul {padding-bottom:9px;}
#site-map ul li{padding:5px; font-size:12px;}

/* Photo Gallery */
/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #fff;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #cacaca;
		border-width: 2px 2px 2px;
		padding:5px;
	}
	#gallery ul a:hover img {
		border: 5px solid #a5aa40;
		border-width: 2px 2px 2px;
		color: #fff;
	}
	#gallery ul a:hover { color: #a5aa40; }