body {
background: 		#FAFAFA;
color:			#333;
font-family:		Arial, Helvetica, Verdana, sans-serif;
font-size: 		small;
text-align:		left;
font-weight:		normal;
text-decoration:	none;
padding:		0;
margin:			0;
line-height:		normal;
}









/* --------------------- CONTAINERS ---------------------- */

#container_wrap {
display: 		block;
width: 			970px;
background-color: 	#fff;
margin-left: 		auto;
margin-right: 		auto;
margin-top: 		0;
margin-bottom: 		0;
padding: 		0 0 10px 0;
}

#container {
display: 		block;
width: 			950px;
margin-left: 		10px;
margin-right: 		10px;
margin-top: 		0;
margin-bottom: 		0;
padding: 		0;
}

#maincontent {
width: 			950px;
margin: 		0;
padding: 		0;
float: 			left;
clear: 			left;
}

#left {
display: 		block;
width: 			630px;
margin: 		0 10px 0 0;
padding: 		0;
float: 			left;
}

#right {
display: 		block;
width: 			310px;
margin: 		0;
padding: 		0;
float:			right;
}









/* --------------------- HEADER ---------------------- */

#header {
display: 		block;
width: 			950px;
height: 		87px;
background: 		#990066 url(../images/header/header.gif) bottom left;
background-repeat:	no-repeat;
margin: 		0;
padding: 		0;
}









/* --------------------- IMAGE ---------------------- */

#image {
width: 			630px;
height:			310px;
margin: 		0 0 10px 0;
padding: 		0;
overflow: 		hidden;
}

#image2 {
width: 			630px;
height:			230px;
margin: 		0 0 10px 0;
padding: 		0;
overflow: 		hidden;
}







/* --------------------- COLUMNS ---------------------- */

#v_wrap {
width: 			630px;
margin: 		0;
padding: 		0;
clear: 			left;
float: 			left;
}

#v_col1 {
width: 			310px;
margin: 		0 10px 0 0;
padding: 		0;
float: 			left;
}

#v_col2 {
width: 			310px;
margin: 		0;
padding: 		0;
float:			right;
}

#h_col1 {
width: 			630px;
margin: 		0;
padding: 		0;
}










/* --------------------- FOOTER ---------------------- */

#footer {
display: 		block;
width: 			940px;

/* hide from IE mac \*/
min-height: 		23px;
height: 		auto !important;
/* end hiding from IE5 mac */

height: 		23px;

background-color: 	#990066;
margin: 		10px 0 0 0;
padding: 		10px 0 0 10px;
color: 			#fff;
font-size: 		80%;
clear: 			both;
}

#footer a {
color: 			#fff;
text-decoration: 	none;
padding: 		0;
margin: 		0;
}

#footer a:hover {
text-decoration: 	underline;
}











/* --------------------- MENU ---------------------- */

.menu {
display: 		block;
float:			left;
width:			950px;
margin:    		0 0 10px 0;
}

.menu ul {
list-style-type: 	none;
margin:			0;
padding:		0;
}

.menu li {
display:		inline;
margin:			0;
padding:		0;
}

.menu a {
float:			left;
background:		url(../images/menu/300box.gif) repeat-x top left;
margin:			0;
padding:		0;
text-decoration:	none;
border-top: 		1px solid #ccc;
border-bottom: 		1px solid #ccc;
border-left: 		1px solid #ccc;
cursor: 		pointer;
}

.menu a span {
float:			left;
display:		block;
padding:		7px 0 7px 0;
font-family:            Verdana, Arial, Helvetica, sans-serif;
font-weight:		normal;
font-size: 		87%;
color:			#333;
text-align: 		center;
white-space: 		nowrap;
overflow: 		hidden;
}

/* hide from IE mac \*/
.menu a span {
float: 			none;
}
/* end hiding from IE5 mac */

.menu a .home {
width: 			60px;
}

.menu a .accommodation {
width: 			145px;
}

.menu a .destinations {
width: 			115px;
}

.menu a .offers {
width: 			60px;
}

