/* CSS Document */

body{
	
	padding: 0;
	margin:0;
	font-family: "verdana", sans-serif;
	text-align:center; 
	color: #666;
	
}

#container{
	text-align:left;
	margin: 1.5em auto;
	margin-top:0;
	width:850px;
	padding:10px;
	line-height:140%;
	font-size:12px;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
h1 {font-size:16px;}
h2{font-size:12px;}
h3 { font-size: 10px;}
h4 {font-size:11px;}
h5{font:12px bold; }
h6{font-size:14px;}
p{font-size:100%;}

#header{
	background-image: url(img/header.jpg);
	height:120px;
	width:100%;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
}

.search{
	margin: 1.5em 0 0 0;
	padding:0;
	position:absolute;
	left:10%;
	top: .5em;
}
.fchange{
	margin:0;
	padding:0 5% 0 0;
	position:absolute;
	right: 10%;
	top: .5em;
	border:0;
	font-Size:10px;
}

 #header h4 {
 	position:absolute;
	left: 250px;
	top: 40px;
 }
#header h5 {
 	position:absolute;
	left:10%;
	top: 55px;
}
#header h3 {
	position:absolute;
	left:15%;
	top: 55px;
}
/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */
#nav{
	width:100%;
	margin: 5px 0 20px 0;
	padding:0;
	background: #fff;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size:12px;
  background-color:#fff;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
 display:block;
 margin:5px 15px 0px 0px;
 color: #339966;

}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 color: #660000;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 150px;
 margin-top: 1px;
 padding-left:1px;
}

ul.dropdown ul li {
 float: none;
 font-weight: normal;
  font-size:11px;
  margin:3px 0 3px 3px;
}

ul.dropdown ul ul {
 top: 1px;
 left: 89%;
 background-color:#fff;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #339966; text-decoration: none; }
	ul.dropdown a:hover		{ color: #660000; }
	ul.dropdown a:active	{ color: #339966; }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 /*padding-right: 20px;*/
 font-weight:bold; 
}

.bord{
 border:1px solid #ccc;
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
}


/*Usage:
    For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; width: 650px; }
legend      { font-weight: bold; font-size:14px; color: #660000; }
select		{ }

/* Form fields
-------------------------------------------------------------- */
#quantity_input{
	width: 75px;
	height: 25px;
}

input.text, input.title,
textarea, select {
  margin: 5px 0 0 5px;
  border:1px solid #bbb;
  color: #660000;
}


input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
  background: #ECFFF5;
}

input.text, select, 
input.title   { width: 200px; height: 22px; padding: 3px;}
select, input.title   { font-size:12px;}
textarea      { width: 400px; height: 100px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; width:600px;}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; margin: 2em 0 0 0; font-weight:bold;}
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


#content{
	margin:1em 0 0 0;
	padding:.5em 0 0 0;
	height:auto;
	font-size:12px;
}

#space{

}
#leftinfo{
	margin:0;
	padding:.5em;
	float:left;
	border: 1px groove #339966;
	width: 180px;
}
#proinfo{
	margin:0;
	padding:1em .5em .5em .5em;
	float:left;
	width:65%;
	height:auto;
}

#simple ul{
	margin:0;
	padding:0;
	list-style:none;
}
p.underline{
	cursor: pointer;
}
#rightpic{
	margin:0 1em 0 0;
	padding:0;
	width:27%;
 	height:auto;
 	float:left;
}

#drop{
	margin:10px 0 10px 0;
	width:100%;
	height:auto;
	float:left;
}

#drop img{
	width:200px;
	height:250px;
	float:left;
	margin: 0 5px 0 0;
}

#drop p{
text-align:left;
float:left;
width:150px;
 
}
.map ul{
	margin:0;
	padding:0;
	float:left;
	width:350px;	
}
 
.map li{
	padding:2px 0;
	list-style:none;
	margin:0;
}

dt { 
	font-size: 12px;
	margin:0;
	padding: 0 10px 0 0;
	cursor: pointer;
	text-decoration: underline;
	float:left;
	color: #339966;
}
dd {
		margin: 20px 0 0 0;
		padding:0;
		width:360px;
		float:left;

		}

dd span {display:inline;
background-color: #fff;
border:0;
height:200px; 
width:130px; 
font-size: 11px;
 text-align:left;
  /*position:relative; 
  top:auto; 
  left: 10px;*/
  float:left;

  }
  
.show {display: block;}
.hide {display: none;}

ul.square{
 margin:0 0 0 25px;
 padding:0;
list-style-type: square;
}

ul.picinfo{
 margin:5px 0 0 20px;
 padding:0;
list-style-type: square;
}
ul#pic {
 margin:0;
 padding:0;
 list-style:none;
}
#pic li img{
   width:100%;
   list-tyle:none;
}
#fullwidth{
	margin-top:25px;
	padding:0;
	float:left;
	width:850px;
}

