table#cuf h3{
    margin: 0;
}

#inEditor #contentarea,
#inEditor #contentarea a {
	font-size: 12px;
	
	color: #000;
}

body {
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica;
	font-size: 13px;

	background: #000000 url(/images/body_bg.jpg) repeat-x 50% 0;
	color: #919191;
}

a {
	cursor: pointer;
	
	color: #bea100;
}

p {
	margin: 15px 0;
}

h1, h2, h3, h4, h5, h6{
	margin:0 0 16px 0;
	font-weight: normal;
    letter-spacing: -1px;}

h1 {	
	font-size: 22px;
	color: #bea100;
}

h2 {
	font-size: 20px;
}

h3{
    font-size: 18px;
    color: #bea100;
}

form {
	margin: 0;
	padding: 0;
}

textarea {
	width: 350px;
	height: 100px;
	
	font-family: Tahoma, Arial;
	font-size: 11px;
}

.clear {
	clear: both;
}

#container {
	width: 1024px;
	margin: 0 auto;
    
    background: #121212 url(/images/container_bg.jpg) repeat-x 0 0;
}

#col1{
    width: 482px;
    float: left;
}

#col2{
    width: 540px;
    float: left;
    margin-left: -29px;
}

#logo {
	display: block;
	width: 540px;
	height: 442px;
	
	background: url(/images/logo.jpg) no-repeat 0 0;
}

#logo_sub {
	display: block;
	width: 1024px;
	height: 442px;
	
	background: url(/images/logo_sub.jpg) no-repeat 0 0;
}

#hparea{
    width: 471px;
    margin: -106px 0 0 0;
    
}

#hparea_top{
    width: 471px;
    height: 20px;
    
    background: url(/images/hparea_top.png) no-repeat 0 0;
}

#hparea_middle{
    width: 471px;
    min-height: 306px;
    
    overflow: hidden;    
    
    background: url(/images/hparea_middle.png) repeat-y 0 0;
}

#hparea_bottom{
    width: 471px;
    height: 22px;
    
    background: url(/images/hparea_bottom.png) no-repeat 0 0;
}

#social{
    width: 471px;
    height: 103px;
    margin: -19px 0 0 0;
}

#social_bg{
    width: 471px;
    height: 103px;
    padding: 25px 0 0 28px;
    
    background: url(/images/social_bg.png) no-repeat 0 0;
}

#social a{
    display:block;
    float:left;
    height: 52px;
}

a#fb{
    width: 116px;
    
    background: url(/images/icon_fb.jpg) no-repeat 0 0;
}

a#bv{
    width: 113px;
    
    background: url(/images/icon_bv.jpg) no-repeat 0 0;
}

a#youtube{
    width: 90px;
    
    background: url(/images/icon_youtube.jpg) no-repeat 0 0;
}

a#vimeo{
    width: 92px;
    
    background: url(/images/icon_vimeo.jpg) no-repeat 0 0;
}

#videoarea{
    width: 571px;
}

#videoarea_top{
    width: 571px;
    height: 21px;
    
    background: url(/images/videoarea_top.png) no-repeat 0 0;
}

#videoarea_middle{
    width: 531px;
    min-height: 530px;
    min-height: 530px;
    padding: 0 20px;
    
    overflow: hidden;
    
    background: url(/images/videoarea_middle.png) repeat-y 0 0;
}

#videoarea_bottom{
    width: 571px;
    height: 22px;
    
    background: url(/images/videoarea_bottom.png) no-repeat 0 0;
}

#videobox{
    width: 490px;
    height: 325px;
    margin: 19px 0 0 21px;
    
    border: 1px solid #FFFFFF;
}
	
#recentvideos{
    margin: 23px 0 0 19px;
    
}

#title_recentvideos{
    width: 116px;
    height: 12px;
    margin: 0 0 0 2px;
    
    background: url(/images/title_recentvideos.jpg) no-repeat 0 0;
}

#videos{
    width: 496px;
    height: 127px;
    position: relative;
    margin: 6px 0 0 0;
    
    overflow: hidden;
    
    background: url(/images/videos_bg.jpg) repeat-x 0 0;
}

#videos #video_prev, #videos #video_next{
    display: block;
    width: 30px;
    height: 127px;
    
    z-index: 55;
}

#videos #video_prev{
    position: absolute;
    top: 0;
    left: 0;
    
    background: url(/images/video_prev.jpg) no-repeat 0 0;}

#videos #video_next{
    position: absolute;
    top: 0;
    right: 0;
    
    background: url(/images/video_next.jpg) no-repeat 0 0;}
  
#videos #thumbs{
    height: 98px;
    position: relative;
    top: 13px;
    margin: 0 0 0 46px;
}

#videos #thumbs img{
    margin-right: 17px;
}

#banner {
    width: 571px;
    height: 104px;
    margin: -30px 0 0 0;
}

#banner_bg {
    width: 553px;
    height: 85px;
    padding: 19px 0 0 18px;
    
    background: url(/images/banner_bg.png) no-repeat 0 0;
}

#banner_img{
    width: 539px;
    height: 66px;
}

