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


body {background:#FFF url(/img/next-hp-bg.jpg) no-repeat center bottom fixed; font-family:Arial; width:100%; margin:0; margin-bottom:10px;}

#main_container{position:relative; margin:2px auto; width:850px;}
#bg_gradient {position:absolute; background:url(../img/bg_gradientgif.gif); width:100%; height:274px; top:-2px; left:0px;}
#bg_img_left {
	position:absolute; background:url(../img/left-bg-shadow.png) repeat-y; width:15px; height:100%; top:-2px; left:-15px;

	
	
}
#bg_img_right {
	position:absolute; background:url(../img/right-bg-shadow.png) repeat-y; width:15px; height:100%; top:-2px; right:-15px;

	
	
}

/* ------------------------------- Logo ---------------------------------------------- */

.logo_banner {position:relative; background:url(../img/Logo_bg.png); height:111px; width:850px;}
.logo  {position:relative; background:url(../img/logo.gif); margin:0 auto; height:111px; width:642px;}


/* ------------------------------- Main Navigation ---------------------------------------------- */
#nav_container{position:relative; width:850px; height:30px; background:#0033FF; z-index:20;}


#nav_container #home_btn {position:absolute; width:129px; height:30px; left:-6px; background:url(../img/home_btn.png) no-repeat bottom; z-index:10;}
#nav_container #new_release_btn {position:absolute; width:166px; height:30px; left:115px; background:url(../img/new_release_btn.png) no-repeat bottom; z-index:9;}
#nav_container #categories_btn {position:absolute; width:166px; height:30px; left:0px; top:-0px; background:url(../img/categories_btn.png) no-repeat bottom; z-index:8;}
#nav_container #competitions_btn {position:absolute; width:166px; height:30px; left:425px; background:url(../img/competitions_btn.png) no-repeat bottom; z-index:7;}
#nav_container #news_btn {position:absolute; width:166px; height:30px; left:580px; background:url(../img/news_btn.png) no-repeat bottom; z-index:6;}
#nav_container #contact_btn {position:absolute; width:166px; height:30px; left:708px; background:url(../img/contact_btn.png) no-repeat bottom; z-index:5;}

/* ------------------------------- feature Banner ---------------------------------------------- */

#feature_container{position:relative;  height:338px; width:850px;  z-index:1;}

	
#feature_container .feature_img{position:relative; top:0px;}

#feature_container .navbar_container{position:relative; top:-0px;}
#feature_container .navbar{position:absolute; background:url(../img/feature_nav_bg.png); height:37px; width:850px; left:150px; margin-top:292px; z-index:2;}
#feature_container .navbar_splitter{ position:absolute; background:url(../img/banner_splitter.png) no-repeat; width:14px; height:37px; left:570px; z-index:3; margin-top: 291px;  }	
#feature_container .navbar_splitter2{ position:absolute; background:url(../img/banner_splitter.png) no-repeat; width:14px; height:37px; left:570px; z-index:3; margin-top: 291px;  }
#feature_container .navbar_splitter3{ position:absolute; background:url(../img/banner_splitter.png) no-repeat; width:14px; height:37px; left:675px; z-index:3; margin-top: 291px;  }	
#feature_container .navbar_splitter4{ position:absolute; background:url(../img/banner_splitter.png) no-repeat; width:14px; height:37px; left:800px; z-index:3; margin-top: 291px;  }	




#feature_container .controls_container{position:relative;  margin-left:-150px; margin-top:-350px;}

#feature_container #navbar_title{ position:absolute; font-size:14px; font-weight:bold; z-index:3; width:500px;}	
#feature_container .trailer{ position:absolute; /* width:500px; */ font-size:14px; font-weight:bold; margin-top:302px; margin-left:478px; z-index:3; cursor:pointer;}	
#feature_container .synopsis{ position:absolute; font-size:14px; font-weight:bold;  margin-top:302px; margin-left:600px; z-index:3; cursor:pointer;}	
#feature_container .information{ position:absolute; font-size:14px; font-weight:bold; margin-top:302px; margin-left:705px; z-index:3; cursor:pointer;}	
#feature_container .official_site{ position:absolute; font-size:14px; font-weight:bold; margin-top:302px; margin-width:120px; left:832px; z-index:3; cursor:pointer;}	