.menu a .about {
width: 			90px;
}

.menu a .contact {
width: 			100px;
}

.menu a .request {
width: 			160px;
}

.menu a .register {
width: 			80px;
}

.menu a .search {
width: 			130px;
border-right: 		1px solid #ccc;
}

.menu a:hover span {
color: 			#333;
}

.menu a:hover {
background-position:	0% -150px;
}

.menu li.selected a span {
color: 			#333;
}

.menu li.selected a {
background-position:	0% -75px;
}













/* --------------------- BOX 1 ---------------------- */

.box1 {
display: 		block;
background-color: 	#ccc;
width: 			310px;
margin: 		0 0 10px 0;
padding:		0;


/* hide from IE mac \*/
min-height: 		230px;
height: 		auto !important;
/* end hiding from IE5 mac */

height: 		230px;


clear: 			left;
float: 			left;
}

.box1_image {
width: 			310px;
height:			98px;
overflow: 		hidden;
background-color: 	#ccc;
margin:			0;
padding:		0;
}

.box1_image img {
margin:			0;
padding:		0;
}

.box1_text {
display: 		block;
background: 		#fff url(../images/box_backgrounds/130box.gif) repeat-x bottom left;
width: 			293px;


/* hide from IE mac \*/
min-height: 		115px;
height: 		auto !important;
/* end hiding from IE5 mac */

height: 		115px;


border: 		1px solid #ccc;
padding: 		10px 5px 5px 10px;
margin:			0;
}

.box1_text ul {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
color: 			#333;
line-height: 		1.8em;
padding: 		0;
margin-top: 		10px;
margin-left: 		0px;
margin-right: 		0px;
margin-bottom: 		10px;
list-style-position: 	inside;
list-style-type: 	disc;
}







/* --------------------- BOX 2 ---------------------- */

.box2 {
display: 		block;
background-color: 	#ccc;
width: 			310px;
margin: 		0 0 10px 0;
padding:		0;


/* hide from IE mac \*/
min-height: 		230px;
height: 		auto !important;
/* end hiding from IE5 mac */

height: 		230px;


clear: 			left;
float: 			left;
}

.box2_image {
width: 			310px;
height:			195px;
overflow: 		hidden;
background-color: 	#ccc;
margin:			0;
padding:		0;
}

.box2_image a img {
margin:			0;
padding:		0;
}

.box2_image a:hover img{
opacity: 		0.7;
-moz-opacity: 		0.7;
filter: 		alpha(opacity=70);
}

.box2_text {
display: 		block;
background: 		#fff url(../images/box_backgrounds/33box.gif) repeat-x bottom left;
width: 			293px;
height: 		26px;
border: 		1px solid #ccc;
padding: 		7px 5px 0 10px;
margin:			0;
}

.box2_text ul {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
color: 			#333;
padding: 		0;
margin-top: 		0;
margin-left: 		0;
margin-right: 		0;
margin-bottom: 		0;
list-style-position: 	inside;
list-style-type: 	disc;
float: 			left;
white-space: 		nowrap;
}







/* --------------------- BOX 3 ---------------------- */

.box3 {
display: 		block;
background-color: 	#ccc;
width: 			310px;
margin: 		0 0 10px 0;
padding:		0;


/* hide from IE mac \*/
min-height: 		150px;
height: 		auto !important;
/* end hiding from IE5 mac */

height: 		150px;


clear: 			left;
float: 			left;
}

.box3_image {
display: 		block;
width: 			155px;
height:			150px;
margin: 		0;
float: 			left;
background-color: 	#ccc;
margin:			0;
padding:		0;
}

.box3_image img {
margin:			0;
padding:		0;
}

.box3_text {
display: 		block;
width: 			138px;


/* hide from IE mac \*/
min-height: 		133px;
height: 		auto !important;
/* end hiding from IE5 mac */

height: 		133px;


border: 		1px solid #ccc;
background: 		#fff url(../images/box_backgrounds/150box.gif) repeat-x bottom left;
margin: 		0;
padding: 		10px 5px 5px 10px;
float:			right;
}

