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

body{
	background-color: #9999AA;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size:12px;
	color:#888;
	height:100%;
}



img{border:none;}
a{color:#d6801d;text-decoration:none;}
a:hover{text-decoration:underline;}

h1{font-size:18px;margin-bottom:0;}
h2{font-size:15px;margin-top:0;}
h3{font-size:12px;}

#pageDiv{
	width:950px;
	background-color:#FFFFFF;
	position:relative;
	margin:50px auto 0 auto;
}

* html #pageDiv{
}

#headDiv{
	position:relative;
	height:100px;
	width:100%;
}

#logo{
	position:absolute;
	right:0;
}

#mainDiv{
	position:relative;
	width:100%;
	min-height:300px;
}

* html #mainDiv{
	height:300px;
}

#mainTextDiv{
	position:relative;
	left:24px;
	width:430px;
}

#mainImageDiv{
	position:absolute;
	right:100px;
	top:0;
	max-width:400px;
	height:250px;
	text-align:right;
}

#mainImageDiv img{
	right:0;
	}

#quoteDiv{
	position:absolute;
	right:120px;
	height:100px;
	bottom:0;
	max-width:260px;
	color:#888;
	z-index:90;
	font-size:.9em;
	/*background-image:url(/images/backgrounds/QuotesOpen.png);
	background-repeat:no-repeat;
	background-position:5px 10px;*/
}

.quoteItem{
	margin:10px 10px 0 25px;
}

#quoteDiv .quote{
}

#quoteDiv .quotee{
	text-align:right;
	font-style:italic;
}

.adminQuote{
	margin-bottom:8px;
	position:relative;
	list-style-type:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #ddd;
	padding:10px 5px 10px 10px;
	}
	
.adminQuoteForm{
	background: -webkit-gradient(linear, left top, left bottom, from(#FFdd44), to(#FF9900));
	border:none;	
}
	
.adminQuote .textInput{
	width:80%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:none;
	}	
	
	
.adminQuote:hover{
	background-color:#FFFFbb;
	}


#footerDiv{
	width:950px;
	position:relative;
	margin:1px auto;
	font-size:.9em;
	text-align:center;
}

#footerDiv td{
	width:15%;
}

#footerDiv a{
	color:#ddd;
	text-decoration:none;
	display:block;
	padding:18px 8px 2px 8px;
}

#footerDiv a:hover{
	color:#fff;
	background-color:#9090A0;
	
}

#strapDiv{
	position:relative;
	width:100%;
	height:66px;
}


#buttonDiv{
	position:relative;
	width:100%;
	height:100px;
	margin-top:15px;
}

#buttonDiv img{
	margin:0;
}

#btnImageRight{
	float:right;
}


/*------ GALLERY ---------------------------------------------------*/

#tmpImages1, #tmpImages2, #tmpImages3{
	display:none;
}

#galleryDiv{
	background-color:#eee;
	position:absolute;
	top:50px;
	width:100%;
	height:200px;
	overflow:hidden;
}

#galleryPics{
	left:-175px;
	position:absolute;
	height:200px;
	width:1400px;
}

#galleryPics div {
	width:175px;
	float:left;
}

#galleryPics div img{
	width:175px;
	height:150px;
	float:left;
	margin-bottom:10px;
}

#galleryPics span{
	display:block;
	font-size:.9em;
	padding:10px;
	width:154px;
	border-right:1px solid #fff;
}

/*-- DETAILS ---------*/

.tmpImage{
	display:none;
}

#btnNext{
	position:absolute;
	right:140px;
}

#btnPrev{
	position:absolute;
	right:250px;
}


/*-----CONTACT---------*/

.btnFrmContact{
	border:1px solid #ccc;
	padding:3px 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.btnFrmContact:hover{
	border:1px solid #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#dddddd));
	text-decoration:none;
}

.btnFrmContact:active{
	border:1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
	text-decoration:none;
}


/*---- ADMIN  ---------------*/

#Products{
	color:#333333;
	font-size:.8em;
}

#Products a{
	color:#333333;
	font-weight:bold;
}

.Product{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #888;
}
.Product input, .Product textarea, .Product select{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.ProdText{
	width:600px;
	margin-right:20px;
}

.ProdForm{
	display:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px;
	background-color:#FF9900;
	width:605px;
	background-color: #FF9900;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFdd44), to(#FF9900));
	margin-bottom:10px;
	color:#333333;
	-webkit-box-shadow: 3px 3px 5px #bbb;
	-moz-box-shadow: 3px 3px 5px #bbb;
	box-shadow: 3px 3px 5px #bbb;	

}

.ProdFormDisabled{
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#888888));
}

.btnLogin, .btnUpdate, .btnDelete, .btnAdd{
	font-size:.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 10px;
	margin-bottom:10px;
	text-align:center;
	background-color:#FF9900;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFdd44), to(#FF9900));
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);	
	text-decoration:none;
	text-shadow: #FFdd44 1px 1px 1px;
}


.btnSection{
	font-size:1.2em;
	display:block;
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px 0;
	width:175px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
	background-color:#FF9900;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFdd44), to(#FF9900));
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);	
	text-decoration:none;
	text-shadow: #FFdd44 1px 1px 1px;	
}


.btnSection:hover, .btnLogin:hover, .btnUpdate:hover, .btnDelete:hover, .btnAdd:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#FFee66), to(#FFaa22));
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	text-decoration:none;	
}

.btnSection:active, .btnLogin:active, .btnLogin:active, .btnUpdate:active, .btnDelete:active, .btnAdd:active{
	background: -webkit-gradient(linear, left top, left bottom, from(#FFff88), to(#FFbb44));
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	text-decoration:none;	
}

#btnNewImage{
	float:right;
	margin-right:0;
}