@charset "utf-8";
/* CSS Document */
/*Common styles */



* {
	margin: 0px;
	padding: 0px;
}



body {
	font-family: Verdana, Arial, Helvetica;
	background-image:url(../images/home-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;

}



div#mablethorpe-lock {
	width: 963px;
	height: 100%;
	margin: 0px auto 5px auto;
	background-color:#FFF;
}


div#mablethorpe-header {
	float:left;
	height:79px;
	width:903px;
	font-size: 11pt;
	color:#fff;
	background-image:url(../images/main-header.jpg);
	padding-left:60px;
	padding-top:20px;
}



div#mablethorpe-nav {
float:left;
height:58px;
width:873px;
background-image:url(../images/top-bar.jpg);
padding-left:60px;
padding-top:23px;
padding-right:30px;
}

div#latest-mabo-news {
  width:643px;
  height:100%;
  background-repeat:no-repeat;
  font-size:9pt;
  padding-left:51px;
  padding-top:33px;
  padding-right:30px;
  color:#535252;
}


div#featured {
  float:left;
  width:963px;
  height:384px;	
}

div#4boxes-holder {
  float:left;
  width:963px;
  height:203px;	
}

div#accommodation {
  float:left;
  width:189px;
  height:126px;
  background-image:url(../images/mablethorpe-accommodation.jpg);
  color:#ffffff;
  padding-left:30px;
  padding-right:20px;
  padding-top:77px;	
  font-size:8pt;
  font-weight:bold;
  text-shadow: #004455 0.2em 0.3em 0.2em
}

div#whats-on {
  float:left;
  width:189px;
  height:126px;
  background-image:url(../images/whats-on.jpg);	
  font-size:8pt;
  font-weight:bold;
  color:#ffffff;
  padding-top:77px;	
  padding-left:33px;
  padding-right:20px;
  text-shadow: #3e5200 0.2em 0.3em 0.2em  
}

div#mablethorpe-pictures {
  float:left;
  width:225px;
  height:424px;
  padding-left:14px;
  font-size:9pt;
  color:#333;
  text-align:center;
}

div#eating-out {
  float:left;
  width:192px;
  height:126px;
  background-image:url(../images/eating-out-mablethorpe.jpg);
  font-size:8pt;
  font-weight:bold;
  color:#ffffff;
  padding-top:77px;	
  padding-left:30px;
  padding-right:20px;
  text-shadow: #492d00 0.2em 0.3em 0.2em  
}

div#advertising {
  float:left;
  width:190px;
  height:126px;
  background-image:url(../images/advertise.jpg);
  font-size:8pt;
  font-weight:bold;
  color:#5d4b01;
  padding-top:77px;	
  padding-left:30px;
  padding-right:20px;
  text-shadow: #594701 0.2em 0.3em 0.2em  
}

div#main-contents-holder {
  float:left;
  width:963px;
  height:100%;
  background-color:#ffffff;	
}


div#left {
  float:left;
  width:239px;
  height:100%;	
}

div#left-nav {
  float:left;
  width:195px;
  height:290px;
  background-image:url(../images/left-nav.jpg);
  padding-left:44px;
  padding-top:89px;	
  margin-bottom:10px;
}


div#left-ad {
  float:left;
  width:215px;
  height:231px;	
  margin-bottom:6px;
  padding-left:24px;
  padding-top:10px;
}

div#resources {
  float:left;
  width:225px;
  height:394px;
  background-image:url(../images/adsense-left.jpg);	
  padding-left:14px;
  padding-top:56px;
}


div#right {
  float:right;
  width:724px;
  height:100%;	
}

div#intro {
  width:642px;
  height:100%;
  background-image:url(../images/welcome.jpg);
  background-repeat:no-repeat;
  font-size:9pt;
  padding-left:52px;
  padding-top:33px;
  padding-right:30px;
  color:#535252;	
}

div#item1 {
   float:left;
   width:257px;
   height:385px;
}

div#item1txt {
   float:left;
   width:190px;
   height:210px;
   padding-left:50px;
   padding-top:10px;
   font-size:9pt;
   color:#535252;
   padding-right:17px;
}

div#item2 {
   float:left;
   width:227px;
   height:385px;
}

div#item2txt {
   float:left;
   width:186px;
   height:210px;
   padding-left:20px;
   padding-top:10px;
   font-size:9pt;
   color:#535252;
   padding-right:17px;
}

div#item3 {
   float:left;
   width:240px;
   height:385px;
}

div#item3txt {
   float:left;
   width:190px;
   height:210px;
   padding-left:30px;
   padding-top:10px;
   font-size:9pt;
   color:#535252;
   padding-right:17px;
}

div#info {
  float:left;
  width:672px;
  height:179px;
  font-size:9pt;
  color:#2c2c2c;
  padding-left:52px;
  padding-top:20px;	
  background-image:url(../images/bg-dot.jpg);
  background-position:top;
  background-repeat:no-repeat;
}

