/* -------------Site-wide Styles-------------*/

body {
	background: #000000;
	font-family: tahoma, arial;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
}

* html body {
	line-height: 13px;
}

a {
	color: #E7B12D;
	font-weight: bold;
	text-decoration: none;
}

a:link { 
	color: #E7B12D;
	font-weight: bold;
	text-decoration: none;
}
	
a:visited { 
	color: #E7B12D;
	font-weight: bold;
	text-decoration: none;	
}
	
a:hover{ 
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

a:active { 
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

tt {
	color: red;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

/* -------------Site-wide ID's-------------*/

#container {
	margin: 0 auto;
	text-align: left;
	width: 830px;
	overflow: visible;
}

#nav {
	position: absolute;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 215px;
	width: 588px;
}

#nav ul {
	list-style: none;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#nav li {
	float: left;
	list-style: none;
	margin: 0;
	margin-right: 20px;
	padding: 0;
}

#nav a:link { 
	background: url(images/btn-bg2.gif) no-repeat;
	color: #C7C6C6;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	width: 71px;
}
	
#nav a:visited { 
	background: url(images/btn-bg2.gif) no-repeat;
	color: #C7C6C6;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	width: 71px;	
}
	
#nav a:hover, #nav a:active { 
	background: url(images/btn-bg.gif) no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	text-decoration: none;
	width: 71px;
}

#logo {	
	position: relative;
	background: url(images/sidelogo.png) no-repeat;
	display: block;
	float: left;
	height: 500px;
	width: 215px;
	z-index: 3;
}

#underlogo {
	background: url(images/behind.png) no-repeat;
	position: relative;
	display: block;
	float: left;
	margin-left: -215px;
	height: 430px;
	width: 215px;
	z-index: 1;
	overflow: visible;
}

#power {
	position: relative;
	margin-top: 25px;
}

#hidden {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background: #111111;
	border: 2px solid #990099;
	height: 280px;
	width: 200px;
	color: white;
}

#contenttr {
	position: absolute;
	margin-top: 45px;
	margin-left: 215px;
	background: url(images/top-right-bg.jpg) no-repeat;
	color: #FFFFFF;
	display: block;
	overflow: visible;
	height: 355px;
	padding-left: 30px;
	padding-top: 30px;
	width: 538px;
	z-index: 1;
}

#sidebar {
	float: left;
	background: url(images/sidebar2.png) no-repeat;
	height: 341px;
	width: 256px;
	margin-top: 71px;
	margin-left: 346px;
  	position: relative;
	z-index: -1;
}

#sidebar a:hover {
	text-decoration: none;
}

#sidebar a:active {
	text-decoration: none;
}

#sidebutton {
	float: right;
	position: absolute;
	margin-top: 205px;
	margin-left: 747px;
	z-index: 1;
}

#blink {
	float: right;
	margin-top: 7px;
	margin-right: 16px;
}

#info {
	color: white;
	position:absolute;
	width: 260px;
}

#info p {
	text-align: left;
}

#bottomtop {
	position: absolute;
	background: url(images/main_bottom_top.jpg) no-repeat;
	clear: both;
	display: block;
	height: 52px;
	width: 784px;
	margin-right: 0px;
	margin-top: 433px;
	z-index: -3;
}

#bottommiddle {
	position: absolute;
	background: url(images/main_bottom_middle.jpg) repeat-y;
	overflow: visible;
	clear: both;
	display: block;
	width: 784px;
	height: 110px;
	margin-right: 0px;
	margin-top: 485px;
	z-index: -3;
}

#bottombottom {
	position: absolute;
	background: url(images/main_bottom_bottom.jpg) no-repeat;
	clear: both;
	display: block;
	width: 784px;
	height: 184px;
	margin-right: 0px;
	margin-top: 595px;
	z-index: -2;
}

#social {
	position: absolute;
	background: url(images/new_video_box.png) no-repeat;
	display: block;
	float: left;
	height: 335px;
	padding-left: 0px;
	padding-top: 15px;
	margin-left: -10px;
	margin-top: 436px;
	width: 216px;
	z-index: -1;
}

#socialheading {
	width: 115px;
	height: 30px;
	position: relative;
	margin-top: 50px;
	margin-left: 63px;
}

#network {
	position: relative;
	margin-top: 44px;
}

#content {
	float: right;
	position: relative;
	overflow: auto;
	height: 346px;
	width: 560px;
	margin-right: 3px;
	margin-top: -165px;
	z-margin: 1;
}