#feature_container .trailer_inactive{ position:absolute; /* width:500px; */ color:#000000; font-size:14px; font-weight:bold; margin-top:302px; margin-left:478px; z-index:3; cursor:default;}	
#feature_container .synopsis_inactive{ position:absolute; font-size:14px; color:#000000; font-weight:bold;  margin-top:302px; margin-left:600px; z-index:3; cursor:default;}	
#feature_container .information_inactive{ position:absolute; font-size:14px; color:#000000; font-weight:bold; margin-top:302px; margin-left:705px; z-index:3; cursor:default;}	
#feature_container .official_site_inactive{ position:absolute; font-size:14px; color:#000000; font-weight:bold; margin-top:302px; margin-width:120px; left:832px; z-index:3; cursor:default;}	

.trailer {color:#ffffff;}
.trailer:hover{color:#007dbd;}

.synopsis {color:#ffffff;}
.synopsis:hover{color:#007dbd;}

.information {color:#ffffff;}
.information:hover{color:#007dbd;}

.official_site {color:#ffffff;}
.official_site:hover{color:#007dbd;}

#synopsis_heading{font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding-bottom:15px;}
#synopsis_text{font-size:12px; font-weight:bold; color:#ffffff;}
#synopsis_text p{font-size:12px; color:#ffffff;}

#feature_container #navbar_title{ position:absolute; font-size:14px; font-weight:bold; color:#ffffff; margin-top:302px; margin-left:170px; z-index:3; width:500px;}	
#feature_container .navbar_trailer_container{position:relative; top:15px;}
#feature_container .navbar_trailer_splitter{ position:absolute; background:url(../img/banner_splitter.png) no-repeat; width:14px; height:37px; left:900px; z-index:3; margin-top: 292px;  }	

#feature_container .trailer_back_btn{ position:absolute; width:500px; font-size:14px; font-weight:bold; color:#ffffff; margin-top:302px; margin-left:500px; z-index:3; cursor:pointer;}	
#feature_container .synopsis_back_btn{ position:absolute; width:500px; font-size:14px; font-weight:bold; color:#ffffff; margin-top:302px; margin-left:610px; z-index:3; cursor:pointer;}	
#feature_container .info_back_btn{ position:absolute; width:120px; font-size:14px; font-weight:bold; color:#ffffff; margin-top:302px; margin-left:725px; z-index:3; cursor:pointer;}	


#feature_container a{color:#ffffff; text-decoration:none;}
#feature_container a:hover{color:#ffffff;  text-decoration:none;}


/* ------------------------------- search form ---------------------------------------------- */
.textfield_holder{ position:relative;}

.textfield{
position:relative;
font:Arial;
height:19px;
width:115px;
padding-left:5px;

color:#13577a;
font-weight:bold;
padding-top:0px;
font-size:10px;
background:url(../img/bg_form_center.jpg) no-repeat;
border-width:0px;
z-index:1;
left:10px;
}

.search_dropdown{
position:relative;
font:Arial;
height:19px;
width:115px;
padding-left:6px;
color:#13577a;
font-weight:bold;
padding-top:2px;
font-size:10px;
background:url(../img/bg_form_center.jpg) no-repeat;
border-width:0px;
z-index:1;
left:10px;
}

.search_dropdown_left{
position:absolute;
background:url(../img/bg_form_left.jpg) no-repeat;
z-index:2;

width:10px;
height:22px;
}


.textfield_left{
position:absolute;
background:url(../img/bg_form_left.jpg) no-repeat;
z-index:2;

width:10px;
height:22px;
}

.textfield_right{
position:absolute;
background:url(../img/bg_form_right.jpg) no-repeat;
z-index:2;

top:0px;
left:130px;

width:10px;
height:22px;
}


/* ------------------------------- Content Area ---------------------------------------------- */
#content_container{position:relative; background:#ffffff; height:auto; width:850px; top:-7px;}
#content_container .search_area{position:relative; margin:0 auto; top:15px; height:75px; width:820px; z-index:2;}

#content_container .main_area{position:relative; margin:0 auto; width:820px; z-index:1; margin-top:20px;}
#content_container .category_area{position:relative; margin:0 auto; width:820px; z-index:1; margin-top:20px;}




#content_container #main_area_features{position: relative; width:600px; z-index:1; top:5px;}

#content_container .splitter{position:absolute; background:url(../img/content_splitter.jpg) no-repeat; left:600px; width:69px; height:500px; z-index:1;}


#content_container #img_holder{position:relative; height:200px; width:106px; z-index:1; float:left; margin-right:14px; margin-top:10px;}
#content_container #img{position:relative; width:104px; height:150px;}
#content_container #img_title{font-size:12px; color:#13577a; font-weight:bold; padding-top:2px;}

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


#content_container .feature_corner_container{position:relative; height:260px; width:615px; top:30px;}
#content_container .feature_corner{position:relative; height:226px; width:600px; background:url(../img/feature_corner_bg.gif) no-repeat; top:15px; left:-4px;}
#content_container .corner_holder{position:relative; height:200px; width:106px; top:20px; left:115px; z-index:1; float:left; margin-right:14px;}
#content_container .corner_img{position:absolute; height:200px; width:106px; top:10px; left:-60px; z-index:1; float:left;}


#content_container .main_area_adspace{position:relative; top:15px; z-index:2;}
#content_container .adspace_small{ position:relative; height:81px; width:196px; padding-top:18px;}
#content_container .adspace_big{position:relative; height:281px; width:196px; padding-top:18px;}
#content_container .adspace_title{position:relative; font-size:14px; font-weight:bold; color:#13577a; text-transform:uppercase; top:10px; z-index:2;}


#content_container #product_area{width:600px; z-index:1; top:5px;}
#content_container #product_img {position:relative; top:25px;}
#content_container .product_text {position:relative; width:300px; color:#13577a; font-size:12px; top:-5px; left:5px;}
#content_container .product_title {color:#13577a; font-size:14px; font-weight:bold; text-transform:uppercase; padding-bottom:10px;}
#content_container .product_subtitle {font-weight:bold; text-transform:uppercase;}


#content_container #news_archive_article {position:relative; height:122px; width:580px; background:url(../img/news_archive_bg.gif) no-repeat bottom;  z-index:1; font-size:12px; color:#13577a; margin-top:17px; top:10px; margin-left:2px; margin-bottom:15px;}
#content_container .news_archive_review_img {position:relative; margin-top:8px; margin-left:-5px; padding-top:9px;}
#content_container .news_archive_review_header{position:absolute; font-size:12px; font-weight:bold; color:#13577a; text-transform:uppercase; z-index:1; left:122px; top:9px}
#content_container .news_archive_review_date {position:absolute; font-size:12px; font-weight:bold; color:#13577a; text-transform:uppercase; z-index:1; right:30px; top:9px}
#content_container .news_archive_review_text {position:absolute; height:78px; width:435px; overflow:hidden; font-size:12px; color:#13577a; z-index:1; left:122px; top:33px; line-height:15px;}
#content_container .news_header {margin-bottom:-20px; font-size:14px; font-weight:bold; color:#13577a; text-transform:uppercase;}


#content_container .news_article_container{position:relative; }
#content_container .news_article{position:relative; width:580px; font-size:12px; color:#13577a; padding-bottom:20px; }


#content_container .links_container{position:relative; width:182px; cursor:pointer; float:left; margin-right:10px; margin-bottom:10px;}
#content_container .links_img{position:relative;}
#content_container .links_title{position:relative; font-size:12px; color:#FFFFFF; font-weight:bold; padding:2px; background:#13577a; text-align:center;}

#content_container .competition_container{position:relative; top:5px; z-index:5;}
#content_container .competition_img{position:relative; top:20px; left:-4px; z-index:5;}
#content_container .competition_header{position:relative; font-size:12px; color:#13577a; z-index:5;}
#content_container .competition_text{position:relative; top:15px; font-size:12px; color:#13577a; width:580px; z-index:5; padding-bottom:15px;}

#comp_form_container{position:relative; margin-top:40px; margin-left:-10px;  }
.comp_name {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.comp_surname {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.comp_email {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.comp_number {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.comp_answer{overflow:hidden; margin:10px; margin-top:5px; padding:5px; background:url(../img/comp_form_answer.gif) no-repeat; font-family:Arial; border:0; height:70px; width:575px; font-size:12px; color:#13577a; margin-bottom:-8px;}

.comp_date_year {position:relative; margin:10px; font-size:12px; color:#13577a; padding-left:4px; border:0px;  background:url(../img/comp_form_date_yr.gif) no-repeat; height:20px; width:42px; margin-bottom:-8px;}
.comp_date_month {position:relative; margin:10px; font-size:12px; color:#13577a; padding-left:2px; border:0px;  background:url(../img/comp_form_date.gif) no-repeat; height:22px; width:27px; margin-bottom:-8px;}
.comp_date_day {position:relative; margin:10px; font-size:12px; color:#13577a; padding-left:2px; border:0px;   background:url(../img/comp_form_date.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}


.submit_container{ margin-top:10px; font-size:12px; color:#13577a;}
.signup{position:relative;}
.terms{position:relative; margin-left:86px;}

/* ------------------------------- Footer ---------------------------------------------- */
#footer_container{position:relative; margin:0 auto; height:340px; width:820px; z-index:1; top:inherit;}

#footer_container .top_ten{position:absolute; margin:0 auto;  width:820px; z-index:2; margin-top:10px; font-size:12px; color:#13577a; line-height:24px;}
#footer_container .coming_soon{position:absolute; margin:0 auto;  width:820px; z-index:2; margin-top:10px; margin-left:195px; font-size:12px; color:#13577a; line-height:24px;}
#footer_container .news{position:absolute; margin:0 auto;  width:410px; z-index:2; margin-top:10px;  margin-left:415px; font-size:12px; color:#13577a; line-height:24px;}

#footer_container .footer_header{margin-bottom:-10px; font-size:14px; font-weight:bold; color:#13577a; text-transform:uppercase; padding-bottom:10px;}

.news #review_one {position:relative; height:74px; width:401px; background:url(../img/news_bg.gif) no-repeat bottom;  z-index:1; font-size:12px; color:#13577a; margin-top:0px;}
.news #review_two {position:relative;  height:74px; width:401px; background:url(../img/news_bg.gif) no-repeat bottom;  z-index:1; font-size:12px; color:#13577a; margin-top:4px;}
.news #review_three {position:relative;  height:74px; width:401px; background:url(../img/news_bg.gif) no-repeat bottom;  z-index:1; font-size:12px; color:#13577a;  margin-top:4px;}

.news .review_img {position:relative; margin-top:8px; left:7px; padding-top:8px;}
.news .review_header {position:absolute; font-size:12px; font-weight:bold; color:#13577a; text-transform:uppercase; z-index:1; left:80px; top:3px}
.news .review_text {position:absolute; height:38px; width:315px; overflow:hidden; font-size:10px; color:#13577a; z-index:1; left:80px; top:28px; line-height:13px;}

.top_ten a{color:#216182; text-decoration:none;}
.top_ten a:hover{color:#216182; text-decoration:underline;}

.coming_soon a{color:#216182; text-decoration:none;}
.coming_soon a:hover{color:#216182; text-decoration:underline;}

#footer_container .bottom_nav{position:relative; background:url(../img/footer_bg.gif) no-repeat; height:47px; width:842px; z-index:1; font-size:10px; color:#8eb2c5; top:295px; left:-12px; z-index:1;}
#footer_container .bottom_nav_links {position:relative; z-index:1; font-size:10px; color:#8eb2c5; top:28px; left:15px;}
#footer_container .bottom_nav_disclaimer {position:relative; z-index:1; font-size:10px; color:#8eb2c5; float:right; top:15px; right:10px;}

#footer_container .splitter_small { position:absolute; background:url(../img/footer_splitter.gif) no-repeat; width:22px; height:274px; left:170px; top:50px;}
#footer_container .splitter_small2 { position:absolute; background:url(../img/footer_splitter.gif) no-repeat; width:22px; height:274px; left:390px; top:50px;}

.bottom_nav a{color:#8eb2c5; text-decoration:none;}
.bottom_nav a:hover{color:#8eb2c5; text-decoration:underline;}


#footer_container_without .bottom_nav{position:relative; background:url(../img/footer_bg.gif) no-repeat; height:47px; width:842px; z-index:1; font-size:10px; top:2px; color:#8eb2c5; left:-12px;}

.about_text{ position:relative; width:615px;}

/* ------------------------------- buttons ---------------------------------------------- */
#more_releases_btn { position:relative; background:url(../img/btn_more_releases.gif) no-repeat bottom; height:18px; width:106px; cursor:pointer; top:-5px; left:480px  }
#back_btn { position:relative; background:url(../img/news_back_btn.gif) no-repeat bottom; height:18px; width:106px; cursor:pointer; top:-6px; left:480px  }
#news_archive_btn { position:relative; background:url(../img/news_archive.gif) no-repeat bottom; height:18px; width:106px; cursor:pointer; top:1px; left:480px  }

#search_btn {position:relative; background:url(../img/btn_search.gif) no-repeat bottom; height:18px; width:106px; float:right; cursor:pointer;}

#previous_btn {background:url(../img/btn_previous.gif) no-repeat bottom; height:18px; width:106px; cursor:pointer; top:450px;}
#next_btn { background:url(../img/btn_next.gif) no-repeat bottom; height:18px; width:106px; left:480px; cursor:pointer; top:414px;}
#page_counter {color:#13577a; font-size:12px; font-weight:bold; height:18px; width:106px; top:672px; left:245px; top:31px; cursor:pointer;}


/* ------------------------------- contact ---------------------------------------------- */

#contact_submit_btn{position:relative; background:url(../img/submit_btn.gif) no-repeat bottom;  height:18px; width:106px;  margin-top:10px; cursor:pointer;}

#contact_form_container{position:relative; margin-top:40px; margin-left:-10px;  }
.contact_name {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.contact_surname {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.contact_email {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.contact_number {position:relative; margin:10px; font-size:12px; color:#13577a; border:0px; padding-left:5px; background:url(../img/comp_form_txt_bg.gif) no-repeat; height:22px; width:575px; margin-bottom:-8px;}
.contact_comment{overflow:hidden; margin:10px; margin-top:11px; padding:5px; background:url(../img/comp_form_answer.gif) no-repeat; font-family:Arial; border:0; height:70px; width:575px; font-size:12px; color:#13577a; margin-bottom:-8px;}

.submit_container{ margin-top:10px; font-size:12px; color:#13577a;}
.signup{position:relative;}
.terms{position:relative; margin-left:86px;}


/* ------------------------------- General ---------------------------------------------- */
h1{
margin-bottom:-10px;
font-size:14px;
font-weight:bold;
color:#13577a;
text-transform:uppercase;
width:590px;
}

h2{
font-size:12px;
font-weight:bold;
color:#13577a;
}

p{
font-size:12px;
color:#13577a;
}


/* ------------------------------- trailer ---------------------------------------------- */

.video_trailer{background:#FFFFFF; height:340px; width:850px; text-align:center; }