div#infoa {
float:left;
width:327px;
height:131px;
margin-right:10px;
}

div#infob {
float:left;
width:300px;
height:131px;
}

div#outro {
  float:left;
  width:642px;
  height:305px;
  background-image:url(../images/about-town.jpg);
  background-position:top;
  background-repeat:no-repeat;
  color:#535252;
  font-size:9pt;
  padding-left:52px;
  padding-top:30px;
  padding-right:30px;	
}

div#mablethorpe-outro {
  float:left;
  width:642px;
  height:100%;
  background-image:url(../images/about-town.jpg);
  background-position:top;
  background-repeat:no-repeat;
  color:#535252;
  font-size:9pt;
  padding-left:52px;
  padding-top:30px;
  padding-right:30px;	
  padding-bottom:20px;
}

div#mablethorpe-outro2 {
  float:left;
  width:642px;
  height:100%;
  background-image:url(../images/about-town.jpg);
  background-position:top;
  background-repeat:no-repeat;
  color:#535252;
  font-size:9pt;
  padding-left:52px;
  padding-top:30px;
  padding-right:30px;	
  padding-bottom:20px;
}

div#footer {
  float:left;
  width:963px;
  height:250px;
  border-top: 5px solid #2e8194;
}

div#twitterbox {
  float:left;
  width:276px;
  height:341px;	
}

div#adsense-footer {
  padding-top:20px;
  float:right;
  width:893px;
  height:100%;	
  font-size:9pt;
  color:#2e8194;
  padding-left:70px;
}





/* NAV MENU ITEMS */
/*All below */



#mablethorpe-menu {
    list-style:none;   
}
 

ul#mablethorpe-menu li {
    float: left;
    display: inline;
    margin-right:12px; /*gap between items*/
 }
 

ul#mablethorpe-menu li a, ul#mablethorpe-menu li a:visited {
    text-decoration: none; /*get rid of the link underline*/
    font-weight: bold; /*change to "bolder" to bold it*/
    color: #0c5452; /*change to the colour you want*/
    font-size:9pt;
}


ul#mablethorpe-menu li a:hover {
	color: #479b99;
}



/*left menu*/

#left-menu {
    list-style:none;   
}
 

ul#left-menu li {
    float: left;
    display: inline;
    margin-right:32px; /*gap between items*/
 }

 

ul#left-menu li a, ul#left-menu li a:visited {
    text-decoration: none; /*get rid of the link underline*/
    font-weight: normal; /*change to "bolder" to bold it*/
    color: #078284; /*change to the colour you want*/
    font-size:11pt;
}


ul#left-menu li a:hover {
	color: #894686;
	font-weight: bold;
}




/* STYLES */
/*All below */



h1 { 
 font-family: Verdana; 
 font-size: 27pt;
 color:#ffffff; 
 display: inline; 
} 

h2 { 
 font-family: Verdana; 
 font-size: 18pt;
 color:#2c2c2c; 
 font-weight:normal;
 }

h3 { 
 font-family: Verdana; 
 font-size: 18pt;
 color:#2c2c2c; 
 font-weight:normal; 
} 

h4 { 
 font-family: Verdana; 
 font-size: 16pt; 
 font-weight:normal;
} 




.mablethorpe1 {
	color: #858585;
	font-weight: bold;
	font-size: 11pt;
}



.mablethorpe2 {
color: #1BA5FD;
font-weight: bold;
}

.mablethorpe-holidays {
color: #1BA5FD;
font-weight: normal;
}



.mablethorpe3 {
	color: #013268;
	font-weight: bold;
}



.mablethorpe3b {
	color: #013268;
	font-weight: bold;
	font-size:10pt;
}



.mablethorpe4 {
	font-size: 9pt;
	color: #575757;
}



.mablethorpe5 {
	color: #FF0000;
	font-weight: bold;
	font-size: 11pt;
	text-decoration:none;
}



.mablethorpe6 {
	color: #FF0000;
	font-size: 9pt;
}



.mablethorpe7 {
	color: #1b7312;
	font-weight: bold;
	font-size: 11pt;
	text-decoration:none;
}



.mablethorpe8 {
	color: #1b7312;
	font-size: 10pt;
	text-decoration:none;
}



.mablethorpe9 {
	font-size: 8pt;
	color: #575757;
}



.mablethorpe10 {
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
}



.mablethorpe11 {
font-size: 8pt
}



.mablethorpe12 {
color:#216d0f;
font-size:9pt;
text-decoration:none;
}



.mablethorpe13 {
color:#fe968e;
font-size:9pt;
text-decoration:none;
}



.mablethorpe14 {
font-size:9pt;
color:#fff;
font-weight:bold;
text-decoration:none;
}

.pright {
  padding-right:7px;	
}

.mbottom {
 margin-bottom:15px;	
}

.mablethorpe-links {
 color:#894686;	
}

.mablethorpe-red {
  color:#9c1a2a;	
}