/*
******************************************************************************************************

Title:			screen.css - (/theme/85a6e4)
Browser(s): 	All

Author: 		Mark Greenley (www.adverset.co.uk) for Escape2 The Sands (www.escape2thesands.com)
Browser(s): 	Firefox 2, IE7, IE6, Safari 
Platform(s):    Win XP-SP2, Mac OSX
Created: 		25.02.2008
Last modified: 	07.12.2009
by: 			MG

******************************************************************************************************
*/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img, abbr { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none; /* Gets rid of Firefox's dotted borders */ text-decoration:none }
a img { border:none } /* Gets rid of IE's blue borders */


body {
font-size:62.5%;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
background: #fff url('/themes/85a6e4/images/home-background.jpg') no-repeat;
background-position:center top;
}
p {
font-size:1.3em;
color:#362b3b;
line-height:1.2em;
}

#container {
width:1000px;
margin:20px auto;
padding:0;
}

/* Added By Glen Elkins
 * Background For Slider
*/
#slider_container {

	margin:0px; 
	padding:0px;
	
	margin-left: 10px;
	margin-top: 10px;
	
	width: 320px;
	height: 260px;
	
	overflow:hidden;
	
	background:url('/themes/85a6e4/images/sliderbg_blue.jpg') no-repeat;
	
}

/*---------
HOLDER -------------------------------------------------*/
#holder {
width:1000px;
padding:0 0 0 0;
margin-top:125px;
} 

/*-------------
SETS UP CONTENT AREA ------------------------------------------------*/

#centre {
padding: 20px 0 0 0;
background:url('/i/home-double-rule.gif') ;
background-repeat:no-repeat;
background-position:right top;
margin:0 295px 0 369px;
}

#sidebar-a {
float: left;
background:url('/i/home-double-rule.gif') ;
background-repeat:no-repeat;
background-position:right top;
width:369px ;
margin:0;
margin-bottom:30px;
padding:0;
}
#sidebar-a p {margin:20px 12px 0 12px;}
#sidebar-a p a {color:#384e87;text-decoration:none;}
#sidebar-a p a:hover {color:#85a6e4;text-decoration:underline;}
#sidebar-a .intro {font-size:1.8em;color:#272532;}

#sidebar-b {
float: right;
width:295px ;
margin: 15px 0 0 0;
padding:0;
}

#sidebar-b img {
margin: 10px 0 0 10px;
}
/*---
CENTRE COLLUMN ----------------------------------------------*/
#booking {
background:url('/i/booking.png');
background-repeat:no-repeat;
position:relative;
height:106px;
margin:0 10px 0 0px;
}
#booking p {font-size:1.1em;color:#8b6533;text-transform:uppercase;padding:35px 5px 0 127px;}

#holidays {
background:url('/i/holidays.png');
background-repeat:no-repeat;
position:relative;
height:106px;
margin:0 10px 0 0px;
}
#holidays p {font-size:1.1em;color:#338F24;text-transform:uppercase;padding:48px 5px 0 127px;}

#leisure {
background:url('/i/leisure.png');
background-repeat:no-repeat;
position:relative;
height:106px;
margin:0 10px 0 0px;
}
#leisure p {font-size:1.1em;color:#194daa;text-transform:uppercase;padding:50px 5px 0 127px;}

/*-----------------CENTRE ROLLOVERS-----------------------------*/

#centre ul {
	margin:0;
}
#centre ul li {
	float:left;
}
#centre ul li a {
	float:left;
	display:block;
	height:100px;
	padding:0;
	margin:0;
	margin-bottom:0px;
	text-indent:-3000px;
	text-decoration:none;
	overflow:hidden;
}

#centre ul li#nav1 a {width:332px;background: url(/i/booking.png) no-repeat;}
#centre ul li#nav1 a:hover {background: url(/i/booking.png) 0 -100px no-repeat;}
#centre ul li#nav2 a {width:332px;background: url(/i/holidays.png) no-repeat;}
#centre ul li#nav2 a:hover {background: url(/i/holidays.png) 0 -100px no-repeat;}
#centre ul li#nav3 a {width:332px;background: url(/i/leisure.png) no-repeat;}
#centre ul li#nav3 a:hover {background: url(/i/leisure.png) 0 -100px no-repeat;}

/*---
LATEST NEWS -------------------------------------------------*/

#latest-news {
margin: 0 0 0 10px;
background:url('/themes/85a6e4/images/lat-news-bg.jpg') 4px 2px;
background-repeat:no-repeat;
width:282px;
}

