/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
	}

html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

body {
	background:#b5adc0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}


/* Generic Links */

a:link, a:visited, a:active {
	color:#6b2a72;
	text-decoration:none;
	font-size:1em;
}
a:hover {
	color:#6b2a72;
	text-decoration:none;
	font-size:1em;
}

/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/

#container {
	position:relative;
	width:820px;
	margin:auto;
	font-size: 1em;
	height: auto;


}

#header {
	float:left;
	width:820px;
	height:autopx;
	margin: 20px 0px 0px 0px;
	

}

#navigation {
	float:left;
	width:820px;
	height:26px;
	padding: 0px 0px 0px 330px;
	background-image:url(../images/title.jpg);
	wid\th:490px;

}
#bow {
	float:left;
	width:820px;
	height:autopx;
	

}

#main-pic {
	float:left;
	width:820px;
	height:autopx;
	background:url(../images/img_bg.gif);
	padding: 0px 11px 0px 11px;
	width:798px;


}

#body {
	float:left;
	width:820px;
	height:autopx;
	background:url(../images/img_bg.gif);
	padding: 0px 11px 0px 11px;
	wid\th:798px;


}

#text-area {
	float:left;
	width:820px;
	height:autopx;
	background:url(../images/img_bg.gif);
	padding: 10px 31px 0px 31px;
	wid\th:758px;

}

#text-area2 {
	float:left;
	width:820px;
	height:autopx;
	background:url(../images/img_bg.gif);
	padding: 0px 31px 0px 31px;
	wid\th:758px;

}

#venues {
	float:left;
	width:758px;
	height:autopx;
	border-top:#b5adc0 solid 1px;
	padding: 10px 0px 10px 0px;

}

.venues-pics {
	float:right;
	width:150px;
	margin: 0px 0px 0px 20px;

}

#gallery-pics_holder {
	float:left;
	width:758px;
	height:autopx;
	border-top:#b5adc0 solid 1px;
	padding: 10px 0px 0px 0px;

}



.gallery-pics {
	float:left;
	margin: 0px 14px 14px 0px;

}

.gallery-pics2 {
	float:left;
	margin: 0px 0px 14px 0px;

}

#footer {
	float:left;
	width:820px;
	height:50px;
	background:url(../images/footer.jpg) no-repeat top;
	padding: 25px 31px 0px 31px;
	margin: 0px 0px 0px 0px;
	wid\th:758px;
	heig\ht:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:0.85em;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#6b2a72;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------
	Navigation
  --------------------------------------------------------------------------------------------*/
.offscreen {

	margin:0 0 0 -5000px;
}  
  
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	margin: 0;
	padding: 0;
	float:left;

}

#navigation li a {
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
}

a.navHome:link, a.navHome:active, a.navHome:visited {background-image: url(../images/home.jpg); width:75px; height: 26px;}
a.navHome:hover {background-image: url(../images/home_over.jpg); width:75px; height:26px;}

a.navProducts:link, a.navProducts:active, a.navProducts:visited {background-image: url(../images/products.jpg); width:108px; height: 26px;}
a.navProducts:hover {background-image: url(../images/products_over.jpg); width:108px; height:26px;}

a.navGallery:link, a.navGallery:active, a.navGallery:visited {background-image: url(../images/gallery.jpg); width:93px; height: 26px;}
a.navGallery:hover {background-image: url(../images/gallery_over.jpg); width:93px; height:26px;}

a.navVenues:link, a.navVenues:active, a.navVenues:visited {background-image: url(../images/venues.jpg); width:86px; height: 26px;}
a.navVenues:hover {background-image: url(../images/venues_over.jpg); width:86px; height:26px;}

a.navContact:link, a.navContact:active, a.navContact:visited {background-image: url(../images/contact.jpg); width:95px; height: 26px;}
a.navContact:hover {background-image: url(../images/contact_over.jpg); width:95px; height:26px;}

div.preloader{
	background:url(../images/home_over.jpg) no-repeat;
	background:url(../images/products_over.jpg) no-repeat;
	background:url(../images/gallery_over.jpg) no-repeat;
	background:url(../images/venues_over.jpg) no-repeat;
	background:url(../images/contact_over.jpg) no-repeat;
	margin-left:-1000px;
}

/*--------------------------------------------------------------------------------------------
	Classes
  --------------------------------------------------------------------------------------------*/
  
.image-left {
	margin:0px 30px 0px 0px;
	float:left;

}


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

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6b2a72;
	font-size:1.6em;
	margin:0 0 3px 0;
	padding:0 0 0 0;
	font-weight:normal;
	}
	
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6b2a72;
	font-size:1.0em;
	margin:0 0 0px 0;
	padding:0 0 0 0;
	font-weight:bold;
	}

/* Type */
p {
	color:#666666;
	font-size:1em;
	line-height:1.4em;
	margin:0;
	padding:0 0 0 0;
}

.smaller {
	color:#666666;
	font-size:0.75em;
	margin:0;
	padding:0 0 0 0;
}

.purple{
	color:#6b2a72;
}
