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

*{ margin: 0; padding: 0; }* 

body { 
	font: .75em Tahoma, "Times New Roman", serif; 
	line-height: 1.4em;
	color: #444; 
	behavior:url(css/csshover.htc);
	background-color:#FFF;
}

#content a {color:#666; font-weight:bold; text-decoration:none;}
#content a:hover {color:#999;  font-weight:bold; text-decoration:none;}

#wrapper {width:980px; margin-left:auto; margin-right:auto;}

#banner {width:100%; height:100px; padding-bottom:10px; border-bottom:1px solid #EEE;}

/* MENU STYLES*/

#nav {width:100%; margin:10px 0 10px 0;}

#nav img {border:none;}

#nav a {color:#000; text-decoration:none; font-size:1.2em; font-weight:bold; width:100%; height:100%;}
#nav a:hover {color:#999; text-decoration:none; font-size:1.2em; font-weight:bold; width:100%; height:100%;}

#nav ul {list-style-type:none;}

#nav ul li {display:inline;}

#nav ul li ul {margin:-3px 0 0 0; position:absolute; width:200px; height:auto; padding:6px; background-color:#FFF; 
			   filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; z-index:100;}	

#nav ul li ul li {width:100%; font-size:.85em; text-align:left; padding:3px 3px; float:left;}					   

#nav ul li ul li:hover {color:#000;}

#nav ul li ul {display:none;}

#nav ul li:hover ul, #nav ul li ul:hover {display:block;}

/* END MENU STYLES */



#content {width:100%;}

#hometop {width:100%; clear:both;}

#leftwide {width:100%; padding:20px 20px 20px 0; }

#leftwide #minibox {margin-right:30px;}

#left {width:640px; padding:10px 20px 20px 0; float:left;}

#left p {line-height:1.6em;}

#left h1 {margin-top:20px; font-size:3em;}
#left h2 {color:#999; font-size:1.4em; font-weight:normal; margin:2px 0 10px 0;}

#left img {margin:10px 0;}

#right {width:300px; float:left; padding:10px;}

div#right h3 {color:#FFF; background-color:#999; font-size:1.4em; padding:8px; margin:10px 0 10px 0; width:284px; -moz-border-radius:4px;}

#mostpopular {width:282px; border:1px solid #999; padding:8px; margin:10px 0 10px 0;}

#mostpopular h4 {color:#666; font-size:1.4em; margin:5px 0 10px 0; width:280px;}

#mostpopular ol {margin-left:30px; text-align:left}

#justadded {width:284px; padding:8px; margin:10px 0 10px 0;}

#justadded h4 {color:#666; font-size:1.4em; margin:5px 0 10px 0; width:280px;}

#addedbox {width:inherit; overflow:hidden; clear:both;}

#topcontent {width:640px; height:auto; overflow:hidden;  border-bottom:1px solid #EEE; clear:both;}

#topcontent p {margin-left:10px; width:320px; float:left;}

#topcontent h2 {font-size:2em; margin-left:10px; padding-top:10px; color:#666; width:320px; float:left;}

#halftopcontent {width:310px; height:auto; overflow:hidden; float:left;}

#halftopcontent p {margin-left:10px; width:320px; float:left;}

#halftopcontent h3 {padding-top:8px; padding-bottom:8px;}

#bottomcontent {width:100%; padding:10px 10px 10px 0; overflow:hidden; height:auto; border-bottom:1px solid #EEE;}

#subbox {width:300px; overflow:hidden; height:auto; padding:10px 10px 10px 0; float:left; margin-top:10px;}

#subbox p {margin-left:10px; width:140px; font-size:.9em; padding-top:8px; float:left;}

#minibox {width:190px; height:170px; float:left; margin-top:20px; padding:10px; border-right:1px dashed #CCC;}

#minibox img {border:none;}

#minibox h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#000; font-weight:normal;
			margin-bottom:12px;}
			
#minibox p {margin-bottom:14px; width:180px;}

#galleryholder {width:880px; margin:30px 0; padding-left:80px; padding-bottom:30px;  border-bottom:1px solid #EEE;}


#footer {font: .9em Arial, Tahoma, sans-serif;
	     background-color:#EEE;
		 background-image:url(../images/components/footer_bg.gif);
		 background-position:left;
		 background-repeat:no-repeat;
		 line-height: 1.6em;
		 width:960px;
		 height:80px;
		 padding:10px;
		 text-align:right;
		 }




#back{
	background-image:url("../js/scroller/bgimg.png");
	background-repeat:no-repeat;
	z-index:13;
	width:auto;
	height:580px;
	}

#container 
{
	float:left;
	margin-top:20px;
	margin-left:10px;
	z-index:100;

}

#imageBox 
{
  
  height: 140px;
  width: 140px;
  border: 0px #000 solid;
  /*overflow: hidden;*/
  overflow:scroll;
  position:relative;
  /*float:left;*/
}
#titlBox 
{
  height: 20px;
  width: 150px;
  border: 0px #000 solid;
  overflow: hidden;
  position:relative;
  /*float:left;*/
}
#titl{
	height:20px;}

#imageBoxInside 
{
  height: auto;
  z-index:1;
}
#imageBoxInside1 
{
  height: auto;
}
#imageBoxInside2 
{
  height: auto;
}
#imageBoxInside3 
{
  height:auto;
}
#imageBox img 
{
  float: left;
  padding: 0px;
  margin: 0px;
}

#imageBox br 
{
  clear: both;
}

#controls img 
{
  border: 0;
  width:140px;
}