h1 {font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-size:13px; color:#000; border-bottom: 1px solid #008000; line-height:20px;}

	h2 {font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-weight:normal; font-size:13px; color:#FFF; border-bottom: 1px solid #008000; line-height:20px;}
	h3 {font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-size:13px; color:#FFF; border-bottom: 1px solid #008000; line-height:20px;}		
	
	/*=====CONTAINERS==========================================================================================*/


body {
	background: #B4B4B4 url(img/bg.png) repeat-y fixed bottom center;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; font-size:12px;
}

#main {
	width:1000px;
	min-height: 700px;
	height:auto !important;
	height: 700px;
	background: #FFF; 
	margin: 5px auto 5px auto; 
	text-align: left;
	border: 1px solid #B4B4B4; 
}


#content{
float:left;
position:relative;
width:800px;
}


#block1 {
float:left;
position:relative;
width:400px;
height: 400px;
}

#block2 {
float:left;
position:relative;
width:400px;
height: 400px;
}

#imgblock {
float:left;
position:relative;
width:800px;
height: 400px;
}

#textblock {
float:left;
position:relative;
width:780px;
margin-top:10px;
padding:0 20px 5px 0;
background:#FFF;
}

#textblock2{
float:left;
position:relative;
width:760px;
margin-top:10px;
padding:0 20px 5px 20px;
background:#FFF;
}

#topframe {
	float:left;
	position:relative;
	width: 800px;
	top: 0;
	background: 
	#FFF url(img/buttonoff.png) top center repeat-x;
}

#leftframe{
	float:left;
	position:relative;
	width: 200px;
	min-height: 700px;
	height:auto !important;
	height: 700px;
}



#navline{
font: 10px "Century Gothic", Helvetica, Verdana, Arial, sans-serif;

color: #8d8d8d;
position: relative; 
height: 20px;
overflow: auto; 
background: #fff;
text-decoration:none;
line-height: 20px;
padding-left:20px;
}

#gallerytext{
float:left;
background:#000;
color:#FFF;
height:30px;
width:780px;
padding-left:20px;
line-height:28px;
font-size:14px;
}


/*=====PROD MENU1==========================================================================================*/


#prodnav{
width: 800px;
overflow: hidden;
background: #555 url(img/navbuttonoff.png) center center repeat-x ; /*background of tabs (default state)*/
}

#prodnav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#prodnav li{
display: inline;
margin: 0;
}

#prodnav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
width:266px;
height:40px;
border-right: 1px solid #FFF; /*right divider between tabs*/
color: #FFF;
font-size:13px;
}

#prodnav li a:visited{
color: #FFF;
}

#prodnav li a:hover{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

#prodnav li a.current{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

#prodnav li a.end{
width:265px;
border:none;
}

#prodnav li a.endcurrent{
width:265px;
border:none;
background:transparent url(img/navbuttonon.png) center center repeat-x;
}


/*=====STORY MENU1==========================================================================================*/


#storynav{
width: 800px;
overflow: hidden;
background: #555 url(img/navbuttonoff.png) center center repeat-x ; /*background of tabs (default state)*/
}

#storynav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#storynav li{
display: inline;
margin: 0;
}

#storynav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
width:99px;
height:40px;
border-right: 1px solid #8d8d8d; /*right divider between tabs*/
color: #FFF;
font-size:13px;
}

#storynav li a:visited{
color: #FFF;
}

#storynav li a:hover{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

#storynav li a.current{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}



#storynav li a.next{
padding:0;
background:transparent url(img/nextbutton.png) center center no-repeat;
border-right: none; 
border-left: 1px solid #CCC;
text-align:left;
text-indent:15px;
line-height:40px;
color:#000;
font-size:18px;
}

#storynav li a.next:hover{
padding:0;
background:transparent url(img/nextbutton.png) center center no-repeat;
border-right: none; 
border-left: 1px solid #CCC;
text-align:left;
text-indent:15px;
line-height:40px;
color:#008000;
}

#storynav li a.end{
width:100px;
border:none;
}

#storynav li a.endcurrent{
width:100px;
border:none;
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

/*=====STORY MENU2==========================================================================================*/


#storynav2{
width: 800px;
overflow: hidden;
background: #555 url(img/navbuttonoff.png) center center repeat-x 
}

