/* DESCRIPTION: 3-column, With Header */

/* --------------------- BODY ELEMENTS -------------------------*/
body{
background: #feeeee /*url(images/mainbg.gif) no-repeat*/;
font: Arial, Helvetica, sans-serif; /* main page font */
margin: 0; padding: 0;
text-align: center; /* centers page */
}

/* --------------------- STANDARD TAG ELEMENTS -------------------------*/
p {font: 12px Arial, Helvetica, sans-serif;
margin: 0 0 10px 0; padding: 0;
}

a {color: #941956;}

address {
color: #941956;
padding: 0 0 10px 0; margin: 0;
font: 9px Tahoma, sans-serif;
font-style: normal;
clear: left;
}

h2 {
font: bold 14px Tahoma, sans-serif;
margin: 0 0 10px 0; padding: 0;
color: #941956;
}

h3 {
font: bold 13px Tahoma, sans-serif;
margin: 0 0 3px 0; padding: 0 0 5px 0;
border-bottom: 1px solid #941956;
color: #941956;
}

/* --------------------- INTRO ELEMENTS -------------------------*/

/* --------------------- LAYOUT ELEMENTS -------------------------*/
div#container {
	position: relative;
	width: 770px;
	background: #fff url(images/containerbg.gif) repeat-y top left;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	left: 0px;
}

div#diywrap {
position: relative; /* allows for absolutely positioned divs */
width: 770px;
background: #fff url(images/containerbg.gif) repeat-y top left;
margin: 0 auto; padding: 0;
text-align: left;
}

/* ------------------- HEADER ITEMS --------------------------- */
div#header {
width: 770px;
height: 150px;
position: relative;
background: url(images/header.gif) no-repeat top left;
}

div#flash {
position: absolute;
top: -1px; left: 0px;
}

div#plus {
position: absolute;
top: 135px; left: 681px;
font: 10px Tahoma, sans-serif;
color: #941956;
width: 90px;
}

div#plus a{
color: #941956;
}

/* ------------------- CONTENT ITEMS --------------------------- */
div#body {
width: 770px;
margin: 0; padding: 0;
clear: both;
}

div#left {
float: left;
width: 150px;
margin: 0; padding: 0;
font: 9px Tahoma, sans-serif;
background: #feeeee url(images/leftbg.gif) no-repeat top left;
color: #941956;
}

div#left p{
font: 9px Tahoma, sans-serif;
margin: 0; padding: 0 0 10px 0;
color: #941956;
}

div#content {
margin: 0 0 0 150px; padding: 10px;
color: #941956;
}

* html #content {margin-left:147px;}
/* commented backslash mac hiding hack  \*/ 
* html #content {height:1%;} 
/* end hack */

div#content li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

div#right {
float: right;
width: 190px;
margin: 0; padding: 0;
}

div#full {
float: left;
width: 600px;
margin: 0; padding: 10px;
color: #941956;
}

div#full li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

div#full a {
color: #941956;
font: 12px Arial, Helvetica, sans-serif;
}

div#maps {
float: left;
width: 600px;
margin: 0; padding: 0;
}

.map1 {
float: left;
width: 300px;
margin: 0; padding: 0;
}

.map2 {
float: left;
width: 275px;
margin: 0; padding: 0;
}

/* ------------------------------ FORMS --------------------------------- */
div#contact{
margin: 10px 0; padding: 0;
font: 10px Tahoma, sans-serif;
}

label{
float: left;
width: 110px;
text-align: right;
margin-right: 20px; padding: 0;
}

input{
width: 180px;
margin-bottom: 10px; padding: 0;
}

textarea{
width: 180px;
height: 150px;
margin-bottom: 5px;
}

#submitbutton{
margin-left: 130px;
margin-top: 5px;
width: 90px;
}

#resetbutton{
margin-top: 5px;
width: 90px;
}


div#contact br{
clear: both;
}

/* ---------------------- PHOTO GALLERY ------------------------------- */
/* below class is for gallery sub-nav */
div#subnav {
font: 10px Tahoma, sans-serif;
margin: 0; padding: 0 0 10px 0;
color: #941956;
}

div#subnav a{
font: 10px Tahoma, sans-serif;
color: #941956;
}
/* --------------------- NAVIGATION ELEMENTS -------------------------*/

/* ---------------------------- MAIN NAVIGATION ----------------------------  */

/* Creates the container for the navbar and centers it.*/ 
div#navcontainer {
	float: left;
	width: 150px;
	margin: 65px 0 10px 0;
	padding: 0px;
}

ul#mainnav {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: #F1CBCB;
	}

ul#mainnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

ul#mainnav li a {
	font: 11px tahoma, sans-serif;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 140px;
	padding: 7px 5px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #000;
}

ul#mainnav li a:hover, ul#mainnav li a.active {
	background: #E1B1B1;
	color: #941956;
	}

/* --------------------- FOOTER ELEMENTS -------------------------*/
/* styling for text links */
div#footer {
font: 9px Verdana, sans-serif;
color: #941956;
text-align: left;
width: 610px;
margin: 0 auto; padding: 10px 0 10px 160px;
}

div#footer a{
margin: 0; padding: 0px;
font: 9px Verdana, sans-serif;
color: #941956;
}

/* styling for copyright */
div#copyright {
font: 9px Verdana, sans-serif;
margin: 0 auto; padding: 5px 0;
text-align: left;
width: 610px;
margin: 0 auto; padding: 10px 0 10px 160px;
color: #941956;
}

div#copyright a{
margin: 0; padding: 0px;
font: 9px Verdana, sans-serif;
color: #941956;
}

/* --------------------- MISC ELEMENTS -------------------------*/
/*.clear {clear: both;}  clearing element */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; width: 200px;
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div#gallery {
float: left;
margin: 0; padding: 0;
}

.photos {
display: block;
margin: 10px 0; padding:0;
clear: both;
}

div#popup {
margin-top: 10px;
width: 250px;
display: block;
}

div#popup p, #popup a{
color: #000;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
}

div.center {
display: block;
text-align: center;
vertical-align:top;
margin:0 0 10px 0;
}

p.privacy {
font: 9px Arial, Helvetica, sans-serif;
color: #444;
width: 400px;
}

p.thin {
width: 425px;
}

p.small {
font: 10px Tahoma, sans-serif;
margin: 0; padding: 0 10px 10px 10px;
color: #941956;
}

/* ------------------------ IMAGE ELEMENTS -------------------------- */

img.right {
float: right;
margin: 0 10px 10px 20px; padding: 3px;
background: #fff;
border: 1px solid #941956;
clear: right;
}

img.row {
margin: 10px; padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}

img.basic {
margin: 10px 0; padding: 0;
border: 1px solid #941956;
}

img.big {
float: left;
border: 1px solid #941956;
background: #fff;
margin: 0 20px 10px 0; padding: 0;
}

img.thumbs {
border: 1px solid #941956;
background: #fff;
margin: 0 5px 5px 0; padding: 3px;
}

img.kids {
border: 1px solid #941956;
margin: 2px; padding: 0;
}

p.clearcentered {
	clear: both;
	text-align: center;
	margin: 0 auto 0 auto;
}

.ad{ padding: 0 0 0 5px;

}

.shop{	border: 1px solid #941956;

		}
