/* CSS Document for Richmond Jamaica

	Date Developed: 	April 21, 2010
	Developed By:		Peter Scott
	Company: 			Chrysalis Communications
	
	Last Modified: 	
	Last Modified by: 

*/

body {
	background: url('../images/bg.jpg') repeat-x top center;
}

.fl {float: left}
.fr {float: right}
.pd {padding: 0 0 0 25px}
.pdf { background: url(../images/pdf.png) no-repeat; padding: 0 0 0 25px;}
.alignleft {float: left; margin: 0 10px 0 0;}

#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
#holder {
	positon: relative;
	background: url(../images/bg_content.png) no-repeat;
	margin: 60px 0 0 0;
}
#content {
	background: url(../images/bg_content_mid.png) repeat-y;
	positon: relative;
	padding: 0 15px;
	z-index: 30;
}
#content_footer {
	background: url(../images/bg_content_footer.png) no-repeat center bottom;
	margin-top: -600px;
	height: 639px;
	z-index: 2;	
}
#logo {
	float: left;
	width: 180px;
}
#banner {
	clear: both;
	margin: 0 10px 10px 10px;
	width: 850px;
}	
#lc {
	float: left;
	background: url(../images/bg_lc.jpg) no-repeat top right; 
	width: 600px;
	padding: 0 20px 0 10px;
}
#rc {
	float: right;
	background: url(../images/bg_rc.png) no-repeat; 
	width: 229px;
}
#rc a {
	text-decoration: none;	
}
#contenthol {
	clear: both;
	margin: 0 10px 10px 10px;
	width: 850px;
}
.homecont {margin: 0 0 15px 0;}
.hcont {
	float: left;
	width: 230px;
	margin: 0 25px 0 0;	
}
#lcol {
	float: left;
	width: 890px;
}
.cont {
	margin: 0 0 10px 0;
}
.cont ul {
	width: 280px;
}
.cont ul li {
	margin: 0 0 10px 0;
}
.cont ul.fl {
	margin: 0 10px 0 15px;
}
.hlist {
	list-style: none;
}
.cont .hlist li {
	background: url(../images/bg_li_list.png) no-repeat;
	padding: 2px 0 8px 35px;
	margin: 0 0 5px 0;
}
.stripe {
	padding: 10px 0;
	background: url(../images/stripe.png) no-repeat;
	color: #503f1b;
	line-height: 21px;
	font-style: italic;
}
.sec {
	width: 300px;
}
.gallery, #options {
	padding: 10px 0 20px 0;
}
.gallery img, #options img {
	margin:  0 10px 10px 0;
}
#topnav {
	position: absolute;
	margin: -25px 0 0 760px;
}
#topnav a {
	text-decoration: none;
	color: #912e2e;
	font-weight: 700;
}
#social {
	border: 1px solid transparent;
	margin: 0 0 10px 580px;
}
#social ul {
	list-style: none;
}
#social li {
	float: left;
	width: 141px;
	margin: 0 10px 10px 0;
}
#social li a {
	display: block;
	text-indent:-99999px;
	height: 29px;
}
#twitter{
	background: url(../images/i_twitter.png) no-repeat;
}
#facebook {
	background: url(../images/i_facebook.png) no-repeat; 
}
#scroll {
	clear: both;
	position: relative;
	background: url(../images/bg_slide.jpg) top center no-repeat;
	padding: 20px 0; 
}
#message {
	clear: both;
	position: relative;
	background: url(../images/bg_message.jpg) top center no-repeat;
	padding: 17px 0;
	text-align: center;
	color: #6f3314;
}
#message a {
	color: #6f3314;
	text-decoration: none;
	font-weight: 700;
}
#siteplan_help {
	position: absolute;
	margin-top: 75px;
	margin-left: 540px;
}
#pdesc p {
	margin: 0 0 10px 0;
}
#pdesc span {
	color: #379195;
	font-weight: bold;
}
.addition {
	float: right;
	width: 327px;
}

/*--------------------------------------------------- Navigation */

