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

html{
	overflow-y:scroll;
	background:url(/images/lace04wte.gif) 0px -24px repeat;
	/*	background:url(../images/page-bg.png) top center repeat-y;*/
	
}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	back ground:url(/images/page-bg.png) top center repeat-y;
}
body#content {
	background:#fff;
}

#page{
	width:755px;
	margin:0 auto;
	padding:0 100px 0 100px;
	background:url(/images/page-bg.png) top left repeat-y;
	background:url(/images/bg-transparent.png) 3px 0px repeat-y;
}

#logo a{
	outline:none;
}

#header {
	position:relative;
	padding-bottom:42px;
}

#open-hours {
	position:absolute;
	top:118px;
	left:238px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;	
}
#main-nav{
	margin-left:17px;
	width:155px;
	float:left;
}	

#main-nav li {
	border-bottom:1px solid #eee;
}

#main-nav li a{
	padding-left:18px;
	background:url(/images/li.png) 0 8px no-repeat;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#main-nav li.current a, #main-nav li a:hover{
	color:#ffcccc;
}

#content {
	padding-bottom:130px;
	padding-top:6px;
	float:left;
	margin-left:67px;
}
#content a{
	color:#666;
	text-decoration:underline;
}
.default {
	width:345px;
}

.firstpage {
	width:235px;
}

#content.member {
	width:345px;
	color:#999;
}

#content h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#666;
	margin-bottom:15px;
}

#content h2{
	font-size:15px;
	color:#666;
	margin-bottom:15px;
	font-weight: normal;
}

#content.member h1{
	color:#666;
	font-size:24px;
}

#content p{
	margin-bottom:19px;
	line-height:14px;
}
#content h2 {
	font-size:11px;
	font-weight:bold;
	color:#666;
}

#content label {
	color: #999;
	float: left;
	width: 150px;
	padding-top: 3px;
}

#content table {
	margin-bottom:20px;
}


#content th {
	font-weight: bold;
	padding-bottom: 5px;
}

#content input {
	border:1px solid #ccc;
	padding:3px;
	margin-top:2px;
	margin-bottom:2px;
	color: #666;
}
#member-form .member-button{
	margin-top:15px;
	width:56px;
	color:#fff;
	background-color:#dd9ba5;
	cursor:pointer;
}

#headphoto {
	margin-bottom:27px;
}

#puff-container{
	width:198px;
	float:right;
	padding-top:6px;
}

.puff {
	width:142px;
	padding:24px 15px 24px 20px;
	background-color:#fcf4f4;
	margin-bottom:10px;
	line-height:14px;
}
.puff h5, .puff h5 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin-bottom:8px;
	text-decoration:none;
}
.puff a{
	color:#666;
	text-decoration:underline;
}

#footer{
	width:715px;
	height:20px;
	padding:0 120px 66px 120px;
	margin:0 auto;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ccc;
	background:url(/images/bg-footer-trans.png) 3px 0px no-repeat;
}

#footer #developer {
	width:200px;
	float:right;
	text-align: right;
}
#footer #developer a{
	text-decoration:none;
	color:#ccc;
}
#footer #copyrights {
	width:400px;
	float:left;
}
/* CLEAR AND CLEARFIX*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}