body {
background-color: #ccc;
text-align: center;
/*background-image: url(/images/bg.gif);*/
}
body, div, p, h1, h2, h3,ul, li, img, dl, a {
margin: 0px;
padding: 0px
}

body div#holding {
text-align: center;
width: 980px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border: 2px solid #999;
border-top: none;
}


#top {
width: 100%;
}
#top div#masthead {
background-color: #fff;
width: 980px;
height: 164px;
}
#top img#mast {
width: 100%;
height: 164px;
/*margin-bottom: 0px*/
}
#top div#navigation {
background-color: #be2039;
text-align: center;
padding-top: 1px;
padding-bottom:1px;
/*border-bottom: 1px solid #ccc;*/
}


#top div#navigation p {
margin: 0px;
width: 100%;
padding: 0px;
color: #fff;
/*border: 1px solid white;*/
}
#top div#navigation a {
font-size: 7.5pt;
font-family: verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
font-weight: bold;
display: inline;
margin: 0px;
padding: 0px;
margin-left:2%;
margin-right:2%;
}
#top div#navigation a:hover {
color: #f00;
text-decoration: underline;
}


#container {

}


#left {
width: 210px;
float: left;
text-align: center;
background-color: #C2243C;
/*border: 1px solid red;*/
margin-top: 14px;
height: 1000px;
padding-top: 12px;
}

#left div {
margin: 6px;

}

div.infobox {
width: 175px;
text-align: left;
background-color: #ccc;
padding: 2px;
border: 1px solid #999
}

.infobox h2 {

font:9pt Arial,Verdana,Sans-serif;
color:#990000;
font-weight: bold;
padding-left: 17px;
}
.infobox p {

margin-left: 15px;
font-size:8pt;
font-family: Arial,Verdana, Sans-serif;
color: #333;
font-weight: normal;
padding: 2px;
}
.infobox p.infotitle {
color: #000000;
}
.infobox p a {
font-size:8pt;
font-weight: normal;
font-family: Arial,Verdana, Sans-serif;
text-decoration: none;
color: #C2243C;
}
.infobox p a:hover {
color: #999;
text-decoration: underline;
}
.infobox p.address {
padding-top: 6px
}
#left-bottomboxes {
width: 980px;
clear: both; 
text-align: left;
position: relative;
top: -256px;
}
#left-bottombox1, #left-bottombox2, #left-bottombox3 {
clear: both;
width:100px;
height:100px;
}
#left-bottombox1 {
background-color: #ccc;
border: 1px solid black;
position: relative;
left: 160px;
}
#left-bottombox2 {
background-color: #666;
border: 1px solid black;
position: relative;
top: -25px; 
left: 230px;
}
#left-bottombox3 {
background-color: #999;
border: 1px solid black;
position: relative;
top: -50px; 
left: 160px;
}


/*HEIGHT OF LET AND CONTENT AREA*/

#left, #contents {
height: 900px;
}

#left.left_salt, #contents.contents_salt {
height: 1300px;
}

#left.left_equestrian, #contents.contents_equestrian {
height: 1400px;
}
#left.left_marine, #contents.contents_marine {
height: 900px;
}
#left.left_leisure, #contents.contents_leisure {
height: 1050px;
}









#contents {
width: 750px;
float: left;
/*border: 1px solid red;*/
background-color: #fff;
text-align: left;
margin: 13px 0px 6px 0px;
}



#contents h1 {
font-size: 13pt;
font-family: Verdana, Arial, Sans-serif;
color: #be2039;
margin-left: 5px;
margin-top: 10px;
margin-bottom: 12px;
}

#contents p {
font-size: 9pt;
font-family: Verdana, Arial, Sans-serif;
text-align: justify;
clear: both;
margin: 0px 10px 10px 30px;
}

#contents p.photo {
margin-top: 20px;
}

.readmore {
display: block;
text-align: right; 
margin-top: 5px;
}
.contentimage_left, .contentimage_right, .contentimage_rightportrait {
border: 1px solid #999;
padding: 3px;
margin: 0px 20px 20px 20px;
}
.contentimage_left {
float: left;
width: 325px;
height: 244px;
}
.contentimage_right {
float: right;
width: 325px;
height: 244px;
}

.contentimage_rightportrait {
float: right;
width: 244px;
height: 325px;
}





#contents p.photo_right img {
float: right;
}


#contents div {
padding: 0px;
margin-left: 30px;
text-align: center;
}


#contents div.indexphotos {
float: left;
margin-left: 20px;
margin-bottom: 10px
}
#contents div.indexphotos img {
padding: 3px;
border: 1px solid #999;
width: 200px;
height: 150px;
}
#contents div.indexphotos h3 {
font-size: 8pt;
font-family: Verdana, Arial, Sans-serif;
color: #be2039;
}
#contents div h3 a, #contents div h3 a:link, #contents div h3 a:visited  {
text-decoration: none;
font-size: 8pt;
font-family: Verdana, Arial, Sans-serif;
color: #be2039;
}
#contents p a, #contents p a:link, contents p  a:visited  {
text-decoration: none;
font-weight: bold;
font-size: 9pt;
font-family: Verdana, Arial, Sans-serif;
color: #be2039;
}
#contents div h3 a:hover, #contents p a:hover {
text-decoration: underline;
color: #666;
}
#contents div #indexphotosbottom {
margin-left:120px;
}


#footer {
clear: both;
width: 980px;
margin-top: 15px;
position: relative;
top: -310px;
background-color: #be2039;
border-bottom: 2px solid #999;

}
#footer p {
color: #fff;
font-size:7pt;
font-family: Arial,Verdana, Sans-serif;
}

#bottomgrey {
width: 99%;
height: 700px;
background-color: #ccc;
position: relative;
top: -312px;
}