/* eliminates browser specific margins, padding and borders */
* {
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
outline: none;
}

body{
font-family: Arial, Helvetica, Tahoma, Sans-Serif;
font-size: 16px;
background: #0D1b09 url(images/nbg.jpg);

color: #ddd;
}

h4, h5, h6, ul, ol, form, p{
padding: .1em .3em;
margin: 0px;
}

blockquote{padding: .1em .3em; margin: 0 1em;}

h3{
padding: .2em .3em;
}

h1, h2, h3, h4, h5, h6{
color: #c22;
}

/*anchor elements*/

a{
color: #f44;
text-decoration: none;
}

a:visited{
color: #f44;}

a:active{}

a:hover{
color: #f44;
text-decoration: underline;
}

#frame {
text-align: left;
width: 970px;
margin: 5px auto 10px;
}

#header{ /* set height for Firefox. usually the same as the height of logo or background */
background: url(images/hbg.gif);
background-repeat: no-repeat;
background-position: left 15px;
}

#headroom{
height: 225px;
width: 100%;
}

#maincontent { /* contains both content1 and content 2 */
float: right;
width: 755px;
clear: none;
}

#content1{ /* contains primary content */
width: 500px;
float: left;
}

#dvbg{
background: url(images/dvbg.gif);
width: 500px;
background-repeat: no-repeat;
clear: none;
}

#mainbg{
background: url(images/dvbg.gif);
width: 450px;
height: 210px;
background-repeat: no-repeat;
clear: none;
padding: 30px;
}

#dnbg{
width: 420px;
height: 150px;
background: url(images/nbg.gif);
background-repeat: no-repeat;
padding: 40px;
clear: none;
}

#news{
height: 150px;
width: 425px;
overflow: auto;
clear: none;
}


#viewobject{
padding: 30px 40px;
}

#content2{ /* contains secondary content */

float: right;
width: 245px;
height: 560px;
overflow: auto;
background: url(images/d2bg.gif);
background-repeat: no-repeat;
}


#content3{ /* contains tertiary content */
width: 210px;
float: left;
height: 650px;
background: url(images/d3bg.gif);
clear: none;
}

#content3 p{
display: block;
width: 90%;
}


#content4{ /* contains tertiary content */
width: 750px;
float: right;
height: 140px;
}

#times{
width: 95%;
margin: 0 auto 10px auto;
}


/*///////////////////////// image replacement header link styles ///////////////*/
#logobox, #company, #company span { /* height and width  to match size of logo */
 width: 200px;
 height: 100px;
overflow: hidden; 
}

#logobox{
 float: left;
 background: url(images/hirelogo.jpg);
 margin: 65px 0 0 50px;
 }

#company span {
 margin-bottom: -125px; /* Hides replaced text. Value should be approx. as large as logo */
 background: url(images/hirelogo.jpg);
 display: block;
}

#company a{
text-decoration: none;
cursor: pointer; /* for IE */
}

/* non-repeated code */
#company span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
#company h1 { overflow: hidden; }
/*/
#company h1 { text-indent: -100em; }
/* End Hack */

.logo2{float: right; margin: 65px 50px 0 0}

#bannerbox{position: relative}

#banner, #banner span, #bannerbox{ /* should be same size as page banner images */
width: 462px;
height: 100px;
}


#bannerbox{ /* contains #banner h2 et al; */
clear: none;
overflow: hidden;
margin: 0 auto;
padding-top: 65px;
}

#banner span {
 background-repeat: no-repeat;
 margin-bottom: -60px; /* hides text behind image. Value should be approx. as large as height of banner images */
}

/* per page banner images. classes named after page file name */

.index {
 background-image: url(images/banner.gif);
}

/* non-repeated code */
h2 span {
 display: block;
 position: relative;
 z-index: 1;
}
/* IE5 Mac Hack \*/
h2 { overflow: hidden; }
/*/
h2 { text-indent: -100em; }
/* End Hack */

/*//////////////////////// end image replacement ///////////////////*/

#bannerbox2{position: absolute; top: 65px; left: 0; z-index: 100}

#bannerbox2 a{
display: block;
width: 66px;
height: 100px;
float: left;
}



/*//////////////// general html styles /////////////*/

/* nn6/7 will put content out of scrollable reach if auto is used on #frame unless min-width is on body */

/* style the text menu */

#menu ul{
height: 20px;
margin-left: 10px;
}