#latest-news p.title {
font-size:1.1em;
color:#85a6e4	;
text-transform:uppercase;
padding:28px 0 0 16px;
} 

#latest-news ul {margin:16px 110px 0 30px;border:0;}
#latest-news ul li {line-height:1.5em;list-style-type:square;}

#latest-news ul li.one {font-size:1.3em; color:#544F70;}
#latest-news ul li.one a {color:#544F70;text-decoration:none;}
#latest-news ul li.two {font-size:1.3em; color:#9895A9;}
#latest-news ul li.two a {color:#9895A9;text-decoration:none;}
#latest-news ul li.three {font-size:1.3em; color:#BBB9C6;}
#latest-news ul li.three a {color:#BBB9C6;text-decoration:none;}

#latest-news ul li a:hover {color:#9b98ce;text-decoration:underline;}

#latest-news p.news-archive {color:#fff;font-size:1.3em;margin:10px 0 0 28px;}
#latest-news p.news-archive a {background-color:#384e87;color:#fff;padding:3px;}
#latest-news p.news-archive a:hover {background-color:#85a6e4;}

/*---
POSTCARD -------------------------------------------------*/

#postcard {
margin: 0 0 0 0;
}

#postcard p.title {
font-size:1.1em;
color:#85a6e4	;
text-transform:uppercase;
padding:28px 0 0 16px;
} 

#postcard p.news-archive {color:#fff;font-size:1.3em;margin:10px 0 0 28px;}
#postcard p.news-archive a {background-color:#384e87;color:#fff;padding:3px;}
#postcard p.news-archive a:hover {background-color:#85a6e4;}

/*--- 
HEADER  ---------------------------------------------------------*/
#brand-nav-wrapper {
background:url('/themes/85a6e4/images/nav-bg.gif') repeat-x;
margin:0 0 0 0;
height:196px;
}/*--- This sets the stretching bg strip that the logo & main nav sits on. !!!!Colour of this needs changing per theme!!!!!! */

#header {
width:1000px;
margin:auto;
} /* This sets the main centred header area. Contains branding and nav elements. */

#logo {
margin:20px 0 0 55px;
float:left;
}
#logo h1 {
background: url('/i/sands-logo.png') no-repeat;
width:186px;
height:132px;
text-indent:-3000px;}



 #secondary-nav-date {
margin:0 15px 8px 0;
height:52px;

}

/* Sets up the secondary links and date box placement */
#secondary-nav-links {
float:left;
background-color:#6980b8;
margin:15px 25px 0 350px;
padding:0;
height:25px;
}
#searchBox {
	float:right;
	margin: 0px 0px 0px 20px;
}

/*html>body #secondary-nav-links {
background-color:#6980b8;
margin:15px 25px 0 497px;
padding:0;
height:25px;
}*/
#secondary-nav-links ul {
margin:5px 0 0 0;
}
#secondary-nav-links ul li {
float:left;
}
#secondary-nav-links ul li a {
color:#fff;
text-transform:uppercase;
font-size:1.2em;
padding:5px 5px;
text-decoration:none;
}
#secondary-nav-links ul li a:hover,
#secondary-nav-links ul li.selected a,
#secondary-nav-links ul li.selected a:hover  {
text-decoration:underline;
}
#secondary-nav-links ul li.first-child a {
border-left:none;
}
#secondary-nav-links ul li.last-child a {
border-right:none;
}

/*----
DATE & SEASON ------*/
.date {
	float:right;
	background: url('/i/spring-date-bg.png') no-repeat;
	padding:0 0 0 0;
	text-align:right;
	width:99px; 
	height:52px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.date span.day {
	font-size:1.2em;
	padding:11px 17px 2px 0;
	display:block;
	height:10px;
	}
.date span.month {
	font-size:1.4em;
	display:block;
	padding:0 10px 0 0;
	height:14px;
	text-transform:uppercase;
	}
	
#main-nav-pos {
margin:0 0 0 0;
float:right;
}/* Main text links position */
	
#main-nav {
margin:0 0 0 0;
}
#main-nav ul {
padding:0;
}
#main-nav ul li {
float:left;
padding:0 10px 0 10px;
margin:4px 0 0 0;
border-left:1px solid #5d6694;
border-right:1px solid #7084BF;
}
#main-nav ul li a {
color:#fff;
text-transform:uppercase;
font-size:1.2em;

