/*     Start of body   */

html {

}	

body {
	font: 65% Arial, Helvetica, sans-serif;
	/*background: url(/assets/images/bg.gif) repeat-y center top;*/
	height: 100%;
	margin: 0px;
	background: #CCCCCC;
}



/*     Start of body Typography  */


.p {
	font-size: 75%;
	line-height: 65%;
}

ul {
	font-size: 110%;
	line-height: 150%;
	margin-top: 1em;
	margin-bottom: 0.4em;
}

a img { border: 0;

}

/*     Start of wrapper  */

#container {
	width: 750px;
	margin: 0px auto;

	background: 0;
}

.wrapper {
	width: 750px;
	margin: 0px auto;
	padding: 0px 10px;
	background: #FFFFFF url(images/wrapper_background.gif) no-repeat bottom;
}

#strapline {padding:0 0 0 10px;text-align:right;line-height:20px;margin:0;width:750px;}
#strapline h1 {margin:0;float:left;font-size:11px;color:#3F3F3F;font-weight:normal;}

/*     Start of sidenav   */

#marginContact {width:200px;font-size:12px;line-height:16px;color:#4EAB94;}
#marginContact b.title {font-size:14px;}

.header {
	width: 750px;
	height: auto;
}	


/*     Start of sidenav   */

.sidenav_wrapper  {
	float: left;
	clear: right;
	width: 145px;
	display: inline;
	padding: 0;
	margin: 0;
}
	
.sidenav   {
	background: #51B496;
	float: left;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
}


.sidenav li  {
	color: #FFFFFF;
	font-size: 120%;
	list-style: none;
	font-weight: normal;
	line-height: 130%;
	/*background: url(/assets/images/sidenav.gif) repeat-x;*/
	border-top: 1px solid #FFFFFF;
}
	
.sidenav li a  {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-indent: 0px;
	padding: 4px 5px 4px 15px;
	
}
	
.sidenav li a:hover  {
	color: #49A08B;
	background: #999999 url(images/nav.gif) repeat-x;
}

.sidenav_wrapper #areasCovered {
	width:180px;
	margin:10px 0;
	font-size: 120%;
	line-height: 150%;
	background-color:#eee;
	padding:1px 10px;
}
.sidenav_wrapper #areasCovered p {
	color: #666666;
}
.sidenav_wrapper #areasCovered p.areas {
	font-size: 90%;
	line-height: 150%;
	color: #666666;
}
/*     Start of content header   */

.content_wrapper  {
	float: right;
	width: 540px;
	height: auto;
	display: inline;
	padding: 0;
	margin: 0;
}

.content_header  {
	float: right;
	width: 520px;
	background: #CCCCCC url(images/nav.gif) repeat-x;
	padding: 0 0 0 15px;
}

.content_header h2 {
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	margin:5px 0 0 0;
	color: #FFFFFF;
}
.content_header b {
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	margin:5px 0 0 0;
	color: #FFFFFF;
	display:block;
}
.content  {
	float: right;
	width: 490px;
	height: auto;
	display: inline;
	padding: 20px 30px 100px 15px;
	margin: 0px 0 0;
	
}

.content_shop  {
	float: right;
	width: 490px;
	height: auto;
	display: inline;
	padding: 20px 30px 100px 15px;
	margin: 0px 0 0;
	
}

.content_shop h1 {
	font-size: 150%;
	line-height: 150%;
	font-weight: normal;
	color: #4CA993;
	margin-top: 1px;
	margin-bottom: 2px;
}

.content_shop p {
	font-size: 120%;
	line-height: 150%;
	color: #666666;
	/*padding-top: 20px;
	padding-bottom: 10px;
	border-top:1px dotted #999999;*/
}


.content_shop img {
	float: right;
	display: inline;
	padding-left: 20px;
}
	



#content_home  {
	background: url(images/footprints_main.jpg) no-repeat bottom;
	
}

#content_pebbles  {
	background: url(images/pebbles_main.jpg) no-repeat bottom;
	
}

#content_snowdrops  {
	background: url(images/snowdrops_main.jpg) no-repeat bottom;
	
}

#content_mews  {
	background: url(images/mews_main.jpg) no-repeat bottom;
	
}

#content_clouds  {
	background: url(images/clouds_main.jpg) no-repeat bottom;
	
}

#content_footprints  {
	background: url(images/footprints_main.jpg) no-repeat bottom;
	
}

#content_beach  {
	background: url(images/beach_main.jpg) no-repeat bottom;
	
}


.content h3 {
	font-size: 150%;
	line-height: 150%;
	font-weight: normal;
	color: #4CA993;
	margin-top: 1px;
	margin-bottom: 2px;
}

.content p {
	font-size: 120%;
	line-height: 150%;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 10px;
}

.content ul {
	font-size: 120%;
	line-height: 150%;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 10px;
}


/*   start of footer  */

.footer {
	text-align:center;
	float: right;
	width: 535px;
	padding-top: 100px;
	padding-bottom: 20px;
}	

.footer p {
	font-size: 110%;
	line-height: 130%;
	color: #999999;
}	

.footer a {
	font-size: 110%;
	line-height: 130%;
	color: #4EAB94;
	text-decoration: none;
}

.footer .links {font-size:11px;line-height:16px;}
.footer .links a {font-size:11px;}

.list {
	margin-bottom:10px;
}
.list div {
	font-weight:bold;
	font-size: 120%;
	line-height: 150%;
	color: #666666;
	padding-left:15px;
	background-image:url(images/bull.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin:5px 0 5px 15px;
}
.clear {clear:both;height:1px;overflow:hidden;}