#newsbox {
    width: 571px;
    height: 150px;
    margin: -29px 0 0 0;
    
    font-size: 11px;
}

#newsbox_bg{
    width: 571px;
    height: 150px;
    
    overflow: hidden;
    
    background: url(/images/news_bg.png) no-repeat 0 0;
}

#newsbox #news_heading {
	width: 115px;
	height: 12px;
	margin: 25px 0 11px 41px;
	
	background: url(/images/title_news.jpg) no-repeat 0 0;
}

#newsbox #news_items {
    margin: 0 0 0 41px;
}

#news_items a {
	text-decoration: none;
}

	#news_items .news_item {
        width: 248px;
        float: left;
        margin-right: 15px;
	}

	#news_items strong {
		display: block;
	}

	#news_items .news_date,
	#news_items .news_date a {		
		font-weight: normal;
		text-transform: uppercase;
        font-style: italic;
		color: #FFFFFF;
        font-size: 13px;
	}
	
	#news_items .news_date {
	}

	#news_items .news_title,
	#news_items .news_title a {
		color: #F2F2F2;
	}
	
	#news_items .news_title {
	}
	
	#news_items .news_text {
        margin: 3px 0 0 0;
		
		color: #919191;
	}
	
	#newsbox a.more_news {
		display: block;
		margin-top: 3px;
		
		font-size: 10px;
        font-weight: bold;
		color: #bea100;
	}

#hp_container {
    margin: 30px 36px 0 36px;
    width: 399px;
}
	
#c_container {
    margin: 20px 40px;
}
	
#contentarea {
	width: 100%;
}

#hp_container #contentarea {
	width: 100%;
}

#c_container #contentarea {
	width: 100%;
}

#subarea{
    width: 1024px;
    margin-top: -100px;
}

#subarea_top{
    width: 1024px;
    height: 19px;
    
    background: url(/images/subarea_top.png) no-repeat 0 0;
}

#subarea_middle{
    width: 1024px;
    
    overflow: hidden;
    
    background: url(/images/subarea_middle.png) repeat-y 0 0;
}

#subarea_bottom{
    width: 1024px;
    height: 19px;
    
    background: url(/images/subarea_bottom.png) no-repeat 0 0;
}

#footer {
    height: 37px;
    font-size: 11px;
    
	color: #474747;
}
	#footer p {
		float: left;
		width: 550px;
		margin: -2px 0 0 17px;
	}

	#footer a {
		text-decoration: none;
		
		color: #474747;
	}
	#footer a:hover {
		text-decoration: underline;
	}

	#webarenalink {
		float: right;
		position: relative;
		display: block;
		width: 91px;
		height: 19px;
        margin: -9px 26px 0 0;

		background: url(/images/webarena_logo.png) no-repeat 0 0;
	}

	#webarenalink p {
		position: absolute;
		width: 0px;
		height: 0px;
		margin: 0;
		overflow: hidden;
		text-indent: 299px;
        
	}



div#menu {
	position: relative;
	z-index: 88;
    width: 1024px;
    height: 56px;
	
	vertical-align: middle; /* ie7 sub menu spacing hack, remove if issues arise*/
}

div#menu ul {
	margin: 0;
	padding: 0;
	
	list-style: none;
}

#nav li {
	float: left;
	position: relative;
	min-height: 1px; /* ie7 hack to force sub menus to stay */
	margin: 0px;
	padding: 0px;
}

#nav li a {
	display: block;
	
	text-decoration: none;
	
	cursor: pointer;
}

#nav li a:hover {
}

/* second level */

#menu ul li ul { 
	display: none;
	position: absolute;
	z-index: 9999;
	width: 165px;
}

#nav li ul li {
	/*float: none; commented out to prevent IE6 sub menu spacing issue*/
	position: relative;
}

#nav li ul li a {
	width: 149px;
	padding: 6px 6px 6px 10px;
	
	border-bottom: 1px solid #000; /* needs to be here for IE6, also causes IE6 error is some cases */
	background: #3A3A3A;
	color: #c5a706;
}

#nav li ul li a:hover {
	background: #575757;
	color: #c5a706;
}

/* third level */

#nav li ul ul {
	display: none !important;
	margin: 0 !important;
	position: absolute;
	top: 0;
	left: 165px;
	width: 161px;
	overflow: hidden;
	
	border-top: none !important;
}

#nav li ul ul li {
}

#nav li ul ul li a {
}

#nav li:hover ul, #nav li.sfhover ul {
	display: block;
	z-index: 9999;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	display: none;
	z-index: 9999;
}

#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul {
	display: block !important;
	z-index: 9999;
}

/**/

#nav li:hover ul ul, #nav li.sfhover ul ul {
	display: block;
	z-index: 9999;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	display: block;
	z-index: 9999;
	
}



/* Tiny Carousel */
#slider1 { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#slider1 .viewport { float: left; width: 425px; height: 125px; overflow: hidden; /*position: relative;*/ }
#slider1 .buttons { display: block; text-indent: -999em; float: left; overflow: hidden; position: relative; }
#slider1 .next { }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 12px 0 0 39px; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 98px; width: 123px;}
#slider1 .overview li img{ width: 123px; height: 98px; border: 0 none;} */