@charset "UTF-8";
/*
	Version: 1.0 Reloaded
	
	Author: Alessio Atzeni
	
	Copyright: Alessio Atzeni & Lifeblood Games LLC
*/

/* CSS Reset Parameters */
#galleryLight {
	padding-top: 50px;
	width:700px;
}

.separate {
	padding-top: 5px;
	padding-right: 5px;
}

.separateEnd {
	padding-top: 5px;
}

#cu3er-container {width:915px; outline:0;}

* { padding: 0px; margin: 0px; border: 0px; text-indent: 0px;}
img {border: none; padding: 0px;}
ol, ul { list-style:none; }

.left {float: left!important}
.right {float: right!important}
.clear {clear: both!important;}
.clearfix { display: inline-block;}
.end {border: none!important; margin-right: 0!important; }


:focus {outline-style: none;}
:link, :visited { font-size:11px; text-decoration:none; color:#990000; }


/* Common */

html {background-color:#000000; }

body, html {
	margin: 0px;
	padding: 0px;
	height:100%;
}

body {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	line-height: 13px;
	font-size: 11px;
	background-color:#000000;
	background:url(../home_img/background.jpg) no-repeat center 82px;
}

a { color:#CCCCCC; text-decoration:none;}

a:hover { color:#FFFFFF!important; text-decoration:none;}

p, ul, ol {padding-bottom: 12px;}

span { color:#990000;  }

em { color:#990000; font-style:normal; }


/* Menu */

#topnav {
	position: absolute;
	width: 415px;
	top: 48px;
	right: 12px;
	z-index: 10;
}

ul#topnav {
	padding-left: 31px;
	list-style: none;
	float: left;
	width: 545px;
}

ul#topnav li {
	position: relative;
	float: left;
}

/* Menu Deafult State */

ul#topnav a {
	float: left;
	display: block;
	height: 20px;
	text-indent: -99999px;
	background-position: left top;
}

/* Menu Hover State */

ul#topnav a:hover {
	background-position: left -20px;
}

/* Menu Section */

ul#topnav li.home a {
	background-image:url(../btn_img/home_btn.png);
	width: 50px;
	margin-right: 10px;
}

ul#topnav li.about a {
	background-image:url(../btn_img/about_btn.png);
	width: 50px;
	margin-right: 10px;
}

ul#topnav li.service a {
	background-image:url(../btn_img/services_btn.png);
	width: 70px;
	margin-right: 10px;
}

ul#topnav li.projects a {
	background-image:url(../btn_img/projects_btn.png);
	width: 70px;
	margin-right: 10px;
}

ul#topnav li.blog a {
	background-image:url(../btn_img/blog_btn.png);
	width: 70px;
	margin-right: 10px;
}

ul#topnav li.forum a {
	background-image:url(../btn_img/forum_btn.png);
	width: 50px;
	margin-right: 10px;
}

ul#topnav li.press a {
	background-image:url(../btn_img/press_btn.png);
	width: 50px;
	margin-right: 10px;
}

ul#topnav li.contact a {
	background-image:url(../btn_img/contact_btn.png);
	width: 60px;
}


/* Call Active State Menu */

#home li.home a,
#about li.about a,
#service li.service a,
#projects li.projects a,
#blog li.blog a,
#forum li.forum a,
#press li.press a,
#contact li.contact a {
	background-position:left bottom;
}

/* Sub Menu */

#sub-header {
	background:url(../home_img/sub-header.png) top no-repeat;
	height: 48px;
	position: relative;
	top: -5px;
}
	
#subnav {
	width: 915px;
	height: 58px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 30;
}

#subnavgallery {
	width: 915px;
	height: 58px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 30;
}

#subnavi {
	position: absolute;
	left: 0px;
	width: 840px;
	z-index: 30;
}

#subnavigallery {
	position: absolute;
	left: 0px;
	width: 840px;
	z-index: 30;
}

#subnav ul {
	padding: 0 60px;
	position: absolute;
	z-index: 30;
}

#subnav li {
	float: left;
	position: relative;
    margin-right: 10px;
}

