/* ----------------------------------------------
	Template Name : AnotherPlanet
	Version : 1.0   
	Author : Signature Image Consultants Ltd
	Author URI : http://www.signature.gb.com/    
	Last Date Modified : August 31, 2008	
 ------------------------------------------------ */

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/*Reset to Default Values - DO NOT EDIT*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;font-style: inherit; font-size: 100%; font-family: Arial; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
/*End Reset*/

/*Global Styling*/
body{background:url(../images/main-bg.gif) repeat-x #fff; font-family:Arial, Verdana, sans; font-size: 11px;}
#skiplinks{display:none;}
a:link {color: #660066; text-decoration:underline}
a:visited {color: #cc00cc; text-decoration:underline}
a:hover {color: #aa9536; text-decoration:none}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:"Trebuchet MS", Arial, Sans;}
h1{font-size:22px; color:#572c81;  border-bottom:dotted #e0b5df 1px; padding:0 0 10px 0;}
.h1-color2{font-size:22px; color:#ff7600;  font-family:"Trebuchet MS", Arial, Sans; }
h2{font-size:18px}
h2 a{}
h3{font-size:14px; color:#9359dc; padding:10px 0 0 0; text-transform:uppercase;}
h4{font-size:12px}
h5{font-size:10px}
h6{font-weight:bold}
.clearme{clear:both;}
p{font-weight:normal; font-family:Tahoma, Arial, Sans; font-size:11px; color:#572c81; line-height:18px; padding:10px 0 20px 0;}
/* alignment classes */
.float-left  { float: left; }
/*wrapper*/
#wrapper{width:870px; margin:0 auto; background:#f5e0f4; border-left:#53297c 5px solid; border-right:#53297c 5px solid; border-bottom:#53297c 5px solid; height:auto;}

/*header-area*/
#header-area{width:870px; height: 450px; /*padding:0 5px 5px 0;*/ background:#a178d5; margin:0 auto; float:left;}

/*header*/
#flashcontent {background:url(../images/header-bg.gif) 0 0 #a27ad5; height:380px; width:870px; margin:0 auto; float:left;}

/*main*/
#main{width:870px; background:#f5e0f4; float:left;}

/*leftcol*/
#leftcol{width:395px; background:#f5e0f4; float:left; padding:30px 20px 30px 20px;}

/*rightcol*/
#rightcol{width:385px; background:#f2d5f1; float:left; padding:30px 20px 30px 20px;}
#rightcol ul{list-style-type:none; border: none; margin: 0;	padding: 10px 0 10px ;	clear: left; }
#rightcol ul li {float: left; padding:10px 2px 10px 0; margin: 0; border-bottom:dotted #e0b5df 1px; width:355px; }
#rightcol ul li a{color:#572c81; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/bullet-arrow.gif) 0 0 no-repeat; padding-left:20px;}

/*singlecol*/
#singlecol{width:810px; background:#f5e0f4; float:left; padding:30px 30px 30px 30px;}

/*/////////////////for inner-page template////////////////////*/
/*inner-leftcol*/
#inner-leftcol{width:210px; background:#f5e0f4; float:left; padding:30px 20px 30px 20px;}
#inner-leftcol ul{list-style-type:none; border: none; margin: 0;	padding: 10px 0 10px ;	clear: left; }
#inner-leftcol ul li {float: left; padding:10px 2px 10px 0; margin: 0; border-bottom:dotted #e0b5df 1px; width:210px; }
#inner-leftcol ul li a{color:#572c81; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/bullet-arrow.gif) 0 0 no-repeat; padding-left:20px;}

/*inner-rightcol*/
#inner-rightcol{width:580px; background:#f2d5f1; float:left; padding:30px 20px 30px 20px;}

#events{width:395px; float:left; padding:0 0 20px 0;}

.sitemap{width:395px; float:left; padding:0 0 20px 0;}
.singlecol ul{list-style-type:none; border: none; margin: 0;	padding: 10px 0 10px ;	clear: left; }
.singlecol ul li {float: left; padding:10px 2px 10px 0; margin: 0; border-bottom:dotted #e0b5df 1px; width:210px; }
.singlecol ul li a{color:#572c81; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:url(../images/bullet-arrow.gif) 0 0 no-repeat; padding-left:20px;}

#pass-button{width:395px; float:left;}

/*spa box*/
.spa-box-1{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px; background:url(../images/spa-box-relax.jpg) 0 0 no-repeat;}
.spa-box-1 a {width:396px; height:130px; display:block;}
.spa-box-1 a:hover {background:url(../images/spa-box-relax-ovr.jpg) 0 0 no-repeat;}

.spa-box-2{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px; background:url(../images/spa-box-glow.jpg) 0 0 no-repeat;}
.spa-box-2 a {width:396px; height:130px; display:block;}
.spa-box-2 a:hover {background:url(../images/spa-box-glow-ovr.jpg) 0 0 no-repeat;}

.spa-box-3{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px; background:url(../images/spa-box-renew.jpg) 0 0 no-repeat;}
.spa-box-3 a {width:396px; height:130px; display:block;}
.spa-box-3 a:hover {background:url(../images/spa-box-renew-ovr.jpg) 0 0 no-repeat;}

.spa-box-4{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px; background:url(../images/spa-box-skincare.jpg) 0 0 no-repeat;}
.spa-box-4 a {width:396px; height:130px; display:block;}
.spa-box-4 a:hover {background:url(../images/spa-box-skincare-ovr.jpg) 0 0 no-repeat;}

.spa-box-5{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px; background:url(../images/spa-box-products.jpg) 0 0 no-repeat;}
.spa-box-5 a {width:396px; height:130px; display:block;}
.spa-box-5 a:hover {background:url(../images/spa-box-products-ovr.jpg) 0 0 no-repeat;}

.spa-box-6{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px; background:url(../images/spa-box-guestpass.jpg) 0 0 no-repeat;}
.spa-box-6 a {width:396px; height:130px; display:block;}
.spa-box-6 a:hover {background:url(../images/spa-box-guestpass-ovr.jpg) 0 0 no-repeat;}







.spa-box-1 strong, .spa-box-2 strong, .spa-box-3 strong, .spa-box-4 strong, .spa-box-5 strong, .spa-box-6 strong{display:none;}

.spa-box-2{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px;}
.spa-box-3{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px;}
.spa-box-4{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px;}
.spa-box-5{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px;}
.spa-box-6{width:396px; height:130px; float:left; margin-bottom:10px; border:#fff solid 2px;}
.spa-spacer{width:10px; height:130px; float:left; margin-bottom:10px;}

/*testimonials*/
#testimonials{width:160px; background:#fff; float:left; padding:20px 0 0 0;}
#testimonials p{padding:5px; line-height:16px; margin-left:5px;}

/*welcomebox*/
#welcomebox{width:360px; background:#c1dfdf; padding:20px; margin-bottom:1px;}
#welcomebox p{font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height:16px;}

/*attraction*/
.attraction{width:400px; height:120px; background:#e0ede4; float:left; margin-bottom:1px;}
.attraction img{float:left; padding: 5px;}
.attraction h2 {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px; text-transform:uppercase; margin:10px 0 10px; 0;}
.attraction p{font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height:16px;}

/*calendar*/
#calendar{width:180px; background:#fff; float:left; padding:10px 0 0 0;}

/*contact*/
#contact{width:160px; background:#fff; float:left; padding:30px 0 0 0;}
#contact p{padding:5px; line-height:16px; margin-left:5px;}

/*norfolk*/
#norfolk{width:180px; background:#fff; float:left; padding:30px 0 0 0;}

/*footer*/
#footer{clear:both; width:830px; background:url(../images/footer-bg.gif) 0 0 repeat-x #693f95; padding:20px; height:50px; align:center; }

/*footer*/
#footernav{float:left; color:#fff; height:30px; text-align:center; width:700px;}
#footernav ul{	list-style-type: none; border: none; margin: 0;	padding: 0;	clear: left;}
#footernav ul li {float: left; padding:0 2px 0 2px; margin: 0;	border: none;}
#footernav a{color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

/*footercopy*/
#footercopy{float:left; color:#fff; height:20px; width:700px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#footercopy a{color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#footercopy a:hover{color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}


/*/////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////main navigation///////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/

#menu {	font-family:Arial, Verdana, sans; position:relative; z-index:100; width:860px; background:url(
../images/nav.gif) no-repeat; height:60px; float:left; margin: 5px 5px 5px 5px;}

#menu ul li a, #menu ul li a:visited, #menu ul li a:hover{display:block; height:60px; overflow:hidden; float:left; margin: 0; border: none;}

#menu ul {padding:0; margin:0; list-style: none; border: none; clear: left; height:}
#menu ul li {float:left; position:relative; display: inline; float: left; padding: 0; border: none;}

li#nav1 a {width: 122px;}
li#nav2 a {width: 122px;}
li#nav3 a {width: 122px;}
li#nav4 a {width: 122px;}
li#nav5 a {width: 122px;}
li#nav6 a {width: 122px;}
li#nav7 a {width: 123px;}
							
li#nav1 a:hover { background: url(../images/nav-ovr.gif) 0px 0px no-repeat;}
li#nav2 a:hover { background: url(../images/nav-ovr.gif) -122px 0px no-repeat;}
li#nav3 a:hover { background: url(../images/nav-ovr.gif) -244px 0px no-repeat;}
li#nav4 a:hover { background: url(../images/nav-ovr.gif) -366px 0px no-repeat;}
li#nav5 a:hover { background: url(../images/nav-ovr.gif) -488px 0px no-repeat;}
li#nav6 a:hover { background: url(../images/nav-ovr.gif) -610px 0px no-repeat;}
li#nav7 a:hover { background: url(../images/nav-ovr.gif) -732px 0px no-repeat;}
				
/*--hides nav text--*/	
#menu ul li strong {display: none;}

/*displays current page*/
li#navcurrent1 { background: url(../images/nav-ovr.gif) 0px 0px no-repeat; width: 122px;}
li#navcurrent2 { background: url(../images/nav-ovr.gif) -122px 0px no-repeat; width: 122px;}
li#navcurrent3 { background: url(../images/nav-ovr.gif) -244px 0px no-repeat; width: 122px;}
li#navcurrent4 { background: url(../images/nav-ovr.gif) -366px 0px no-repeat; width: 122px;}
li#navcurrent5 { background: url(../images/nav-ovr.gif) -488px 0px no-repeat; width: 122px;}
li#navcurrent6 { background: url(../images/nav-ovr.gif) -610px 0px no-repeat; width: 122px;}
li#navcurrent7 { background: url(../images/nav-ovr.gif) -732px 0px no-repeat; width: 122px;}


/*////////////////forms///////////////////*/
/*-- forms --*/
fieldset dl {
	/*padding-bottom:15px;*/
	border:1px solid #ccc;
	background:#F5E0F4;
}
fieldset dt {
	float:left;
	width:200px;
	padding:5px;
}
fieldset dd {
	/*width:100px;*/
	margin:0;
	padding:5px;
}
form { 
  margin:0; 
  padding:0; 
  color:#572c81;
} 
fieldset { 
width:520px;
  margin:0 0 10px 0; 
  padding:5px; 
  border:1px solid #ccc; 
}
fieldset p{ 
  padding:5px; 
  border:1px solid #ccc; 
  background:#ededed;
}
legend { 
  font-size:14px;
  color:#572c81;
  background-color: #F5E0F4; 
  margin: 0; 
  padding:5px; 
  border-style:solid; 
  border-width:1px; 
  border-color:#ccc; 
  font-weight:bold;
} 
label { 
  font-weight:bold; 
} 
#name, #surname, #email, #tel, #message, #subject #country, #when, #decision, #cash, #worth, #how, #gender{ 
  width:280px; 
}
.formfield{
	width:280px;
}
input, textarea, select { 
  border:1px solid #333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;}
/* images */
img {
	padding: 5px;
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}