text-decoration:none;
}
#main-nav ul li a:hover,
#main-nav ul li.selected a,
#main-nav ul li.selected a:hover  {
text-decoration:underline;
}
#main-nav ul li.first {
border-right:1px solid #7084BF;
border-left:0;
}
#main-nav ul li.last {
border-left:1px solid #5d6694;
border-right:0;
}
/*---
WELCOME ------------------------------------------------------------*/
.welcome {
width:1000px;
background:url('/themes/85a6e4/images/welcome-to.png') no-repeat;
height:54px;
margin:120px 0 0 0;
border-bottom:solid 1px #fff;
}
.welcome h1 {text-indent:-3000px;}


/*--- 
SUBSCRIBE  ---------------------------------------------------------*/
#subscribe {
width:200px;
background-color:#f0f0f0;
margin:0;
padding:0;
border:1px solid #000;
}
/*--- 
LATEST NEWS 
#latest-news {
width:200px;
background-color:#f8f8f8;
margin:0 0 10px 0;
padding:10px;
border:1px solid #000;
}  ---------------------------------------------------------*/

/*--- 
POSTCARD  ---------------------------------------------------------*/
#postcard {
width:200px;
background-color:#f6f6f6;
margin:0;
padding:0;
border:1px solid #000;
}
/*--- 
CONTENT  ---------------------------------------------------------*/

/*--- 
FOOTER  ----------------------------------------------------------*/
#footer {
margin:70px 0 0 0;
border-top:1px solid #d19678;
background:url('http://www.escape2thesands.com/themes/85a6e4/images/footer-pg.png') repeat-x;
clear:both;
padding:0 0 0 0;
}
#footer-content {
margin:10px auto;
width:960px;
padding:10px 0 0 0;
}

#footer-content ul.footer-links1 {
width:210px;
font-size:1.3em;
float:left;
line-height:1.5em;
color:#272532;
border-right:1px solid #f4cda9;
}


#footer-content ul.footer-links2 {
font-size:1.3em;
width:200px;
margin:0 0 0 211px;
padding:0 0 0 25px;
line-height:1.5em;
border-left:1px solid #fbd9b4;
}

#footer-content ul li {
margin:0 0 0 10px;
padding:0;
list-style-image:url('/themes/85a6e4/images/ft-bullet.gif');
}

#footer-content ul li a {
color:#272532;
}
#footer-content ul li a:hover {
text-decoration:underline;
}

#footer-content p {
font-size:1.1em;
color:#fff;
margin:10px 0 0 0;
padding:5px 0 0 0;
}

#footer-content p a {
color:#fff;
text-decoration:none;
}

#footer-content p a:hover {
text-decoration:underline;
}
#footer-content img {
padding:0 3px 0 0;
}
/* ----DISABLED: need to choose between this and CMXFORM.CSS ----*/
/*---- 
=contact Form -------------------*/
/* 
label {
	float: left;
	text-align: left;
	font-size:1.0em;
	font-weight:normal;
	color:#333;
}

form p label {
	float: left;
	width:28%;
}

input {
	color: #666;
	background: #F9F5F5;
	font-size:1.1em;
	border: 1px solid #ccc;
	padding:3px;
}

textarea {
	font-size:1.4em;
	color: #666;
	background: #F9F5F5;
	border: 1px solid #ccc;
	padding:2px;
	width:328px;
}

fieldset {
	width:350px;
	float:left;
	padding: 5px 5px 10px 5px;
	margin:10px 0px 10px 10px;
	border:1px solid #ccc;
	background-color:#fff;
}

legend	{
	font-weight:normal;
	font-size:1.2em;
	color:#666;
	margin-bottom:10px;
	padding:5px;
	border: 1px solid #ccc;
	background-color:#FFF;
}

.searchsubmit	{
	margin-left: 3px;
	border: 1px solid #ccc;
	font-size:0.8em;
	color:#999;
	font-weight:normal;
	padding: 2px 2px 2px 2px;
}

input:focus, textarea:focus{
	background-color: #fff;
	border: 1px solid #999;
}

.contact_btnsubmit {
	border:1px solid #999999;
	float:left;
	padding:5px 10px;
	width:138px;
	height:25px;
	text-indent:-3000px;
}

.zemContact {
	border:1px solid #999999;
	float:left;
	padding:5px 10px;
}

*/






/*--- HIDE STUFF COS ITS MORE ACCESSIBLE THAN DISPLAY:NONE;  ---------------------------------------------------------*/
legend {
height:0;
}

/*--- TEXT-INDENT  ---------------------------------------------------------*/
#header h1
{
text-indent:-3000px;
overflow:hidden;
text-decoration:none;
}

/*--- CLEARFIXES  ---------------------------------------------------------*/
#header
{
overflow:hidden;
}