#subnavgallery ul {
	padding: 0 200px;
	position: absolute;
	z-index: 30;
}

#subnavgallery li {
	float: left;
	position: relative;
    margin-right: 10px;
}

.center {
	display: block;
	position: relative;
	left: 300px;
}

#subnav li :link, #subnav li :visited { 
	height: 15px; 
	display: block; 
	overflow: hidden; 
	padding: 8px 14px 10px 12px; 
	color: #666666; 
	font-size: 16px; 
	font-weight: bold;  
}

#subnav li a:hover { color:#ffffff; }

#subnavgallery li :link, #subnavgallery li :visited { 
	height: 15px; 
	display: block; 
	overflow: hidden; 
	padding: 8px 14px 10px 12px; 
	color: #666666; 
	font-size: 16px; 
	font-weight: bold;  
}

#subnavgallery li a:hover { color:#ffffff; }

#active_menu {
	color: #FFFFFF!important;
}

/* Floating Menu */

#floatMenu {
	position:absolute;
	top:150px;
	left:50%;
	margin-left:275px;
	width:180px;
}

#floatMenu ul {
	margin-bottom:10px;
}

#floatMenu ul li a {
	display:block;
	border:1px solid #999999;
	background-color:#222222;
	border-left:6px solid #999999;
	text-decoration:none;
	color:#cccccc;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

/* Logo */

#Logo {
	display: block;
	width: 340px;
}
	

/* Layout Page */

#Header {
	height:110px;
	background:url(../home_img/header.png) repeat-x;
	margin:0px auto;
	z-index: 5;
}

#Header-content {
	width: 915px;
	margin: 0 auto;
	padding: 0 40px;
}

#Header-content {
	position: relative;
	z-index: 5;
}

#Home-content {
	width: 915px;
	padding: 8px 40px 8px;
	margin: 20px auto;
	height: 485px;
	position: relative;
}

#Home-index {
	width: 915px;
	margin: 20px auto;
	padding: 0 40px;
	position: relative;
	z-index: 5;
	text-align:center;
}

#Footer {
	width: 915px;
	margin: 0 auto;
	padding: 0 40px;
}

#Footer-content {
	width: 915px;
	height: 29px;
	border-top: 1px solid #292929;
	padding-top: 1px;
	font-size: 10px;
	color: #666666;
}


#Footer :link, #Footer :visited {
	font-size: 10px;
	color: #666666;
}

#Footer p {
	padding: 2px 0px 4px 0;
}



/* Content WebSite */

#Content {
	width: 915px;
	min-height: 200px;
	padding: 0 40px;
	margin: 0 auto;
}

.sub-content {
	width: 915px;
	margin-bottom: 28px;
}

.favs {min-height: 0; }

.blog-col { min-height: 116px; }

.col {
	width: 305px;
	padding-top: 46px;
	float: left;
	position: relative;
}

.col h1, .col h2 { position: absolute; top: 0; }
.col p { padding-right: 15px; }
.cols { width: 305px; float: left; }

.wd610 { width: 610px; }
.wd915 { width: 915px; }

/* Content About Page */

