/* ----- Master Style Sheet for Whitecliff Bay ----- */
/* ----- Author: Mang Creative - 0845 33 12 987  ----- */
/* ----- Year : 2009 ----------------- */
/* ----- Comment : All rights reserved by Mang Creative ----------------- */
/* ----- CSS Document -----*/

body { background-color: #ccc;  font: 75%/140% Trebuchet MS, Arial, Helvetica, Verdana, Tahoma, sans-serif; margin: 0 auto; padding: 0px auto; text-align: center; }
#wrapper { background-color: #fff; position: relative; margin-right: auto; margin-left: auto; width: 970px; text-align: left; }
#container { position:relative; margin-bottom: 1.5em; height: auto; }
img { border: 0; }

/* ----- Header Styles -----*/

#header { background: url(../images/background/header.jpg) top center no-repeat; height: 110px; width: 100%; }

/* ----- Layout Styles -----*/

#pictorial { margin: 20px 17px; width: 950px; }
#pictorial-home { margin: 20px 17px; width: 950px; height: 326px; background: url(../images/header/home.jpg) no-repeat; z-index: -100; }
#pictorial-left { width: 700px; float: left; }
#pictorial-right { margin: 0 0 0 15px; width: 230px; float: right; }
.pictorial-text { color: #fff; width: 230px; font-size: 120%; margin: -100px 0 0 30px; position: absolute; }
.pictorial-text-left { color: #fff; width: 450px; font-size: 120%; margin: 75px 0 0 30px; position: absolute; }
* html .pictorial-text-left { color: #fff; width: 235px; font-size: 120%; margin: 150px 0 0 49px; position: absolute; line-height: 1.4em; }
.pictorial-text-home { background: url(http://www.wight-holidays.com/images/background/opaqueback.png); color: #fff; width: 450px; font-size: 90%; margin: -260px 0 0 30px; position: absolute; font-familiy: 'Trebuchet MS'; }
#content { width: 950px; }
#content-left { width: 660px; float: left; margin-left: 20px; margin-right: 20px; }
#content-right { margin: 0 0 0 15px; width: 230px; float: right; }

/* ----- Menu Styles -----*/

#menu-holder { margin: -30px 0 0 5px; }

.offertop {font-size: 120%; color: #fff; font-weight: bold; background: url(http://www.wight-holidays.com/images/background/offerboxtop.jpg);}
.offerbox { background: #eeeeee; padding: 15px;}
.offerbottom {background: url(http://www.wight-holidays.com/images/background/offerbottom.jpg);}

#footer-navlist { list-style: none; padding: 0; margin: 0; }
#footer-navlist li { display: inline; padding: 0; margin: 0; }
#footer-navlist li a { color: #fff; text-decoration: none; }
#footer-navlist li:before { content: "| "; }
#footer-navlist li:first-child:before { content: ""; }

* html #footer-navlist li { border-left: 1px solid white; padding: 0 1em 0 1em; margin: 0 1em 0 -1em; }
* html #footer-navlist { height: 1%; }
* html #footer-navlist li { display: block; float: left; } 
* html #footer-navlist li:first-child { border-left: 0; }

#submenu-holder { background: #3C97D3; margin: 0 0 -12px 0; }
* html #submenu-holder { background: #3C97D3; margin: -4px 0 -19px 0; }
.submenu-holder { margin: 0 auto; padding: 0; display: block;}
.submenu-image { margin: 0 0 5px 0; padding: 0; }

#submenu-navlist li { list-style-type: none; margin: 0 0 0 -20px; }
#submenu-navlist li a { color: #fff; text-decoration: none; font-size: 105%; line-height: 1.65em; font-family: 'Trebuchet MS'; }

#footermenu-navlist li { list-style-type: none; margin: 0 0 0 -40px; }
#footermenu-navlist li a { color: #fff; text-decoration: none; font-size: 90%; line-height: 1.60em; font-family: 'Trebuchet MS'; }

#sitemap-navlist li { list-style-type: none; margin: 0 0 0 -40px; }
#sitemap-navlist li a { color: #333; text-decoration: none; font-size: 100%; line-height: 1.60em; font-family: 'Arial'; }

.clearer {clear: both; }

/* ----- Home Styles -----*/

#homepage { width: 940px; margin: 10px 10px 20px 10px ; background: url(../images/background/homepage-columns.jpg) no-repeat; }
#home-col-1 { width: 205px; margin: 0 20px 0 10px; float: left; }
#home-col-2 { width: 205px; margin: 0 20px 0 10px; float: left; }
#home-col-3 { width: 205px; margin: 0 20px 0 15px; float: left;}
#home-col-4 { width: 205px; margin: 0 0 0 20px; float: left; }

#home-tabbed { width: 940px; margin: 10px 10px 20px 15px ; }
#home-tabbed-1 { width: 640px; float: left; }
#home-tabbed-2 { width: 280px; background: #fff; float: right; margin: 32px 0 0 20px; }

.home-content { font-size: 90%; }
.home-feature-content { font-size: 95%; line-height: 1.9em; color: #666;}
.home-feature-img { padding: 0 10px 0 0; width: 64px; }
.home-feature-content a { color: #fff; text-decoration: none; float: left; font-weight: bold; }
.home-feature-content a:hover { text-decoration: underline; }

.homepage-right {font-size: 120%; color: #fff; background: url(http://www.wight-holidays.com/images/buttons/homelinkbutton.jpg) no-repeat; padding-left: 10px; height: 25px}

/* ----- Content Styles -----*/

h1 { font-size: 140%; color: #fff; margin: 0 auto; padding: 0 ; }
h2 { font-size: 150%; color: #3C97D3; }
h3 { font-size: 125%; color: #3C97D3; font-weight: bold; margin: 0 auto; padding: 0; }
h4 { font-size: 125%; color: #fff; font-weight: bold; margin: 0 0 0 20px; padding: 0; }
h5 { font-size: 110%; color: #3C97D3; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
h6 { font-size: 90%; color: #fff; font-weight: bold; margin: 0 0 auto; padding: 0; }
ul.nomgn { margin-left: 0px;  list-style-image: url('http://www.wight-holidays.com/images/general/tickbox.jpg'); }
hr { border: 0; height: 1px; width: 100%; color: #3c97d3; align: left; }
.content { font-size: 100%; color: #333; line-height: 1.6em; }
a.content { color: #3C97D3; text-decoration: none; }
a.content:hover { text-decoration: underline; }
.content a { color: #3C97D3; text-decoration: none; }
.content a:hover { text-decoration: underline; }

/* ----- Blog Styles -----*/

.blog-layout { margin: 10px 0 0 0; line-height: 1.75em; }
.blog-title { color: #3C97D3; font-size: 200%; font-weight: bold; padding: 5px 0 10px 0; margin: 0 auto; }
a.blog-title { color: #3C97D3; font-size: 200%; font-weight: bold; text-decoration: none; padding: 5px 0 10px 0; margin: 0 auto; }
a.blog-title:hover { text-decoration: underline; }
.blog-date { color: #666; }
.blog-content { color: #000; font-size: 105%; }

/* ----- Form Styles -----*/

.error { color: #f00; font-family: 'Trebuchet'; }
.contact-textfield { width: 250px;}
.contact-textarea { width: 250px; height: 100px; }
.contact-textcode { width: 52px;}
.contact-button { width: 100px; color: #fff; background: #3C97D3; }

/* ----- Footer Styles -----*/

#footer-navigation { margin: 20px 0 0 0; width: 100%; }
#footer-navigation-top { background: url(../images/background/footer-link-top.jpg) top left no-repeat; height: 25px; width: 100%; margin: 0 auto; padding: 0; }
#footer-navigation-middle { background: url(../images/background/footer-link-middle.jpg) top left repeat-y; width: 100%; margin: 0 auto; padding: 0; }
#footer-navigation-bottom { background: url(../images/background/footer-link-bottom.jpg) top left no-repeat; height: 25px; width: 100%; margin: -12px 0 0 0; padding: 0;}

.footer-columns { width: 910px; padding-left: 35px; padding-right: 35px; }


#footer { background: url(../images/background/footer.jpg) top left repeat-x; height: 50px; margin: 0 auto; width: 100%; }
#footer-left { width: 65%; float: left; font-size: 0.85em; color: #fff; margin: 15px;  }
#footer-right { width: 20%; float: right; font-size: 0.85em; color: #fff; margin: 15px; }

/* ----- Holiday Home Sales Styles -----*/
.fill	{background-color: silver; }