.box3_text h4 {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
font-weight: 		normal;
color: 			#990066;
font-size: 		110%;
padding: 		0;
margin-top: 		0;
margin-left:		0;
margin-right: 		0;
margin-bottom: 		5px;
}

.box3_text p {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
color: 			#333;
padding: 		0;
margin-top: 		0;
margin-left: 		0;
margin-right: 		0;
margin-bottom: 		20px;
}













/* --------------------- BUTTONS ---------------------- */





/* --------------------- CLICK TO FIND OUT MORE ---------------------- */
a.click {
display: 		block;
background: 		url(../images/buttons/click.gif) no-repeat top left;
width: 			133px;
height: 		20px;
}

a:hover.click {
background-position: 	0px -20px;
}





/* --------------------- MORE INFO  ---------------------- */
a.info {
display: 		block;
background: 		url(../images/buttons/info.gif) no-repeat top left;
width: 			60px;
height: 		20px;
}

.box2_text a.info {
float:			right;
}

a:hover.info {
background-position: 	0px -20px;
}





/* --------------------- CLICK HERE TO SEARCH ONLINE ---------------------- */
a.search {
display: 		block;
background: 		url(../images/buttons/search.gif) no-repeat top left;
width: 			288px;
height: 		30px;
}

a:hover.search {
background-position: 	0px -30px;
}





/* --------------------- TO BOOK CALL: ---------------------- */
a.call {
display: 		block;
background: 		url(../images/buttons/call.gif) no-repeat top left;
width: 			288px;
height: 		30px;
}

a:hover.call {
background-position: 	0px -30px;
}





/* --------------------- VISIT WEBSITE  ---------------------- */
a.visit {
display: 		block;
background: 		url(../images/buttons/visit.gif) no-repeat top left;
width: 			75px;
height: 		20px;
}

a:hover.visit {
background-position: 	0px -20px;
}





/* --------------------- START YOUR ACCOMMODTION SEARCH  ---------------------- */
a.start {
display: 		block;
background: 		url(../images/buttons/start.gif) no-repeat top left;
width: 			181px;
height: 		20px;
}

a:hover.start {
background-position: 	0px -20px;
}










/* ----------------------TYPOGRAPHY---------------------- */

h1 {
font-weight: 		normal;
color: 			#990066;
font-size: 		250%;
margin-left:		0;
margin-right:		20px;
margin-top:		0;
padding:		0;
}

h3 {
font-weight: 		normal;
color: 			#990066;
font-size: 		150%;
margin-left:		0;
margin-right:		20px;
margin-top:		0;
padding:		0;
}

#v_col1 p {
line-height:		1.6em;
margin-left:		0;
margin-right:		30px;
margin-top:		0;
padding:		0;
}

#v_col2 p {
line-height:		1.6em;
margin-left:		0;
margin-right:		30px;
margin-top:		0;
padding:		0;
}

ul.list {
line-height:		1.6em;
margin-left:		0;
margin-right:		30px;
margin-top:		0;
padding:		0;
}

ul.list li {
list-style-type: 	none;
}

ul.list li a {
color: 			#333;
text-decoration:	none;
list-style-type: 	none;
}

ul.list li a:hover {
color: 			#990066;
}

.bold {
font-weight: 		bold;
}

.small {
font-size: 		85%;
}

p a {
color:			#333;
text-decoration:	underline;
}

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








/* ----------------------GENERAL---------------------- */

.input {
width:			250px;
font-size: 		small;
font-family: 		Verdana, Arial, Helvetica, sans-serif;
color:			#333333;
border: 		1px solid #cccccc;
margin:			0;
padding:		2px;
}

.box ul {
cursor: 		default;
}

a img {
margin:			0;
padding:		0;
border:			0;
}

h1, h2, h3, h4, h5, p {
cursor: 		default;
}

.invisible {
display:		none;
}

img {
border:			0;
}

a:active, a:focus {
outline: 		0;
}