/***********************IMPORT*****************************************/
@import "main/gallery.css";
@import "main/promo.css";
@import "main/menu.css";
@import "main/social.css";
@import "main/forms.css";
@import "main/footer.css";
@import "main/products.css";


body {
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	margin-top: 0px;
	font-size:8pt;
	background-color:#f6f3ee;
}

/**********************DEFAULT LAYOUT CSS******************************/
#container {
	width:780px;
	position:absolute;
	left:50%;
	margin-left:-390px; 
	background:#ffffff;
}

a:link, a:visited, a:active{
	color: #ff0000;
	text-decoration: none;
	outline: none;
}

#zoo {
	width: 775px;
	text-align: right;
	font-size:8pt;
	padding:0px 5px 2px 0px;
	float:left;
}

#zoo a:link, a:visited, a:active{
	color: #ff0000;
	text-decoration: none;
}

#zoo a:hover{
	color: #ff0000;
	text-decoration: none;
}

/*DESIGN SPECIFIC LAYOUT*/
#banner {
	width:780px;
	height:222px;
	position:relative;
	background-image: url('../images/layout/header/header_bg.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

.banner-border {
	height:13px;
	width:740px;
	background-color:#bfb2a6;
	background-image: url('../images/layout/header/header_border.gif');
	background-position:top left;
	background-repeat:no-repeat;
	text-align:right;
	padding-right:40px;
	position:absolute;
	left:0px;
	bottom:0px;
}

#main-display {
	width:780px;
	min-height:500px;
	float:left;
}

#content {
	width:750px;
	min-height:500px;
	float:left;
	padding:5px 15px 5px 15px;
}

#footer {
	width:780px;
	height:90px;
	color:#ffffff;
	background-color:#f36928;
	background-image: url('../images/layout/footer.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	float:left;
}

#map_canvas {
	width:740px;
	height:200px;
	border:1px solid #000000;
}

/*********************** DEFAULT LAYOUT CLASSES *************************/

.icon {
	vertical-align: middle;
}

.highlight {
	font-size:12pt;
	color:#ff0000;
	font-weight:bold;
}

.title {
	color:#88b125;
	float:left;
	margin:10px 0px 0px 0px;
}

.contentBox {
	float:left;
	margin:-10px 0px 10px 0px;
	margin:0px 0px 10px 0px; !important
}

.title {
	font-weight:bold;
}

.align-right {
	text-align:right;
}