@charset "ISO-8859-1";
body {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal; 
	color: #000;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/black.jpg);
	background-repeat: repeat;
	background-position: left top;
}

#wrapper {margin-right: auto; margin-left: auto; background-image: url(../images/gradient-yellow.jpg);
	background-repeat: repeat-x;
	background-position: left top;}

#main {
	height: 620px; 
	
}
#base {
	background-color:#000;
	height:100%;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
}
.leftcol {
	background-image: url(../images/solid.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

img {border: none; color:#CCC;}

#nav-bar {
	float: left;
	height: 30px;
	width: 540px;
	font-size: 10px;
	color: #FFF;
}
#nav-right {
	float: right;
	height: 30px;
	width: 415px;
	color: #FFF;
	font-size: 9px;
}



ul#nav {width: 540px; margin: 0px; padding: 0px;}
ul#nav li {
			display:block;
			float:left;list-style-type:none;
			}
			ul#nav li a {
				display:block;
				outline:none;
				width:0px;height:30px;
				background:transparent url(../images/nav.gif) no-repeat 0 0;
				text-indent:-9009px;
				margin:0 0 0 0;
				}
			
				ul#nav li a:hover
				{background-position:0 -30px}
			
			ul#nav li#home-nav a {
				width:52px;
				background-position:-0px 0;
				}
				ul#nav li#home-nav a:hover, body#home ul#nav li#home-nav a  {
					background-position:-0px -30px
					}
			
			ul#nav li#about-nav a {
				width:60px;
				background-position:-52px 0;
				}
				ul#nav li#about-nav a:hover, body#about ul#nav li#about-nav a  {
					background-position:-52px -30px
					}
					
					ul#nav li#gall-nav a {
				width:54px;
				background-position:-112px 0;
				}
				ul#nav li#gall-nav a:hover, body#gall ul#nav li#gall-nav a  {
					background-position:-112px -30px
					}
					
					
			ul#nav li#show-nav a {
				width:62px;
				background-position:-166px 0;
				}
				ul#nav li#show-nav a:hover, body#show ul#nav li#show-nav a  {
					background-position:-166px -30px
					}
			ul#nav li#what-nav a {
				width:74px;
				background-position:-228px 0;
				}
				ul#nav li#what-nav a:hover, body#what ul#nav li#what-nav a  {
					background-position:-228px -30px
					}
			ul#nav li#case-nav a {
				width:76px;
				background-position:-302px 0;
				}
				ul#nav li#case-nav a:hover, body#case ul#nav li#case-nav a  {
					background-position:-302px -30px
					}
			ul#nav li#live-nav a {
				width:87px;
				background-position:-378px 0;
				}



				ul#nav li#live-nav a:hover, body#live ul#nav li#live-nav a  {
					background-position:-378px -30px
					}
	ul#nav li#contact-nav a {
				width:75px;
				background-position:-465px 0;
				}
				ul#nav li#contact-nav a:hover, body#contact ul#nav li#contact-nav a  {
					background-position:-465px -30px;
					}
/*	
#nav#store #globalnav li#gn-store a { background-position: -117px -114px !important; }

//#body#contact #nav li#contact-nav a { background-position: -770px -30px !important; }
*/
#contact-box {
	float: left;
	height: 220px;
	width: 280px;
}
#logo {
	float: right;
	height: 220px;
	width: 280px;
	margin-top: 400px;
}


#logo2 { clear:both;
	float: right;
	height: 220px;
	width: 280px;
	
}

#gallery-body {
	height: 620px;
	width: 675px;
	float: left;
}
#gallery-logo {float: right;
	height: 220px;
	width: 280px;
	margin-top: 400px;}

	
#content {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content {
	background-image: url(../images/bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#showcopy {
	width: 400px;
	margin-left: 180px;
	position: absolute;
}
#showcopy a:link, #showcopy a:visited {text-decoration: underline; color:#000;}
#showcopy a:hover, #showcopy a:active  {text-decoration: underline; color:#f0d503;}

#content-body {
	height: 620px;
	width: 675px;
	float: left;
}
#content-body2 {
	height: 400px;
	width: 955px;
	
}

#content-graphic {
	float: left;
	height: 150px;
	width: 165px;
}

#content-graphic2 {
	float: left;
	height: 150px;
	width: 165px;
}
#content-right {
	float: right; margin-right:20px;
	width: 470px; margin-top: 45px;
}

#content-wide {
	float: right; margin-right:80px;
	width: 700px; margin-top: 45px;
}

.whath, .caseh, .liveh, .abouth, .contacth, .showh {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -600em;
	line-height: 30px; /* height of title images */
    /* hide from mac ie5 and force overflow for win ie <6 \*/
    overflow: hidden;
    /* end hide */
}
.whath {
	background-image: url(../images/whath.jpg);
}


.caseh {
	background-image: url(../images/caseh.jpg);
}
.abouth {
	background-image: url(../images/abouth.jpg);
}

.liveh {
	background-image: url(../images/liveh.jpg);
}
.showh {
	background-image: url(../images/showh.jpg);
}
.contacth {
	background-image: url(../images/contacth.jpg);
}


.galh {padding-top:50px;}

#content-right h1 {margin-bottom: 0px;}
#content-wide h1 {margin-bottom: 10px;}

#text {background-color:#FFF; padding: 15px 20px 15px 20px; margin-top:20px; margin-left:10px; filter:alpha(opacity=95); 
   -moz-opacity:0.95; 
   -khtml-opacity:0.95;
   opacity:0.95;
 }
#content-right ul {margin: 0px; }
#content-right ul li {margin-left:0px;}
 
#text h2 {font-weight: normal;  font-size:14px;color:#009843;}

#text a:link, #text a:visited {text-decoration: underline; color:#009843;}
#text a:hover, #text a:active  {text-decoration: underline; color:#f0d503;}
#content-graphic h2 {font-size: 11px; margin: 10px 0px 0px 15px;}
#content-graphic ul {margin: 5px 0px 0px 8px; padding: 5px 0px 0px 8px; list-style-type: none;}
.weblink {
	padding-top: 20px; clear:left;
}
.video-text {padding-top:5px;}

#content-graphic a:link, #content-graphic a:visited {text-decoration: none; color:#000;}
#content-graphic a:hover, #content-graphic a:active  {text-decoration: underline; color:#000;}
#content-graphic h2 {font-weight: bold;}
.video-thumb {
	padding-right: 10px;
}
.standard {
	font-size: 11px;
}
.back {
	font-size: 9px;
	margin-top: 0px;
	padding-top: 0px;
}


.container {padding-left:10px;}
.shadow {float:left;}
.frame {position:relative; background:#fff; padding:10px; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.clear {clear:left;}