.about-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.about-cont .col { 
	width: 915px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.about-cont .colEnd { 
	width: 915px;
	padding-top: 20px;
	float: left;
	position: relative;
}

.about-col {border-bottom:1px solid #292929; padding-bottom: 20px; }

.about-col h1 {padding-top: 30px; }
.about-col h2 { position: static; padding-top: 40px; }

/* Content Technology Page */

.tech-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.tech-cont .col { 
	width: 915px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.tech-cont .col1 { 
	width: 915px;
	padding-top: 20px;
	float: left;
	position: relative;
}

.tech-cont .colEnd { 
	width: 915px;
	padding-top: 20px;
	float: left;
	position: relative;
}

.tech-col {border-bottom:1px solid #292929; padding-bottom: 10px; }
.tech-col1 {border-bottom:1px solid #292929; padding-bottom: 10px; }

.tech-col h1 {padding-top: 30px; padding-bottom: 20px;}
.tech-col h2 { position: static; padding-top: 40px; }

.tech-cont .col li {
	background:url(../image_main/arrow.gif) left 2px no-repeat;
	padding: 0 0 3px 18px;
}

.spaceEle {margin-left:16px;}

/* Content Company Page */

.company-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.company-cont .col { 
	width: 915px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.company-cont .col1 {
	width: 457px;
	padding-top: 15px;
	float: left;
	position: relative;
}

.company-col h1 {padding-top: 30px; }
.company-col h2 { position: static; padding-top: 50px; }

.company-cont .col1 li {
	background:url(../image_main/list_style.gif) left 2px no-repeat;
	padding: 0 0 3px 18px;
}

/* Content Mission Page */

.mission-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.mission-cont .col { 
	width: 915px;
	padding-top: 45px;
	float: left;
	position: relative;
}

.mission-cont .col1 { 
	width: 915px;
	padding-top: 20px;
	float: left;
	position: relative;
}

.mission-cont .colEnd { 
	width: 915px;
	padding-top: 20px;
	float: left;
	position: relative;
}


.mission-col {border-bottom:1px solid #292929; padding-bottom: 10px; }
.mission-col1 {border-bottom:1px solid #292929; padding-bottom: 10px; }

.mission-col h1 {padding-top: 30px; padding-bottom: 20px;}
.mission-col h2 { position: static; padding-top: 30px; }

/* Content Services Page */

.services-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.services-cont .col { 
	width: 915px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.services2-cont .col { 
	width: 700px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.services-cont .col1 {
	width: 228px;
	padding-top: 15px;
	float: left;
	position: relative;
}

.services-cont .col1 a {
	color:#990000;
	text-decoration:none;
}

.services-cont .col1 :link, :visited { font-size:11px; text-decoration:none; color:#990000; }
	

.services-col h1 {padding-top: 30px; }
.services-col h2 { position: static; padding-top: 50px; }

.services-cont .col1 li {
	background:url(../image_main/arrow.gif) left 2px no-repeat;
	padding: 0 0 3px 18px;
}


/* Content Employment Page */

.employ-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.employ-cont .col1 {
	width: 750px;
	margin-right: 15px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.employ-cont .col2 {
	width: 135px;
	padding-top: 70px;
	float: left;
	position: relative;
}

.employ-cont .col2 li {
	background:url(../image_main/list_style.gif) left 2px no-repeat;
	padding: 0 0 3px 18px;
}

.employ-col h1 {padding-top: 30px; padding-bottom: 20px; }
.employ-col h2 { position: static; padding-top: 30px; }

/* Content Team Page */
.team-paraIMG {
	width: 722px;
	float: right;
	position: static;
	padding-top: 80px;
}

.team-paraIMG1_H1 {
	float: right;
	position: relative;
	margin-left: 178px;
  	margin-top: 45px;
}

.team-paraIMG1_H2 {
	float: right;
	position: static;
	margin-left: 178px;
  	margin-top: 60px;
}

.team-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.team-cont .col {
	width: 915px;
	padding-top: 45px;
	float: left;
	position: relative;
}

.team-cont .col1 {
	width: 915px;
	padding-top: 45px;
	float: left;
	position: relative;
}

.team-col h1 { padding-top: 30px; padding-bottom: 20px; }
.team-col h2 { position:static; padding-top: 30px; }
.team-col2 h2 { padding-top: 30px; }
 
.team-col1 h1 { padding-top: 30px; padding-bottom: 50px; }
.team-col1 h2 { position:static; padding-top: 10px; }
#team-img { position: relative; float:left; margin-top: 20px; }

/* Content Projects Page */

.proj-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.proj-cont .col { 
	width: 915px;
	padding-top: 25px;
	float: left;
	position: relative;
}

.proj-col h1 {padding-top: 30px; }
.proj-col-1 { position: static; padding-top: 50px;}
.proj-col h2 { position: static; padding-top: 50px; }
.proj-col1 h2 { position: static; padding-top: 10px; }

/* Content Projects | Ritual Incarnation Page */

.rit-col {
	width: 183px;
	float: left;
	overflow: hidden;
}

.rit-gallery {
	width: 915px;
	float: left;
	overflow: hidden;
	position: relative;
	top: 60px;
}

.rit-col .rit-img {
	width: 182px;
	height: 400px;
	overflow: hidden;
	display: block;
	position: relative;
}

.rit-col .rit-img img {
	position: absolute;
	top: 60px;
}

.rit-col .rit-img:hover img {
	left: -182px;
	top: 60px;
}

.rit-col h2 {
	font-size: 24px;
	height: 24px;
	text-transform: uppercase;
	padding: 0;
	margin-top: 12px;
	overflow: hidden;
	position: relative;
}

.rit {
	width: 915px;
	margin-bottom: 28px;
}

.rit-cont {
	border-bottom: 1px solid #000000;
	margin-bottom: 28px;
	padding-bottom: 28px;
}

/* Content Press Page */

.press-cont h2 {
	font-size: 24px;
	line-height: 24px;
}

.press-cont .col { 
	width: 915px;
	padding-top: 45px;
	float: left;
	position: relative;
}

.press-cont .col1 { 
	width: 915px;
	padding-top: 20px;
	float: left;
	position: relative;
}

.press-col h1 {padding-top: 30px; padding-bottom: 20px; }
.press-col h2 { position: static; padding-top: 30px; }

input.txt-field
{
	border: 1px solid #666666;
	background-color: #1d1c1c;
	color: #cccccc;
	width: 270px;
	height: 13px;
	margin-bottom: 10px;
	padding: 4px 4px 0;
}

textarea.textarea 
{
	border:	1px solid #666666;
	background-color: #1d1c1c;
	color: #cccccc;
	width: 720px;
	height: 180px;
	padding: 4px 4px 0;
	margin-bottom: 40px;
}

textarea {overflow:auto;}

label, input.txt-field, textarea.textarea  {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

label 
{
color: #cccccc;
line-height: 22px;
margin-right: 4px;
float: left;
}

input.txt-field-active, textarea.textarea-active  {border:1px solid #990000;}

input.txt-field:focus, textarea.textarea:focus {border:1px solid #990000;}


#pressform {
	margin:0px; 
	padding:0px;
}

#pressform ul {
	width:915px; 
	margin-right:40px; 
	padding:0px;
}

#submit ul li.submit {
	float: right;
	position: absolute;
	top: 380px;
	left: 699px;
}
	
#pressform ul li label {
	width:100px;
	float:left;
}

#pressform ul li p.fields{
	float:left; 
	width:330px; 
	margin:0px; 
	padding-bottom:0px; 
	margin-bottom:0px; 
}

/* Alignment */

.floatRight {float:right;}
.floatLeft {float:left;}

.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

/* Clear */

.clear {clear:both;}

/* Margins and Padding */

.margin20 { margin: 0px 0px 30px; }
.margin10 { margin: 0px 0px 10px; }
.margin05 { margin: 0px 0px 30px; }

/* Heading */

h1 {
	color:#FFFFFF;
	font-size: 36px;
	font-weight: normal;
	line-height: 38px;
	padding-bottom: 10px;
}

h2 {
	color:#CCCCCC;
	font-size: 36px;
	font-weight: normal;
	line-height: 38px;
	padding-bottom: 10px;
}

h3 {
	color:#FFFFFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	padding-top: 10px;
	padding-bottom: 8px;
}

h4 {
	background:url(../image_main/arrow.gif) no-repeat;
	color:#990000;
	padding-left: 18px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 8px;
	font-weight: normal;
}

/* Video */
.video {
	width: 915px;
	margin-bottom: 28px;
}

#video1 {
	padding-top: 100px;	
}

.video-col h2 { position:static; padding-top: 10px; }

.info { width: 124px; }

.videoFront {position: relative;}

/* Link Homepage */

.home-link img { position:absolute; }

.home-link {
	width: 304px;
	height: 125px;
	display: block;
	overflow: hidden;
	position: relative;
	margin-bottom: 12px;
}

.home-link:hover img {
	top: -125px;
	left: 0;
}