@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-color:#000000;	
}

#page_container {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
}

#page_container_js {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	overflow-x:hidden;
	overflow-Y:auto;
}

#work_nav_container {
	float:left;
	width:100%;
	height:52px;
}

#work_nav_menu {
	width:900px;
	height:52px;
	background-image:url(images/glow.gif);
	background-repeat:no-repeat;
	margin:auto;
}

#title_nav{
	float:left;
	padding:27px 20px 5px 20px;
}

#work_nav{
	float:right;
	padding:27px 20px 5px 20px;
}

#work_images_container {
	float:left;
	width:100%;
	height:452px;
}

#work_scrollbar {
	position:absolute; 
	top:-1000px;
	width:100%;
	height:16px;
}

#work_scrollbar_js {
	position:static;
	float:left;
	width:100%;
	height:16px;
}

#text_section_container {
	float:left;
	width:100%;
}

#text_container {
	position:relative;
	width:900px;
	margin:auto;
}

.top_padding {
	padding:10px 0px 0px 0px;
}
.right_padding {
	padding:0px 10px 0px 0px;
}
.left_padding {
	padding:0px 0px 0px 10px;
}

#left_column {
	float:left;
	width:540px;
	padding:20px 20px 20px 20px;	
}

#right_column {
	float:right;
	width:260px;
	text-align:right;
	padding:20px 20px 20px 20px;
}

.clear{
	clear:both;
}

#hd_loader {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#hd_image {
	position:relative;
	width:1920px;
	height:1080px;
	margin:auto;
}

#hd_wrapper {
	width:1920px;
	height:1080px;
	background-image:url(images/image_wrapper.gif);
}

#hd_nav_box {
	position:relative;
	width:408px;
	height:30px;
	margin:auto;
	background-image:url(images/hd_tab.gif);
	background-repeat:no-repeat;
}
#hd_nav_container {
    position:fixed !important;
    position:absolute;
    height:30px;
    width:100%;
    top:0;
    left:0;
    z-index:2;
}

#hd_nav_buttons {
	position:relative;
	top:4px;
	text-align:center;
	margin:auto;
}


/* Scroller */

#scrollbar { 
    display:none;
	margin:auto;
}

#scroll_container { 
    position:relative; 
    width:900px; 
	height:452px; 
    overflow:visible;
	margin:auto;	
}

#scrollbar {
	position:relative;
	width:900px;
	height:16px;
	display:block;
	font-size:1px;
}

#track {
	position:absolute;
	left:20px;
	width:860px;
	height:16px;
	background-image:url(images/track_gradient.gif);
}

#dragBar {
	position:absolute;
	width:0px;
	height:16px;
	background-color:#FFFFFF;
  }
  
.dragBar_button a{
	position:absolute;
	display:block;
	width:100%;
	height:16px;
	background-image:url(images/dragbar_gradient.gif);
  }
  
.dragBar_button a:hover,
.dragBar_button a:active {	
	background-image:url(images/dragbar_gradient_hover.gif);
}
    
#left { position:absolute; left:0; top:0; }  
#right { position:absolute; right:0; top:0;  }

#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

#scrollbar img {
    display:block; 
}


/* links */

a.arrow:link,
a.arrow:visited {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
	background-image:url(images/right_arrow.gif);
	background-position:-4px -12px;
	background-repeat:no-repeat;
}

a.arrow:hover {
	font-weight:bold;
	color:#FF4615;
	text-decoration:none;
	padding-left:10px;
	background-image:url(images/right_arrow.gif);
	background-position:-4px -71px;
	background-repeat:no-repeat;
}

a.underline:link,
a.underline:visited {
	color:#FFF;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#666666;
}

a.underline:hover {
	color:#FF4615;
	text-decoration:none;
	padding-bottom:1px;
	border-bottom-style:dotted;
	border-bottom-width:1px;	
	border-bottom-color:#661C08;
}

a.left_arrow:link,
a.left_arrow:visited {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
	background-image:url(images/left_arrow.gif);
	background-position:-5px -13px;
	background-repeat:no-repeat;
}

a.left_arrow:hover {
	font-weight:bold;
	color:#FF4615;
	text-decoration:none;
	padding-left:10px;
	background-image:url(images/left_arrow.gif);
	background-position:-5px -72px;
	background-repeat:no-repeat;
}

a.right_arrow:link,
a.right_arrow:visited {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-right:15px;
	background-image:url(images/right_arrow.gif);
	background-position:right -13px;
	background-repeat:no-repeat;
}

a.right_arrow:hover {
	font-weight:bold;
	color:#FF4615;
	text-decoration:none;
	padding-right:15px;
	background-image:url(images/right_arrow.gif);
	background-position:right -72px;
	background-repeat:no-repeat;
}

a.close_x:link,
a.close_x:visited {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:11px;
	background-image:url(images/close_x.gif);
	background-position:-4px -13px;
	background-repeat:no-repeat;
}

a.close_x:hover {
	font-weight:bold;
	color:#FF4615;
	text-decoration:none;
	padding-left:11px;
	background-image:url(images/close_x.gif);
	background-position:-4px -72px;
	background-repeat:no-repeat;
}

.work_left_arrow a {
	float:left;
	display:block;
	width:20px;
	height:16px;
	background:url("images/work_left_arrow.gif") 0 0 no-repeat;
	text-decoration:none;
}
.work_left_arrow a:hover,
.work_left_arrow a:active {	
	background-position: 0 -16px;
}

.work_right_arrow a {
	float:left;
	display:block;
	width:20px;
	height:16px;
	background:url("images/work_right_arrow.gif") 0 0 no-repeat;
	text-decoration:none;
}
.work_right_arrow a:hover,
.work_right_arrow a:active {	
	background-position: 0 -16px;
}


/* text */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFFFFF;
	line-height:32px;
	font-weight:normal;
	margin:0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#B4B4B4;
	line-height:19px;
	margin:0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#B4B4B4;
	line-height:19px;
	margin:0;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E9E9E9;
	line-height:21px;
	margin:0;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#B4B4B4;
	line-height:21px;
	margin:0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#B4B4B4;
	line-height:21px;
	margin:0;
}

.text5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.grey {
	color:#454545;
}