#storynav2 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#storynav2 li{
display: inline;
margin: 0;
}

#storynav2 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
width:114px;
height:40px;
border-right: 1px solid #8d8d8d; /*right divider between tabs*/
color: #FFF;
font-size:13px;
}

#storynav2 li a:visited{
color: #FFF;
}

#storynav2 li a:hover{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

#storynav2 li a.current{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

#storynav2 li a.next{
width:99px;
padding:0;
background:transparent url(img/nextbutton.png) center center no-repeat;
border-right: none; 
border-left: 1px solid #CCC;
text-align:left;
text-indent:15px;
line-height:40px;
color:#000;
font-size:18px;
}

#storynav2 li a.next:hover{
width:99px;
padding:0;
background:transparent url(img/nextbutton.png) center center no-repeat;
border-right: none; 
border-left: 1px solid #CCC;
text-align:left;
text-indent:15px;
line-height:40px;
color:#008000;
}

#storynav2 li a.end{
width:125px;
border:none;
}

#storynav2 li a.endcurrent{
width:125px;
border:none;
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

/*=====STORY MENU3==========================================================================================*/
#storynav3{
width: 800px;
overflow: hidden;
background: #555 url(img/navbuttonoff.png) center center repeat-x 
}

#storynav3 ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#storynav3 li{
display: inline;
margin: 0;
}

#storynav3 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
width:77px;
height:40px;
border-right: 1px solid #8d8d8d; /*right divider between tabs*/
color: #FFF;
font-size:12px;
}

#storynav3 li a:visited{
color: #FFF;
}

#storynav3 li a:hover{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

 #storynav3 li a.current{
 background:transparent url(img/navbuttonon.png) center center repeat-x;
 }

#storynav3 li a.next{
width:99px;
padding:0;
background:transparent url(img/nextbutton.png) center center no-repeat;
border-right: none; 
border-left: 1px solid #CCC;
text-align:left;
text-indent:15px;
line-height:40px;
color:#000;
font-size:18px;
}

#storynav3 li a.next:hover{
width:99px;
background:transparent url(img/nextbutton.png) center center no-repeat;
padding:0;
border-right: none; 
border-left: 1px solid #CCC;
text-align:left;
text-indent:15px;
line-height:40px;
color:#008000;
}

#storynav3 li a.end{
width:76px;
border:none;
}

#storynav3 li a.endcurrent{
width:76px;
border:none;
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

/*=====BUY MENU==========================================================================================*/


#buynav{
width: 360px;
overflow: hidden;
background: transparent url(img/navbuttonoff.png) center center repeat-x ; /*background of tabs (default state)*/
}

#buynav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#buynav li{
display: inline;
margin: 0;
}

#buynav li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
width:119px;
height:40px;
border-right: 1px solid #8d8d8d; /*right divider between tabs*/
color: #FFF;
font-size:13px;
text-align:center;
line-height:35px;
font-size:14px;
}

#buynav li a:visited{
color: #FFF;
}

#buynav li a:hover{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}

#buynav li a.current{
background:transparent url(img/navbuttonon.png) center center repeat-x;
}





/*=====TOP COLUMN MENU==========================================================================================*/


#topmenu{
display:block;
height:50px;
background:transparent url(img/buttonoff.png) top left repeat-x;
}

#topmenu ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;

}

#topmenu ul li{
display:block;
float:left;
margin:0;
padding:0;
}

#topmenu ul li a{
display:block;
float:left;
color:#000;
text-decoration:none;
padding:16px 20px 0 20px;
height: 34px;
background:transparent url(img/buttond.png) top right no-repeat;
font-size:13px;
}

#topmenu ul li a:hover{
color:#008000;
}

#topmenu ul li a.current{
color:#FFF;
background:#fff url(img/buttonon2.png) top left repeat-x;
}


/*=====LEFT COLUMN MENU==========================================================================================*/
#leftmenu{
background: #FFF;
border-bottom-width: 0;
width: 200px;
}

* html #leftmenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

#leftmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

#leftmenu a{
font:  13px "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
padding: 4px 0 3px 20px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #000;
text-decoration: none;
}

#leftmenu a:visited{
color: #000;
}

html>body #leftmenu a{ /*Non IE rule*/
width: auto;
}

#leftmenu ul li a:hover{
background: #FFF;
color:#008000;
}