#menu li{
float: left;
list-style: none;
margin-right: 10px;
}

#menu a{
text-decoration: none;
color: #495d34;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;
letter-spacing: 2px;
}

#menu a:hover{
  color: #BFB00A ;
}
/* style the login menu */
#vertmenu ul{
border: 1px solid #BFB00A;
width: 80%;
margin: 5px auto;
}

#vertmenu li{
list-style: none;
margin-bottom: .5em;
}
#vertmenu a{
text-decoration: none;
color: #BFB00A;
text-transform: uppercase;
font-weight: bold;
font-size: .8em;
}

#vertmenu a:hover{
  color: #fff;
}



/* style the navigation */
#nav{
  text-align: center;
  line-height: 40px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
}


#nav a {
	color: #6B7F56;
	text-decoration: none;
	margin: 0 20px;
	line-height: 40px;
	}


#nav a span{
  display: block;
  text-align: center;
}

#nav a:hover{
  color: #BFB00A ;
}
#nav li { /* all list items */
  display: inline;
  margin-right: 3px;
	list-style: none;
 }
#navwrap{
height: 20px;
margin: 10px auto 0;
width: 831px; /* width of (#nav li + margin + border) x number of links */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 124px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav a.currentpage { /* styles the nav button for current page. */
cursor: default;
color: #900;
}

#nav a.currentpage:hover{
color: #900;
}

/* style the members only navigation */

#nav2 {
  font-size: 1em;
  text-transform: uppercase;
  width: 500px;
}


#nav2 ul  { /* all lists */
  float: left;
	margin: 0;
	list-style: none;
	line-height: 1.4;
	font-weight: bold;
	}

#nav2 a {
	display: block;
	width: 125px;
	color: #6B7F56;
	text-decoration: none;
  	text-align: center;
	}


#nav2 a span{
  display: block;
  text-align: center;
}

#nav2 a:hover{
  color: #BFB00A ;
}
#nav2 li { /* all list items */
  float: left;
  margin-right: 3px;
	width: 129px; /* width needed or else Opera goes nuts */
	padding: 0px;
 }
#navwrap2{
height: 30px;
margin: 0 auto;
width: 410px; /* width of (#nav li + margin + border) x number of links */
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	width: 124px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav2 a.currentpage { /* styles the nav button for current page. */
cursor: default;
color: #900;
}

#nav2 a.currentpage:hover{
color: #900;
}

/* /// style the footer ///*/


#footer {
clear: both;
width: 100%;
text-align: center;
padding: 5px 0px;
font-size: .9em;
}

#footer ul{}

#footer li{
display: inline;
list-style: none;
}

#footer a{
	color: #6B7F56;
	text-decoration: none;
	}

#footer a:visited{}

#footer a:hover{
  color: #BFB00A ;
}

/* // style the contact form */ 

.formhead{
display: block;
line-height: 1.4em;
border-bottom: 1px solid orange;
border-top: 1px solid orange;
text-align: center;
margin: 5px;
}


.label{
width: 200px;
display: block;
font-size: .9em;
}

textarea{
width: 99%;
height: 100px;
}


.formhead input{
margin: 3px;
}

.formhead input:hover{ /* these styles lost to IE6. */
color: #d00;
cursor: pointer;
}

input, textarea, select, .input{
font-family: Helvetica, Arial, Tahoma, Sans-Serif; /*sets default font*/
font-size: .8em;  /*sets default font-size so subsequent size markers function*/
background: #500;
border: 1px orange solid;
padding: 3px;
color: #eee;
margin-bottom: 5px;
}

.input{
width: 53px;
margin-top: -10px;

}

.quantity{
width: 60px;
}

input.buy{
padding: 0;
border: 2px solid orange;
margin: 5px;
}

.desc{
float: left;
width: 300px;
}

.inputRequirement{
color: #d44;
}

/* style the gallery */
.pic{display: inline;
text-align: center;
}

.pic img{
margin: 4px;
border: 1px solid black;
}

#gallerybox{
text-align: center;
margin: 0 auto;
}

/* style the flow player */
#bigobject{
width: 730px;
}
#flowplayer {
	display:block;
	width:625px;
	height:400px;
	float:left;
	background: url(video/skin/playerback.gif) no-repeat 50% 50%;
}

.swf {  /* sizzlereel front page */
margin: 0 auto;
height: 185px;
width: 329px;
background: #0B1107;
background: url(images/loading.gif) 50% 50% no-repeat;
}

