@charset "utf-8";
/* -- generic styles ------------------------*/
div,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li {
	margin: 0px;
	padding: 0px;
}
body  {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #000;
	font-family: "Helvetica LT Std", Helvetica, Arial, "MS Sans Serif", "Lucida Sans Unicode";
	font-size: 100%;
	color: #FFF;
	margin-left: 1%;
	margin-right: 1%;
}
#wrapper {
	width: 98%;
	position: absolute;
	background-color: #222;
	-moz-border-radius: 4px;
	border: solid 4px #555;
	border-bottom: none;
	z-index: 0;
	height: 97.9%;
	margin-top: 1%;
}


/* ---------- PROPERTIES STYLES ------------*/
a:link , a:visited{
	filter:alpha(opacity=8);
	-moz-opacity:.8;
	-khtml-opacity: .85;
	opacity: .8;
	color: #FFE999;
	text-decoration: none;
	border: none;
}
a:hover {
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	color: #FFF;
	text-decoration: none;
	border: none;
}
img a:link , a:visited{
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	-khtml-opacity: .85;
	opacity: .85;
	text-decoration: none;
	border: none;

}
img a:hover {
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
	border: none;
}

/* ---------- NAVBAR STYLES ------------*/
#navBar
{
	-webkit-border-radius: 4px;
	height: 99%;
	background-image: url(../_images/VERT-BAR.png);
	width: 200px;
	top: 0px;
	left: 50px;
	position: absolute;
	z-index: 1;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	margin: 0;
}
#navBar a img.logo {
	position: absolute;
	top: 50px;
	border: none;
	left: 22px;
	z-index: 2010;
}

.urbangreymenu{
	width: 135px;
	position: absolute;
	top: 175px;
	left: 28px;
	margin: 0px 5px;
	z-index: 2020;
}

.urbangreymenu .headerbar{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: white; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 0; /*31px is left indentation of header text*/
	font-family: "Helvetica LT Std", Arial, "MS Sans Serif";
	font-size: 1em;
	border: solid 2px #FFE999;
	letter-spacing: -0.5px;
	font-weight: 600;
	margin: 4px 0;
	text-align: left;
}

.urbangreymenu .headerbar a{
	text-decoration: none;
	color: white;
	display: block;
	margin: 0px;
	background-image: url(../_images/menu-tab-opacity-30percent.png);
	height: auto;
	text-indent: 8px;
	text-align: left;
}
.urbangreymenu .headerbar a:hover {
	text-decoration: none;
	color: #000;
	display: block;
	margin: 0px;
	background-image: url(../_images/menu-tab-opacity-80percent.png);
}


.urbangreymenu ul{
	list-style-type: none;
	margin: 2px 12px 0px 25px;
	padding: 0; /*bottom spacing between each UL and rest of content*/
	top: 200px;
}

.urbangreymenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	-moz-border-radius: 4px;
}

.urbangreymenu ul li a{
	font: bold 12px Arial;
	color: #FFF;
	background: url(../_images/menu-tab-opacity-30percent.png);
	display: block;
	padding: 4px 0px;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	text-shadow: 0.1em 0.1em #111;
	border: solid 2px #eee;
	margin: 2px 0px;
	width: inherit;
	-moz-border-radius: 4px;
}

.urbangreymenu ul li a:visited{
	color: #FFF;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: black;
	background: url(../_images/menu-tab-opacity-80percent.png);
	text-shadow: none;
}


/* --------- SIDEBAR STYLES -------------*/
#sidebar  {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 133px;
	border: solid 2px #FFE999;
	background-color: #FFE;
	height: auto;
	font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
	padding: 0px 0px 12px 0px;
	background-image: url(../_images/sunflower-small.png);
	position: absolute;
	margin: 30px 40px 8px 32px;
	background-position: bottom;
	z-index: 100;
	top: 410px;
}
#sidebar a:hover{
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:2;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
	border: none;
	}
#sidebar a{
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:2;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
	border: none;
}
#sidebar #dvd100{
	width: 100px;
	height: 66px;
	margin: 6px auto -6px auto;
	padding: 0px;
	position: relative;
	background: url(../_images/sprite-bar-HDB-dvd-covers-bugs.png);
}
#sidebar #dvd100 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	top: 0px;
}
#sidebar #dvd100 li, #sidebar #dvd100 a {
	height: 66px;
	display: block;
	width: 50px;
}
#sidebar #dvd100 #HDB1{
	left: 0;
	width: 50px;
}
#sidebar #dvd100 #HDB1 a:hover { background: transparent url(../_images/sprite-bar-HDB-dvd-covers-bugs.png) 0px -66px no-repeat; }

