body{
	font-family:arial,verdana,helvetica,arial,sans-serif;
	font-size:12px;
	color: #FFFFFF;

	background-color:#000000;
	margin: 0;
	background-image: none;
	background-repeat: no-repeat;
	margin:0;
	padding:0;	
}

/* 
START MAIN SECTIONS OF THE PAGE ITSELF
*/
#page {
	float: left;
	width: 970px; 
}

.error {
	font-weight: bold;
	color: red;
}

.red {
	color: red;
}

.red_nounderline {
	color: red;
	text-decoration: none;
}

.white {
	color: white;
}

#header{
	left:0;
	top:0;
	height: 86px;
	margin: 0px;
	/*padding-left: 29px;*/
}

#content{
	left:0;
	top:0;
	margin: 0px;
	min-height: 360px;
	display:block; 
	width: 970px;
}

#footer{
	left:0;
	top:0;
	margin: 0px;
	width: 970px;
}

.footer_red_text {
	
	padding-right: 15px;
	text-transform: uppercase; 
	color: red; 
	font-weight: bold;
	font-size: 11px;
}

#login{
	color: #7B7B7B;
	font-family:arial,verdana,helvetica,arial,sans-serif;
	font-size:11px;	
}

/* 
END MAIN SECTIONS OF THE PAGE ITSELF
*/

#logo {
	float: left;
	border:0px;
}


#language{
	color: #7B7B7B;
	text-align: right;
	height: 24px;
	padding-top: 10px;
	font-family:arial,verdana,helvetica,arial,sans-serif;
	font-size:11px;	
	padding-right: 100px;
}

#movie_container {
	width:600px;
	margin: 10px;
}

#movie_links {
	float: right; 
	width:340px;
	margin: 10px;
	border:0px solid white;
}

/* 
START MENU RELATED
*/
#menu {
	width: 321px; height: 16px;
    background: url(../images/menu.png);
    margin: 0px auto; 
	padding: 0;
    position: relative;
	float:left;
}

#menu_container {
	float: right;
	width:420px;
}

/* MAIN MENU */
#menu li {
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 0;
}
#menu li, #menu a {
	height: 16px; 
	display: block;
}
#panel1b {left: 0px; width: 68px;}
#panel2b {left: 80px; width: 66px;}
#panel3b {left: 154px; width: 81px;}
#panel4b {left: 245px; width: 76px;}

#panel1b a:hover { background: transparent url(../images/menu.png) 0px -16px no-repeat;}
#panel2b a:hover { background: transparent url(../images/menu.png) -80px -16px no-repeat;}
#panel3b a:hover { background: transparent url(../images/menu.png) -154px -16px no-repeat;}
#panel4b a:hover { background: transparent url(../images/menu.png) -245px -16px no-repeat;}

#panel1b_over {left: 0px; width: 68px; background: transparent url(../images/menu.png) 0px -16px no-repeat;}
#panel2b_over {left: 80px; width: 66px; background: transparent url(../images/menu.png) -80px -16px no-repeat;}
#panel3b_over {left: 154px; width: 81px; background: transparent url(../images/menu.png) -154px -16px no-repeat;}
#panel4b_over {left: 245px; width: 76px; background: transparent url(../images/menu.png) -245px -16px no-repeat;}

/* SUB MENU */
#submenu_story{
	width: 97px; height: 12px;
    background: url(../images/submenu_story.png);
    margin: 5px auto; 
	padding: 0;
    position: relative;
	float:left;
}
#panel1b_story {left: 0px; width: 97px;}
#panel1b_story a:hover { background: transparent url(../images/submenu_story.png) 0px -13px no-repeat;}
#panel1b_story_over {left: 0px; width: 97px; background: transparent url(../images/submenu_story.png) 0px -13px no-repeat;}

#submenu_service{
	width: 49px; height: 13px;
    background: url(../images/submenu_service.png);
	padding: 0;
    position: relative;
	display: vertical;
	float:left;
}
#panel1b_service{left: 0px; width: 49px;}
#panel1b_service a:hover { background: transparent url(../images/submenu_service.png) 0px -13px no-repeat;}
#panel1b_service_over {left: 0px; width: 49px; background: transparent url(../images/submenu_service.png) 0px -13px no-repeat;}

