/* -------- GENERAL -------- */
body {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0px;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.1;
  color: #111111;
  text-align: center;
  background: #3d0608;
  background-image: url(images/bgr_gr.gif);
}
bgr {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 760px;
  height: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  background-image: url(images/bgr_gradient.jpg);
}
#front {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 760px;
  height: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background-image: url(images/bgr.jpg);
}
#frontnew {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 760px;
  height: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background-image: url(images/bgr_new.jpg);
}
#front_cobalt {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 760px;
  height: 800px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background-image: url(images/bgr_cobalt.jpg);
}
#pv {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 760px;
  height: 900px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background-image: url(images/bgrpv.jpg);
}
#content {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  padding: 0;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ddd;
  line-height: 1.4;
}
#footer {
  position: absolute;
  top: 810px;
  text-align: center;
  width: 760px;
  height: 100px;
  margin: 0;
  padding: 0;
  margin-top: 0;
}
/* -------- SECTIONS FRONT -------- */
#top {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 760px;
	height: 136px;
	margin: 0;
	padding: 0;
	margin-top: 0;
}
#banner {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 760px;
	height: 136px;
	margin: 0;
	padding: 0;
	margin-top: 0;
}
#topdiv {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 760px;
	height: 20px;
	margin: 0;
	padding: 0;
    background: #000;
}
#lbox1 {
	position: absolute;
	top: 186px;
	left: 0px;
	text-align: left;
	width: 128px;
	height: 215px;
	margin: 0;
	padding: 0;	
}
#lbox2 {
	position: absolute;
	top: 485px;
	left: 34px;
	text-align: left;
	width: 132px;
	height: 240px;
	margin: 0;
	padding: 0;
}
#rbox1 {
	position: absolute;
	top: 176px;
	left: 217px;
	text-align: left;
	width: 235px;
	height: 105px;
	margin: 0;
	padding: 0;
}
#rbox2 {
	position: absolute;
	top: 176px;
	left: 481px;
	text-align: left;
	width: 235px;
	height: 105px;
}
#fbox {
	position: absolute;
	top: 309px;
	left: 199px;
	text-align: left;
	width: 541px;
	height: 280px;
	margin: 0;
	padding: 0;
}
#rbox3 {
	position: absolute;
	top: 648px;
	left: 440px;
	text-align: left;
	width: 285px;
	height: 50px;
	margin: 0;
	padding: 0;
	}
#rbox32 {
	position: absolute;
	top: 655px;
	left: 430px;
	text-align: left;
	width: 290px;
	height: 50px;
	margin: 0;
	padding: 0;
	}
#tell {
	position: absolute;
	top: 678px;
	left: 34px;
	text-align: left;
	width: 140px;
	height: 50px;
	margin: 0;
	padding: 0;
}

/* -------- SECTIONS ALL PAGES  -------- */

#textarea {
  position: relative;
  top: 80px;
  left: 300px;
  text-align: left;
  width: 400px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background: #000;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ddd;
  line-height: 1.4;
}

#imgarea {
  position: relative;
  top: 80px;
  left: 20px;
  text-align: left;
  width: 250px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  background: #000;
}


/* -------- IMAGES  -------- */
.rbimg {
	float: left;
	margin-right: 12px;
}
#banner {
	position: absolute;
    top: 6px;
	left: 278px;
    right: 14px;
    text-align: right;
    width: 468px;
    height: 60px;
	margin: 0px;
    padding: 0px;
}

/* -------- PHOTO AND VIDEO -------- */
#gallery {
	position: absolute;
	top: 325px;
	left: 93px;
	width: 500px;
	height: 300px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#videos {
	position: absolute;
	top: 222px;
	left: 360px;
	width: 275px;
	height: 50px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#interviews {
	position: absolute;
	top: 668px;
	left: 360px;
	width: 350px;
	height: 230px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}


/* -------- TEXT FORMATTING -------- */
.text {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ddd;
  line-height: 1.4;
 }

.plustext {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ddd;
  line-height: 1.4;
}
 
 .yellowtext {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #eaa537;
  line-height: 1.4;
}

/*LIGHT GRAY HEADER*/
h1 {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #DDDDDD;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 12px;
}

/*DARK GRAY HEADER*/
h3 {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #111111;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 2px;
}

/*YELLOW HEADER*/
h2 {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #eaa537;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 8px;
}
/*YELLOW HEADER SMALL*/
h4 {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #eaa537;
  margin-top: 0px;
  margin-bottom: 8px;
}

/* --------------- LINKS --------------- */
a {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #dddddd;
  text-decoration: underline;
}
a:active, a:visited {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #bbbbbb;
  text-decoration: underline;
}
a:hover {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-decoration: underline;
}


.footer {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 1.3;
}
a.footer:link, a.footer:active, a.footer:visited {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: underline;
}
a.footer:hover {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

.front {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 1.3;
}
a.front:link, a.front:active, a.front:visited {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: underline;
}
a.front:hover {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #444444;
  text-decoration: underline;



}
.menu {
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  color: #111111;
}
a.menu:link, a.menu:active, a.menu:visited {
  text-decoration: none;
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  color: #111111;
}
a.menu:hover {
  text-decoration: underline;
  font-weight: bold;
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  color: #111111;
}


/* --------------- LISTS --------------- */
ul {
  list-style-type: square;
  padding-left: -10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

li {
  padding-left: -10px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0px; 
  padding-bottom: 0px; 
}
#menu li {
  display: inline;
  padding-top: 0px; 
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px; 
}
/* --------------- DROPDOWN MENU --------------- */
#logo {
	position:absolute;
	left:0;
	top:0;
	width:353px;
	height:49px;
	z-index:1;
}
#hidedropdown {
	position:absolute;
	left:23px;
	top:80px;
	width:112px;
	height:411px;
	z-index:2;
	visibility: hidden;
}
#hidedropdown2 {
	position:absolute;
	left:260px;
	top:80px;
	width:228px;
	height:352px;
	z-index:2;
	visibility: hidden;
}
#hidedropdown3 {
	position:absolute;
	left:406px;
	top:80px;
	width:228px;
	height:352px;
	z-index:2;
	visibility: hidden;
}
#hidedropdown4 {
	position:absolute;
	left:606px;
	top:80px;
	width:114px;
	height:352px;
	z-index:2;
	visibility: hidden;
}
#mainnav {
	position:absolute;
	left:0px;
	top:104px;
	width:760px;
	height:22px;
	z-index:3;
}
#dropdown {
	position:absolute;
	left:151px;
	top:138px;
	width:112px;
	height:150px;
	z-index:4;
	visibility: hidden;
}
#dropdown2 {
	position:absolute;
	left:277px;
	top:138px;
	width:128px;
	height:180px;
	z-index:5;
	visibility: hidden;
}
#dropdown3 {
	position:absolute;
	left:419px;
	top:138px;
	width:197px;
	height:180px;
	z-index:5;
	visibility: hidden;
}
#dropdown4 {
	position:absolute;
	left:631px;
	top:138px;
	width:114px;
	height:180px;
	z-index:5;
	visibility: hidden;
}