.clips{
float:right;
height: 398px;
overflow: auto;
width: 100px;
border: 1px solid #660;
}

.clips a{
display: block;
background: #eff;
margin: 5px;
border: 1px solid #660;
line-height: 50px;
width: 70px;
}

.clips a:hover{
border: 1px solid #600;
}

a #flowplayer,a #flowplayer:hover{
border: none;
}

#screen{
width: 730px;
height: 400px;
background: red url(video/skin/screenback.jpg) no-repeat;
border: 3px solid #080D03;
}



/* style the bios */

.biod{
padding: 10px;
float: right;
width: 480px;
background: #050b01;
}

.redhead{
font-size: 1.2em;
color: #900;
}

.biod .redhead{
color: #dbb;
}

.nbox{
display: block;
width: 150px;
float:left;
}

.nbox h4{
color: #dbb;
}

/* ///////////// style the store //////////// */

.price{
color: #d00;
font-size: 1.3em;
}

.discount{
color: #44d;
font-size: 1.1em;
text-decoration:line-through
}

.special{
color: #d44;
font-size: 1.3em;
}

.buy{
border: none;
margin: 5px;
}

.c1{
color: #dd0;
}

#store h4, #store h3{
font-size: 1.3em;
}

#store{
font-size: 1.1em;
}

/* style extras page */

.eblock img{float: left; margin: 8px 12px;}
#listpanel{width: 90%; margin: 0 auto;}


/*//////////////// end id styles ///////////////////////*/

/*///////////////// general style by class ///////////////*/

.hide{ /* hide elements from screen style. Add them later in print style */
display: none;
}

.centext{ /* center text in any element */
text-align: center;
}

.cenblock{ /* center any block element. Element must have width defined */
margin-left: auto;
margin-right: auto;
}

.box{ /* generic box style.  Use on wrapper div for any element */
background: #d00;
border: 1px #030 solid;
padding: 4px;
margin-bottom: 5px;
color: black
}

.box{
border: 2px outset #ddd;
}

.box:hover{
border: 2px outset #d00;
}

.box a, .box h4 a{
color: #fff !important;

}

.box a:hover{
color: black;
text-decoration: none;
}

.box2{
border: 1px orange solid;
padding: 3px;
margin: 5px;
background: #500;
}

.hr{ /* use on empty div for cross browser horiz. rule */
width:90%;
border-bottom: 1px white solid;
height: 0;
margin: 3px auto;
}

.clearfix{
clear: both;
}

.ffx{
clear: both;
height: 1px;
line-height: 1px;
}

.note{
font-size: .8em;
}

.alert{ /* adds red color to any text for alert */
color: #d44;
}



.message, .messageBad{ /* warning messages from server/client*/
font-size: .9em;
color: black;
background: #fcc;
border: 1px black solid;
margin: 5px;
padding: 5px;
}

.pad{ /*give block element same margins as P */
margin: 10px;
}

.ileft{
float: left;
margin: 10px;
clear: none;
}

.iright{
float: right;
margin: 10px;
clear: none;
}




select{
margin: 5px;
}
.small, .smalltext{
font-size: .9em;
}

.exsm a{
font-size: .6em;
text-decoration: none;
color: #ddd;
}

.exsm a:hover{
color: #f66;
}

.chbx{
margin: 35px 30px;
}

.wbx{
margin: 0 30px;
}

#wtop{
height: 45px;
background: url(images/wtop.gif);
width: 755px;
}

#wbot {
height: 45px; 
background: url(images/wbot.gif);
}

#store, #bios{
width: 695px;
margin: 0 auto;
}

.sbutton{
width: 100px;
margin: 5px;
float: left;
}

.sthumb{
width: 140px;
}





.price{
font-weight: bold;
}

#showOpener{
float: left;
margin: 5px;
}

.left{
float: left;
}

.right{
float: right;
}

.h4{
font-weight: bold;
font-size: 1em;
padding: .1em .3em;
margin: 0px;
color: #b00;
}

.red{
font-size: .8em;
text-decoration: underline;
color: #b00;
font-weight: bold;
}

.half{
width: 49%;
}

.sthm{/*store thumb */
width: 130px;
margin:5px auto;
}

.sthm img{
width: 120px;
margin: 0 auto;
}
/*///////////////// end styles by class /////////////////*/