#submenu_client{
	width: 43px; height: 13px;
    background: url(../images/submenu_client.png);
	padding: 0;
    position: relative;
	display: vertical;
	float:left;
}
#panel1b_client{left: 0px; width: 43px;}
#panel1b_client a:hover { background: transparent url(../images/submenu_client.png) 0px -13px no-repeat;}
#panel1b_client_over {left: 0px; width: 43px; background: transparent url(../images/submenu_client.png) 0px -13px no-repeat;}
/* 
END MENU
*/


/* 
 START PORTFOLIO 
*/
.title {
	text-transform: uppercase;
	margin:0px; 
	padding: 0px;
	font-weight: bold;
}

.title_gold{
	text-transform: uppercase;
	color: #FFCC00;
	margin:0px; 
	padding: 0px;
	font-weight: bold;
}
.western_gold{
	color: #FFCC00;
	margin:0px; 
	padding: 0px;
}

.western {
	margin:0px; 
	padding: 0px;
}

.line_space {
	height: 20px;
	margin:0px; 
	padding: 0px;
}


#description {
	margin-top: 10px;

}

#portfolio_shadow {
	 position: absolute; 
	 z-index: -200; 
	 left: 385px; 
	 top:215px;
}

#portfolio_content_container {
	z-index: 20;
	overflow: auto; 
	padding-top:30px;
}

#main_category {
	width: 180px; float:left; margin: 10px;
}

ul.main_category_menu{
	list-style-type: none;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	width:200px;
}

.main_category_menu  li{
	height: 20px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	font-family:arial,verdana,helvetica,arial,sans-serif;

}

.main_category_menu  li a{
	height: 20px;
	color: #FFF;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.main_category_menu  li a:hover{
	color: red;
	padding: 0;
	margin: 0;	
}

/* SUB CATEGORY */
#sub_category {
	border:0px solid red; 
	height:275px; 
	width: 200px;
	float:left; 
	margin: 10px;
}

#sub_category_content {
	width: 488px; 
	float: left; 
	margin:20px; 
	min-height: 500px;
	border:0px solid white;
}

.sub_category_menu a{
	font-family:arial,verdana,helvetica,arial,sans-serif;
	color: #FFF;
	text-decoration: none;	
}

.sub_category_menu a:hover{
	color: RED;
}

div.player  {
	width: 488px;
	height: 294px;
	border: 1px solid #333333;
	background: black;
	color: #FFF;
}

div.player  iframe {
	width: 488px;
	height: 294px;
	border: 0px solid #333333;
	background: black;
	color: #FFF;

}

div.sub_category_tab_thumbnails {
	width: 495px;
	height: 55px;
	text-align: center;
	padding-top: 10px;
	padding-top: 5px;	
}

div.sub_category_tab_thumbnail {
	float: left; 
	border: 1px solid red; 
	width: 90px;
	height: 51px;
	margin-right: 6px; 

}

div.player  iframe {
	width:488px; 
	border: 0px; 
	overflow:hidden;
}

.event_navigation {
	font-family:arial,verdana,helvetica,arial,sans-serif;
	font-size: 1em;
	padding-bottom: 3px;
	text-align: right;
}

/* 
END PORTFOLIO
*/

#wrapper {
	width:180px;
	border:0px solid #666;
	padding:0px;
	height:250px;
}
#fixed {
	float:right;
	width:180px;
	height:250px;
	display:block;
}
#floating {
	width:180px;
	height:50%;
	position:relative;
}
#floating div {
	position:absolute;
	bottom:0;
	left:0;
}

#award_container_left {
	width: 305px;
	float: left;
	padding-left: 159px;
	border:0px solid white;
	vertical-align:top;
}
#award_container_left p{
	text-transform: uppercase; 
	font-weight: bold;
	color: #999999;
	margin: 20px 0px 0px 0px;	
}

#award_container_right {
	width: 305px;
	padding-left:85px;
	float: left;
	vertical-align:top;
}
#award_container_right p{
	text-transform: uppercase; 
	font-weight: bold;
	color: #999999;	
	margin: 20px 0px 0px 0px;
}

/*
Form Related
*/
input {
	font-family:arial,verdana,helvetica,arial,sans-serif;
	font-size:12px;
}

textarea {
	font-family:arial,verdana,helvetica,arial,sans-serif;
	font-size:12px;
}

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(/images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}