/* home page css */
body {
}
#home_container {
	position:relative;
	width:950px;
	margin-right: auto;
	margin-left: auto;
}
#test {
	position:relative;
	width:980px;
	margin-right: auto;
	margin-left: auto;
}
#test2 {
	position:relative;
	width:980px;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 15px;
}
#headerstretchtop {
	position:absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	background-position: center top;
	background-image: url(background/back.jpg);
	background-repeat: repeat-x;
}
#header1 {
	position:relative;
	width:950px;
	height: 20px;
	float: left;
}
#header {
	position:relative;
	width:950px;
	height: 90px;
	float: left;
}
#headernav {
	position:relative;
	width:380px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #DB2929;
	margin-top: 10px;
}
.padding950 {
	position:relative;
	width:950px;
	height: 10px;
	float: left;
}
#picturemainwrap {
	position:relative;
	width:950px;
	margin: 0px;
}
#flash {
	position:relative;
	width:750px;
	height: 250px;
	float: left;
	z-index: 1;
}
#feature_header {
	position:relative;
	width:200px;
	height: 250px;
	float: right;
	background-color: #5A4D66;
}
.featureheadertitle {
	position:relative;
	width:190px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCD5C4;
}
.featureheadercontent {
	position:relative;
	width:170px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.navpad {
	position:relative;
	width:170px;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.wrap950 {
	position:relative;
	width:950px;
	float: left;
}
#homebodycontainer {
	position:relative;
	width:750px;
	float: left;
}
.padding750top {
	position:relative;
	width:740px;
	float: left;
	height: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #8B8294;
}
.padding200top {
	position:relative;
	width:190px;
	float: right;
	height: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #8B8294;
}
.padding750 {
	position:relative;
	width:740px;
	float: left;
	height: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #8B8294;
}
#introtitle {
	position:relative;
	width:740px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#favourites {
	position: relative;
	float: right;
	width:160px;
	padding: 0px;
}
#introtext {
	position:relative;
	width:740px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.subtitle {
	position:relative;
	width:740px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.featurecontainer1 {
	position:relative;
	width:240px;
	float: left;
}
.feature1title {
	position:relative;
	width:240px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 40px;
}
.feature1text {
	position:relative;
	width:220px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}
.feature1pic {
	position:relative;
	width:220px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	border: 1px solid #F3F2E8;
}
.feature1pad {
	position:relative;
	width:10px;
	background-image: url(background/feature1line.jpg);
	height: 225px;
	float: left;
}
.featurecontainer2 {
	position:relative;
	width:365px;
	float: left;
	height: 225px;
}
.feature2title {
	position:relative;
	width:365px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.feature2text {
	position:relative;
	width:340px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}
.feature2pic {
	position:relative;
	width:340px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
}
.more {
	position:relative;
	width:80px;
	float: right;
	background-color: #F3F2E8;
	border: 1px solid #8B8294;	
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 20px;
}
#homebodynav {
	position:relative;
	width:200px;
	float: right;
}
.navbox1 {
	position:relative;
	width:199px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F3F2E8;
}
.navbox1title {
	position:relative;
	width:190px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
}
.navcontent {
	position:relative;
	width:170px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.navmore {
	position:relative;
	width:150px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(background/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.navboxpad {
	position:relative;
	width:190px;
	float: right;
	height: 10px;
	background-image: url(background/navboxpad.jpg);
	background-repeat: no-repeat;
}
#footer {
	position:relative;
	width:950px;
	float: left;
	height: 90px;
	background-image: url(background/boutique_spain_footer.jpg);
}
/* individual hotel page css */
.frame {
	position:relative;
	width:750px;
	float: left;
	height: 3000px;
	margin-bottom: 10px;
}
/* hotel selection page css */
#selectmainpic {
	position:relative;
	width:750px;
	height: 200px;
	float: left;
}
#selectfeatureheader {
	position:relative;
	width:200px;
	height: 200px;
	float: right;
	background-color: #5A4D66;
}
.selectwrap {
	position:relative;
	width:740px;
	float: left;
	height: 150px;
	margin-bottom: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #8B8294;
}
.selecttextwrap {
	position:relative;
	width:340px;
	float: left;
}
.selecttext {
	position:relative;
	width:340px;
	float: left;
	height: 110px;
}
.selectpic {
	position:relative;
	width:220px;
	float: left;
	height: 140px;
}
.selectpad {
	position:relative;
	width:20px;
	float: left;
	height: 141px;
	background-image: url(background/selectline.jpg);
}
.selecttextwrap2 {
	position:relative;
	width:150px;
	float: left;
}
.selecttext2 {
	position:relative;
	width:149px;
	float: left;
	height: 110px;
}
/* map page css */
.map {
	position:relative;
	width:550px;
	height:350px;
	float: left;
	margin-left: 100px;
}
/* guide page css */
.guidetext {
	position:relative;
	width:530px;
	float: right;
	margin: 0px;
}
.guidebox {
	position:relative;
	width:210px;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.guideboxtitle {
	position:relative;
	width:210px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
}
.guideboxcontent {
	position:relative;
	width:210px;
	height: 130px;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3F2E8;
}
.guidepic {
	position:relative;
	width:530px;
	float: left;
}
.guidepic1 {
	position:relative;
	width:220px;
	height: 140px;
	float: left;
}
.guidepic2 {
	position:relative;
	width:220px;
	height: 140px;
	float: right;
}
/* sitemap css */
.sitemapcontainer {
	position:relative;
	width:750px;
	margin: 0px;
	float: left;
}
.sitemapleft {
	position:relative;
	width:375px;
	margin: 0px;
	float: left;
}
.sitemapright {
	position:relative;
	width:375px;
	margin: 0px;
	float: right;
}
/* contact css */
#contact {
	position:relative;
	width:740px;
	float: left;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #5A4D66;
}
/* navigation css */

#mainnavwrap {
	position:relative;
	z-index: 2;
	width:950px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	height: 30px;
}
.menu{
	border:none;
	border:0px;
	padding:0px;
	width: 950px;
	margin: 0px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	}
.menu ul{
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
	background-color: #5A4D66;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
	display:block;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	color: #FFFFFF;
		}
.menu li a:hover, .menu ul li:hover a{
	text-decoration:none;
	background-color: #FF9900;
	color: #FFFFFF;
}
.menu li ul{
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:270px;
	z-index:200;
	background-color: #5A4D66;
	/*top:1em;
	/*left:0;*/
}
.menu li:hover ul{
	display:block;
		
}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:270px;
}
.menu li:hover li a{
	background:none;
}
.menu li ul a{
	display:block;
	height:35px;
	font-size:10px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
	border:0px;
	color:#ffffff;
	text-decoration:none;
	background-color: #FF9900;
}
.menu p{
	clear:left;
}	