#footer {
	position: absolute;
	clear: both;
	color: #FFFFFF;
	padding-left: 200px;
	width: 620px;
	margin-top: 769px;
}

* html #footer {
	padding-left: 210px;
	width: 610px;
}

#footer ul {
	list-style: none;
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

#footer li {
	float: left;
	list-style: none;
	margin: 0;
	margin-right: 20px;
	padding: 0;
}

#footer a:link { 
	color: #92E80B;
	font-weight: bold;
	text-decoration: none;
}
	
#footer a:visited { 
	color: #92E80B;
	font-weight: bold;
	text-decoration: none;	
}
	
#footer a:hover, #footer a:active { 
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

#head {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	margin-top: -40px;
}

#blackBackground {
	position: absolute;
	background-color: Black;
	top: 0;
	left: 0;
	z-index: 3;
}

#largeImage {
	position: absolute;
	cursor: pointer;
	width: 240px;
	top: 10px;
	z-index: 4;
}

/* -------------Site-wide Classes-------------*/

.left {
    float: left;
    margin: 5px 20px 0px 0px;
}

.right {
    float: right;
    margin: 0px 0px 0px 20px;
}

.calign {
	margin-left: 110px;
}

.heading {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}

.heading2 {
	color: #E7B12D;
	font-size: 13px;
	font-weight: bold;
}

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
top: 0px;
}

.vscrollerbar {
left: 0px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
left: 0px;

}

.hscrollerbar {
top: 0px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/vscroller.png) 0px -10px;
width: 15px;
height: auto;
top: 0px;
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.png);
width: 15px;
height: 10px;
}

.hscrollerbarbeg {
background: url(images/hscroller.png) -10px 0px;
height: 15px;
width: auto;
left: 0;
}

.hscrollerbarend {
background: url(images/hscroller.png);
height: 15px;
width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {
background-color: #D1DDCB;
background-image: url(images/scrollbaseback.png);

}

.hscrollerbasebeg {
left: 0px;
top: 0px;
height: 15px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
}

.hscrollerbaseend {
top: 0px;
height: 15px;
width: 7px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
top: 0px;
width: 15px;
background: url(images/scrollbases.png) -7px -8px no-repeat;
}

.vscrollerbaseend {
height: 7px;
width: 15px;
background: url(images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 15px;
height: 15px;
bottom: 0px;
right: 0px;
background: white url(images/scrolljog.png) 50% 50%;
}

/* -------------Index Styles-------------*/

#current {
	float: left;
	border: 3px solid #E7B12D;
	padding: 0px 0px 0px 0px;
	background:url(images/box_background2.png);
	color:white;
	display: block;
	height: 280px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 20px;
	width: 460px;
}

#about {
	overflow: visible;
	float: left;
	padding: 0px 0px 0px 0px;
	color:white;
	display: block;
	height: 295px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	margin-left: -10px;
	margin-top: 0px;
	width: 460px;
}

#staff {
	float: right;
	margin-top: -10px;
}

#contenthome {
	float: right;
	position: relative;
	overflow: visible;
	height: 330px;
	width: 560px;
	border: 0px solid #E7B12D;
	margin-right: 5px;
	margin-top: -150px;
}

/* -------------Resume Styles-------------*/

#resumeheader {
	position: absolute;
	margin-top: -10px;
	width: 530px;
}

.resume {
	border: 3px solid #E7B12D;
	background:url(images/box_background2.png);
	color:white;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 40px;
	width: 510px;
}

.normal {
	border: 0px solid #E7B12D;
	background: none;	
}

/* -------------Video Styles-------------*/

.headingvideo {
	color: #E7B12D;
	font-size: 16px;
	font-weight: bold;
}

.video {
	border: 3px solid #E7B12D;
	background:url(images/box_background2.png);
	color:white;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 40px;
	width: 510px;
}

/* -------------Portfolio Styles-------------*/

#portfolioheader {
	position: absolute;
	margin-top: -10px;
	width: 530px;
}

.portfolio {
	border: 3px solid #E7B12D;
	background:url(images/box_background2.png);
	color:white;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 40px;
	width: 510px;
}


/* -------------Contact Styles-------------*/

.contact {
	border: 3px solid #E7B12D;
	background:url(images/box_background2.png);
	color:white;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	margin-left: 10px;
	margin-top: 40px;
	width: 510px;
}

/* -------------Link Styles-------------*/

#hiddenlink {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background: #111111;
	border: 2px solid #990099;
	height: 330px;
	width: 200px;
	color: white;
}