#sidebar #dvd100 #HDB2 {
	left: 50px;
	width: 50px;
	margin-top: -66px;
}
#sidebar #dvd100 #HDB2 a:hover { background: transparent url(../_images/sprite-bar-HDB-dvd-covers-bugs.png) -50px -66px no-repeat; 
}
#sidebar #dvd200 {
	width: 100px;
	height: 66px;
	margin: 6px auto -6px auto;
	padding: 0px;
	position: relative;
	background: transparent url(../_images/sprite-bar-HDB-dvd-covers-bugs.png) -100px 0px no-repeat;
}
#sidebar #dvd200 li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	top: 0px;
}
#sidebar #dvd200 li , #sidebar #dvd200 a {
	height: 66px;
	display: block;
	width: 50px;
}
#sidebar #dvd200 #HDB3 {
	left: 0px;
	width: 50px;
	margin-top: 0px;
}
#sidebar #dvd200 #HDB3 a:hover { background: transparent url(../_images/sprite-bar-HDB-dvd-covers-bugs.png)  -100px -66px no-repeat; }
#sidebar #dvd200 #HDB4 {
	left: 50px;
	width: 50px;
	margin-top: -66px;
}
#sidebar #dvd200 #HDB4 a:hover { background: transparent url(../_images/sprite-bar-HDB-dvd-covers-bugs.png) -150px -66px no-repeat; }

#sidebar h1 {
	font-size: 0.8em;
	margin: 2px;
	background-image: url(../_images/gradient-tab-50-percent.png);
	border: solid 2px #FFE999;
	-moz-border-radius: 4px;
	height: 34px;
	padding-top: 2px;
	padding-bottom: 0px;
	text-align: center;
	text-shadow: 0.1em 0.1em #555;
}
#sidebar h1 .border{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: double 3px #AAA;
	position: relative;
	display: block;
	margin: -4px -5px;
}
#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.2em;
	color: #666;
	padding: 0 10px;
}
#sidebar h3 {
	font-size: 1em;
	color: #777;
	text-align: left;
	margin-bottom: 0.2em;
	padding: 0 10px;
}
#sidebar ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666;
	margin-left: 30px;
}
#sidebar ol li {
	margin-bottom: 0.6em;
	margin-left: 20px;
}
#sidebar ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	margin-left: 40px;
}
#sidebar ul li {
	margin-bottom: 0.6em;
	margin-left: 30px;
}
#sidebar menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	margin-left: 50px;
}
#sidebar menu li {
	margin-bottom: 0.6em;
	margin-left: 40px;
}
#sidebar dir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	margin-left: 60px;
}
#sidebar dir li {
	margin-bottom: 0.6em;
	margin-left: 50px;
}
#sidebar dl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	margin-left: 70px;
}
#sidebar dl li {
	margin-bottom: 0.6em;
	margin-left: 60px;
}
#sidebar .center { 
margin-left: 13%; 
}
#sidebar .center2 { 
margin-left: 3%; 
}
/* ---------- IDENTIFIER STYLES ------------*/

#photoBanner {
	z-index: 100;
	height: 90px;
	width: 825px;
	position: relative;
	margin: 0;
	;
	padding: 0px;
	left: 325px;
	top: 55px;
	border: solid 2px #FFE999;
}

/* ---------- MAINCONTENT STYLES ------------*/
#mainContent {
	color: #FFF;
	margin: 85px 0 30px 0;
	padding: 10px;
	background-color: #555;
	position: relative;
	border: solid 2px #FFE999;
	-moz-border-radius: 4px;
	clear: none;
	left: 325px;
	width: 800