#rightinfo{
 margin:0;
 padding:10px 0;
 position:relative;
 float:right;
 width: 400px;
 top:30px;
 text-align:left;
}

#rightinfo1{
 margin-top:10px;
 margin-bottom:10px;
 padding:10px;
 border:5px ridge #FF9900 ;
 position:relative;
 float:left;
 width: 400px;
 height:auto;
 text-align:left;
 text-align:center;
}

#display{
	margin:0;
	padding-bottom:25px;
	width: 100%;
	text-align:center;
}
#display img{
	width:100%;
}
#display p{
  margin:0;
  padding:.5em;
  font-size: 85%;
}
#galleries{
	margin:0;
	padding:0;
	position:relative;
	float:right;
	width: 400px;
}

.thumb{
	width:13%;
	float:left;
	padding:0 2px 0 0;
}
.thumb a{text-decoration: none;}
.thumb a span{display: none;}
.thumb a:hover span{ display:block; 
	position:absolute; 
	color: #660000;
	width:120px;
	top: 55px;
	left: 0;
	font-size: 80%;
	}


#gallerysm{
	margin: 1.5em 0;
	padding:0;
	width: 75%;
	float:left;
}
.thumbnail{
	/*width:30%;*/
	float:left;
	margin: 0 .5em .5em 0;
	padding:0;
	background-color:#fff;
}

.thumbnail img{
	margin:0;
}

.thumbnail p{
	margin:0;
	padding: .5em;
	font-size: .8em;
}
.clear{
	clear:left;
}

a.linkopacity img {
border:0;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}


div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }

#maingalcontainer{
	margin:0;
	padding:0;
	width:850px;
	width:expression(document.body.clientWidth > 850? "850px": "auto" );
	
}
#galinfo{
	margin:1.5em 1em .5em 0;
	padding:0;
	height: auto;
	float:left;
}
#galinfobot{
	margin: 10px 1em 0 0;
	padding:0;
	height:auto;
	float:left;
	postion:relative;
	bottom: -15px;
}
.galsectioninfo{
	margin:1em 0 0 0;
	padding:0;
	float:right;
   	width: 230px;
	height:auto;
	color:#660000;
}

.galsection{
	width:250px;
	height: auto;
	display:inline;
	float:left;
	margin:0 0 2em 0;
	padding:0 .1em;
}

.galmain{
	margin:1em 0 0 0;
	padding:.5em 0 0 0;
	width: 700px;
	width:expression(document.body.clientWidth > 700? "700px": "auto" );
	float:left;
}

.galthumb{
	width:100px;
	height:auto;
	float:left;
	margin: 0 .5em .5em 0;
	padding:0;
	border: 0;
	background-color:#fff;
}

.galthumb img{
	margin:0;
	padding:0;
	width:100px;
}

.galthumb p{
	margin:0;
	padding: .5em 0 0 0;
	font-size: .8em;
}

.galthumb a img{
	border:0;
}
.galthumb a:hover{
	background:#fff; 
	text-decoration:none;
}

.galthumb a span {display: none;}
.galthumb a:hover span {display: inline;
   position:absolute; 
 	top:auto; 
	right: 220px;
   width: 250px;
   padding: 0; 
   margin: 1em; 
   z-index: 20;
   color: #666; 
   background: #fff;
   text-align: left;
   }
   
   
  
/**html #gallery{
width:100%;
}*/
#gallery {width:850px; height:780px; margin:10px 0 0 0; padding:10px 0 0 0;}

#gallery li a:active img, #gallery li a:focus img, #gallery li a:hover img {border:1px solid #990000; border-color: #660000 #993300 #990000 #663300;}

#gallery ul {list-style:none; font-weight:normal;}

.mini{
	width:180px;
	padding:0; 
	margin:0; 
	position:relative;
	float:right;
	display:inline;
}

#gal li{float:left; margin:0 5px 5px 0;}
#gal img {border:1px solid #000; border-color:#eee #555 #333 #ddd; width:50px; height:50px;}

#maininfo {display:block;
		color:#660000; 
		/*position:relative;
		right:0;
		top:0;*/
		float:left;
		text-align:left;
		font-weight:normal;  
		width:600px; 
		margin:0 auto;
		white-space:normal;
		background:#fff;}
#maininfo ul{list-style:none;
		padding:0;
		margin:0;
		width:350px;
		position:relative;
		float:left;
		left: 3px;
		top:1px;}
#maininfo li{display:block;
		float:left;
		margin:0;
		padding:5px 1px;
		height: auto;
		width:350px;
		border-bottom: 1px solid #ccc;
		text-align:left;
		background:#fff;}
		
		
		a:link {color: #339966;}
		a:visited {color: #330099;}
		a:link:hover {color: #660000;}
		a:visited:hover {color: #660000;}

#footer{
	clear: both;
	background-color: #fff;
	background-position: 0 0;
	padding:1em;
	margin:4em 0 0 0;
	text-align:center;
	font-size: 10px;
	height: 100px;
	color:#000;
}