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



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



body {
	font-family: Verdana, Arial, Helvetica;
	background-image:url(../mablethorpe-web-advertising/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ffffff;

}



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:#000000;
	background-image:url(../mablethorpe-web-advertising/main-header.jpg);
	padding-left:60px;
	padding-top:20px;
	 text-shadow: #ffffff 0.2em 0.3em 0.2em
}



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


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

div#sub-nav {
  float:left;
  width:963px;
  height:45px;
}



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


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

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

}


div#left-ad {
  float:left;
  width:239px;
  height:241px;	
   margin-bottom:6px;
}

div#resources {
  float:left;
  width:220px;
  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(../mablethorpe-web-advertising/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:100%;
  font-size:9pt;
  color:#2c2c2c;
  padding-left:52px;
  padding-top:25px;	
  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:672px;
  height:305px;
  background-image:url(../images/about-town.jpg);
  color:#535252;
  font-size:9pt;
  padding-left:52px;
  padding-top:30px;	
}

div#footer {
  float:left;
  width:963px;
  height:100%;
  border-top: 5px solid #2e8194;
  background-color:#ffffff;
}


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





/* 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: #014f57; /*change to the colour you want*/
    font-size:9pt;
}


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



/*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: #014f57; /*change to the colour you want*/
    font-size:11pt;
}


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




/* STYLES */
/*All below */



h1 { 
 font-family: Verdana; 
 font-size: 27pt;
 color:#014f57; 
 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:#036;
	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;	
}

.mablethorpe-links {
 color:#894686;	
}