`;
	min-height: 300px;
	height: auto;
	width: 805px;
}
#mainContent h1 {
	text-align: left;
	padding: 16px;
}
#mainContent p {
	font-size: 0.9em;
	font-family: Helvetica, Arial, "MS Sans Serif", "Lucida Sans Unicode";
	color: #EEE;
	padding: 0 12px 12px 36px;
	line-height: 1.2;
	letter-spacing: 0.5px;
	margin: 6px;
}
#mainContent h2 {
	padding: 6px 40px;
	font-weight: normal;
}


#mainContent h3 {
	padding: 0 20px;
	font-size: 1em;
}
#mainContent h4 {
	font-size: .9em;
	font-style: italic;
	color: #999999;
	padding: 6px 40px;
}

#mainContent img
{
	position: relative;
	padding: 10px;
	margin: 20px;
}


#mainContent a {
	text-decoration: none;
	border: none;
}
#mainContent a:link, #mainContent a:visited {
	font-weight: bold;
	border: none;
}
#mainContent a:hover{
	border: none;
}
#mainContent a.videoLogo {
	display: block;
	margin: 0 40px;
	padding: 10px;
	clear: right;
	float: left;
	width: 240px;

}
#mainContent img a:link, #mainContent img a:visited {
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	-khtml-opacity: .75;
	opacity: .75;
	color: none;
	text-decoration: none;
	border: none;
}
#mainContent img a:hover {
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
	border: none;
}
#mainContent img.dvdImage {
	padding: 0px 10px;
	float: right;
	border: none;
}
#mainContent img.splashImage {
	display: block;
	vertical-align: middle;
	padding: 0px;
	border: solid 2px #FFE999;
	margin: 30px;
	-moz-border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
#mainContent li {
	color: #9C9C4A;
	margin: 5px 45px;
}
#mainContent ul {
	margin: 5px 55px;
	color: #9C9C4A;
}

#mainContent a.buyButton:link
, #mainContent a.buyButton:visited{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 6px 60px;
	float: left;
	position: relative;
	display: block;
	border: double 3px #FFE999;
	background-image: url(../_images/gradient-tab-30-percent.png);
	top: -75px;
	clear: right;
	margin: 8px 20px;
}
#mainContent a.buyButton:hover
{
	color: #FFE;
	background-image: url(../_images/gradient-tab-80-percent.png);
	border: double 3px #FFF;
	text-shadow: .02em .02em #666;
}
#mainContent a img.screenCap2   {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: thin solid #FFE200;
	left: 15px;
	right: 0px;
	padding: 6px;
	position: relative;
	cursor: pointer;
	background-color: #FFE999;
	display: inline;
	margin: 6px;
}
#mainContent a img.linkButton {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:solid 1px #FFE999;
	margin: 2px;
	width: 100px;
	display: inline;
	height: auto;
	padding: 2px;
}
#mainContent a .screenCap2:hover {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: solid 1px #FFE200;
	background-color: #FFF;
}
#mainContent blockquote blockquote blockquote .center strong    { font-size: 16px; }
#mainContent input.joinData
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	color: #000;
	margin: 4px 140px 12px 140px;
	padding: 0px 24px;
	float: right;
	border: solid 2px #FFE999;
}
#mainContent .textarea
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1em;
	color: #878740;
	margin: 0px 20px 20px 20px;
	padding: 5px;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	border: double 4px #9C9C4A;
}
#mainContent #dhtmlgoodies_slideshow {
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#mainContent #dhtmlgoodies_slideshow #galleryContainer {
	height: 140px;
	border: solid 2px #FFE999;
}
#sidebar2
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 805px;
	border: solid 2px #FFE999;
	background: url(../_images/menu-tab-opacity-30percent.png);
	margin: 0;
	height: auto;
	padding: 10px;
	position: relative;
	z-index: 2050;
	left: 325px;
	text-align: right;
}
#sidebar2 a:link, #sidebar2 a:visited {
	text-decoration: none;
	border: none;
	color: #616161;
}
#sidebar2 a:hover {
	color: #00F;
	text-decoration: none;
}
#sidebar2 img
{
	position: relative;
	padding: 2px 10px;
	margin: 0px;
	display: inline;
}
#sidebar2 img.addthis_button  {
}

#sidebar2 a.feedbackButton
{
	position: relative;
	float: left;
	clear: left;
	padding: 15px 0px 0px 9px;
	margin: 0px;
}

/* ---------- FOOTER STYLES ------------*/
#footer {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: "Arial Black", Arial, Gadget, sans-serif;
	font-size: 0.85em;
	text-align: right;
	text-shadow: 0.1em 0.1em #333;
	position: absolute;
	z-index: 2030;
	bottom: 0px;
	width: 98.5%;
} 
#footer a:link , #footer a:visited{
	color: #FFF;
	text-shadow: 0.1em 0.1em #333;
}
#footer a:hover {
	color: #FFE999;
}
#footerBorder1{
	-moz-border-radius: 0px;
	-webkit-border-radius: 4px;
	border: 2px solid #2222;
	margin: 0px;
	padding: 2px 6px;
	background-color: #555;
}
#footerBorder2{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #222;
	margin: 0px;
		padding: 2px 6px;
	background-color: #222;
}
#footerBorder3{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #333;
	margin: 0px;
	padding: 2px 6px;
	background-color: #333;
}
#footerBorder4{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #444;
	margin: 0px;
	padding: 2px 6px;
	background-color: #444;
}
#footerBorder5{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #555;
	margin: 0px;
	padding: 2px 6px;
	background-color: #555;
}
#footerBorder6{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #666;
	margin: 0px;
	padding: 2px 6px;
	background-color: #666;
}
#footerBorder7{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #777;
	margin: 0px;
	padding: 2px 6px;
	background-color: #777;
}
#footerBorder8{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #888;
	margin: 0px;
	padding: 2px 6px;
	background-color: #888;
}
#footerBorder9{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1.5px solid #889;
	margin: 0px;
	padding: 2px 6px;
	background-image: url(../_images/menu-tab-opacity-30percent-825w.png) repeat;
	background-color: #999;
}
#footer p {
	margin: 2px;
	padding: 6px;
	font-size: 12px;
	text-align: center;
	line-height: normal;
	border: double 1px #FFF;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-weight: lighter;
	color: #FFF;
}
.black {
	color: #000;
	text-shadow: none;
}
.center { text-align: center; }

.clearfloat {
	clear:both;
}
.clearLeft {clear: left;}
.clearRight {	clear: right;}
.current { }
.floatLeft { float: left; }
.floatRight { float: right; }
.holder {}