#navigation {
	float: right;
	background: url(../images/bg_navigation.png) no-repeat;
	width: 637px;
	margin: 20px -15px 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 0 0 20px;
}
ul#menu, ul#submenu {
	list-style:none;
	overflow:auto;
	height: 45px;
}
ul#menu, ul#submenu {
	height: 45px;
}
ul#menu li, ul#submenu li{
	margin:2px 3px;
	padding:0; /* padding moved to the a element below */
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
ul#menu li a {
	display:block;
	padding: 5px 7px 5px 6px;	/* we need extra top and bottom padding to fit the slices */
	position: relative;
	z-index: 5;
	color: #fff;
	text-shadow: #34393c 1px 1px 0px ;
	text-decoration:none;
}
ul#menu li.backLava {
	background: url("../images/slider-right.png") no-repeat top right;
	position: absolute;
}
ul#menu li.backLava div.leftLava {
	background: url("../images/slider-bg.png") no-repeat top left;
	height: 100%;
	margin-right: 6px;
}
ul#menu li.backLava div.cornerLava {
	background: url("../images/slider-corner.png") no-repeat bottom right;
	height:4px;
	width:5px;
	position:absolute;
	bottom:0px;
	right:0px;
}
ul#menu li.backLava .bottomLava {
	background: url("../images/slider-bottom.png") no-repeat bottom left;
	height:4px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-right: 6px;
}
ul#submenu li{
	margin:3px 2px;
	padding:0; /* padding moved to the a element below */
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
ul#submenu li a {
	display:block;
	padding: 5px 7px 5px 6px;	/* we need extra top and bottom padding to fit the slices */
	position: relative;
	z-index: 5;
	color:#5b340b;
	text-decoration:none;
}
ul#submenu li a:hover {
	color: #fff;
}
ul#submenu li.backLava {
	background: url("../images/sub-slider-right.jpg") no-repeat top right;
	position: absolute;
}
ul#submenu li.backLava div.leftLava {
	background: url("../images/sub-slider-bg.jpg") no-repeat top left;
	height: 100%;
	margin-right: 6px;
}
ul#submenu li.backLava div.cornerLava {
	background: url("../images/sub-slider-corner.jpg") no-repeat bottom right;
	height:4px;
	width:5px;
	position:absolute;
	bottom:0px;
	right:0px;
}
ul#submenu li.backLava .bottomLava {
	background: url("../images/sub-slider-bottom.jpg") no-repeat bottom left;
	height:4px;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-right: 6px;
}
ul#submenu li.selectedLava a {
	color: #fff;
}

.lbox {
	background: url(../images/i_divider.png) no-repeat;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
}
.lbox img {
	float: left;
	margin: 0 15px 15px 0;
}	
.lbox p {
	margin: 0 0 0 10px;
}
.disclaimer {
	font-size: 0.8em;
	line-height: 17px;
	color: #000;
	border-top: 1px solid #ccc;
	padding: 20px 10px 0 10px;
}
.smallr {
	font-size: 0.8em;
	color: #000;
}
.features .fl, .features .fr {
	float: left;
	width: 300px;
}
.pdfs {
	background: url(../images/packets.jpg) no-repeat top right;
	list-style:  none;
	width: 500px;
}
.pdfs li {
	background: url(../images/pdf.png) no-repeat; 
	padding: 3px 0 3px 25px;
	
}
#contactside {
	background:transparent url(../images/i_contact_side.png) no-repeat scroll 0px 0px;
    height:170px;
    left:0;
    position:fixed;
    top:250px;
    width:40px;
	z-index: 99;
}
#contactside a {
 	display:block;
    height:170px;
    width:40px;
}
#poolguidelines {
	font-size: 120%;
	line-height: 20px;	
}
/*--------------------------------------------------- Footer */
#footer {
	background: url(../images/bg_footer.jpg) repeat-x;	
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-shadow: #34393c 1px 1px 0px ;
	width: 100%;
}
#footer a {
	color: #fff;
	text-shadow: #34393c 1px 1px 0px ;
	text-decoration: none;
}
#copyright {
	font-size: 11px;
}
#footer_cont {
	position: relative;
	background: url(../images/bg_footer_cont.png) no-repeat;
	margin: 0 auto;
	width: 920px;
	padding: 20px 0 20px 40px;
}