/* Start of CMSMS style sheet 'Layout + Styles' */
* 
	{
	margin: 0;
	padding: 0;
	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right, .float-right
	{
	float: right;
}



.left, .float-left
	{
	float: left;
}

.center {
text-align:center;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background-color: #abdbef;
	color: #444;	

}



#wrapper
	{ 
	width: 940px; 
	text-align:left; 
	/* Set page width here - you can also use percentage */
	 
	margin-left:auto; 
	margin-right:auto; 
	background-color:transparent;
font-size:1.2em;
}


/* Typography
-----------------------------------------------------------------------------*/


#main h1 { 
	font: normal 1.8em Georgia, "Times New Roman", Times, serif;
	color: #444; 	
	padding: 0 0 5px 0;
	margin: 15px 0px 10px 0px;
	letter-spacing:-1px;
	background:url(./images/bk_dotted.gif) bottom left repeat-x;
clear:both;
}
#sidebar h1 {
	font: normal 22px Georgia, "Times New Roman", Times, serif;
	/* color: #74743D; */ 	
	color: #222;
	padding: 0;
	margin: 15px 0 10px 5px;	
	letter-spacing:-1px;	
}

p, h1, h2, h3 {
	margin: 5px 15px;
	padding: 0;
}

#main ul, #main ol {
	margin: 10px 30px;
	padding: 0 15px;	
}

/* images */
img {
	border: 1px solid #DADADA;
	padding: 5px;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

/* Header
-----------------------------------------------------------------------------*/



/* Navigation
-----------------------------------------------------------------------------*/
#sidebar ul.sidemenu {
	margin: 5px 0 15px 0;
	padding: 0;	
	border-top: 1px dashed #E1E1E1;	
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px dashed #E1E1E1;
}
#sidebar ul.sidemenu a {
	display: block;
	color: #666666; 
	text-decoration: none;
	padding:.3em 0 .3em 0px;		
	font-size:1.2em;
	background:url(./images/bullet.png) 10px center no-repeat;
}
#sidebar ul.sidemenu a:hover, #sidebar ul.sidemenu a.current {
	padding: .3em 0 .3em 10px;
	color: #CB4721;
}


/* Footer
-----------------------------------------------------------------------------*/



/* General
-----------------------------------------------------------------------------*/
.display-none {
display:none;
}

/* Your template
-----------------------------------------------------------------------------*/
#header {
height:160px;
background:#669EC3 url(./images/global/pier-view.jpg) 0 0 no-repeat;
position:relative;
}

#header h1 {
position:absolute;
left:20px;
top:90px;
font: normal 40px Georgia, "Times New Roman", Times, serif;
color:#fff;
}

#header h1 span {
font-size:22px;
font-style: italic;
letter-spacing:-1px;
}

#header #slideshow {

}

ul#slideshow  {
position:absolute;
top:0;
left:588px;
padding:0;
margin:0;
list-style-type:none;
overflow:hidden;
width:310px;
height:120px;
}

#header #slideshow img, #header #slideshow img a {
padding:0;
margin:0;
border-width:0px;
width:300px;
height:160px;
}

#top-nav {
height:35px;
background:#ffca30 url(./images/global/navbg.jpg) left -5px repeat-x;
text-align:left;
}

#top-nav ul {
list-style-type:none;
padding:8px 10px 0 0;
}

#top-nav ul li {
margin:0px 35px;
display:inline;
}

#top-nav ul li a {
font-weight:bold;
color:#444;
text-transform:uppercase;
font-size:14px;
text-decoration:none;
}

#top-nav ul li a:hover {
text-decoration:underline;
}

#content {
background:transparent url(./images/global/contentbg.png) 0 0 repeat-x;
height:100%;
}

#faux-column {
background:#fff url(./images/global/contentbg.gif) 0 50px repeat-y;
}

#main {
width:69%;
padding:20px 1%;
float:right;
}

#sidebar {
width:25%;
padding:20px 1%;
float:left;
background:#DFEAEE url(./images/global/leftbg.jpg) 0 0 repeat-x;
border:1px solid #DDEAED;
border-width:0px 0px 0px 5px;
}

#footer {
clear:both;
}

/* Forms
-----------------------------------------------------------------------------*/

#main form {
	margin: 15px;
	padding: 0;
	border: 1px solid #EFEFEF; 
	background: #F8F8F8;	
}
#main label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
#main input {
	padding: 3px;
	border: 1px solid #EFEFEF;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;	
	color: #666666;
}
#main textarea {
	width: 280px;
	padding:3px;
	border: 1px solid #EFEFEF;
	font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
	height:100px;
	display:block;		
	color: #666666;
}
#main input.gosub{ 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #EFEFEF;
	padding: 2px 3px; 	
	background: #F1F0E4;
}

/* search form */

.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; 
padding: 5px 0 15px 0;	
}
.searchform p { margin: 0; padding: 0; }

.searchform input { 
	width: 120px;
	color: #333; 
	padding: 2px;	
	vertical-align: top;
border:1px solid #666;
}
.searchform input.submit { 
	font: bold 12px Arial, Sans-serif; 
width:auto;
	color: #333;	
	height: 26px;
	border: none;
	padding: 3px 5px;	
	vertical-align: top;
}




/* Tables 
-----------------------------------------------------------------------------



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

                                                          */

td 
	
	{
  	text-align: auto;
	font-weight: normal;
padding:2px;
}

.prices {
padding:2px;
background-color:#e0e0e0;
}





div#gallery {

  }
  
div#gallery .float {
  float: left;
margin-left:35px;
  }
  
div#gallery .float p {
   text-align: center;
   }
   
div#gallery .spacer {
  clear: both;
  }








/* End of 'Layout + Styles' */

/* Start of CMSMS style sheet 'Layout JS Border' */
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}

/* Normal styling */

.cb {margin:0.5em 0;}

	/* Top corners and border */
.bt {
	height:19px;
	margin:0 0 0 11px;
	background:url(./images/global/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-11px;
	width:11px;
	height:19px;
	background:url(./images/global/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:11px;
	margin:0 0 0 11px;
	background:url(./images/global/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-11px;
	width:11px;
	height:11px;
	background:url(./images/global/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 11px;
	background:url(./images/global/borderL.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 11px 0 0;
	background:url(./images/global/borderR.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(./images/global/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(./images/global/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}
/* End of 'Layout JS Border' */