@charset "UTF-8"; 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{margin:0; padding:0; border:0; outline:0; font-size:100%}
html{background:#990000; margin:0px; padding:0px; min-height:100%}
body{padding-top:0px; padding-bottom:0px; margin:0px; height:100%; font:100%/1.1em Helvetica,Arial,sans-serif; background:#990000}
.container{width:100%; overflow:hidden}
/* ============================= general ====================== */
a{color:#FFF; text-decoration:none}
a:hover{color:#FFF; text-decoration:underline}
a img{border:0}
img{border:0}
.left{float:left}
.right{float:right}
.clear{clear:both}
.inline{display:inline}
.center{text-align:center}
.title2{margin-bottom:10px; margin-left:20px}
.bullet{list-style:circle outside;color: #CCC;}
.textright{text-align:right; font-size:11px}
.textleft{text-align:left; font-size:11px}
/* ============================= header ====================== */
#header{margin:0px auto; padding:0px 0px 20px; width:810px; background:#990000;}
#headermain{background:#990000; padding-top:20px; border-top:1px solid #000; clear:both}
#header2{margin:0px auto; padding:0px; width:810px; background:#990000}
#headerlogo{height:64px; width:155px; margin-bottom:20px; float:left}
#headernav{float:right}
#nav{background:url(images/navigation.gif) no-repeat; width:202px; height:44px; padding:0px; margin:40px 0px 0px}
#nav span{display:none}
#nav li, #nav a{height:44px; display:block}
#nav li{float:left; list-style:none; display:inline}
#nav1{width:52px}
#nav2{width:45px;margin-left: 20px}
#nav3{width:67px;margin-left: 18px}
body#home #nav1, #nav1 a:hover{background:url(images/navigation.gif) no-repeat 0px -54px}
body#apps #nav2, #nav2 a:hover{background:url(images/navigation.gif) no-repeat -72px -54px}
body#contact #nav3, #nav3 a:hover{background:url(images/navigation.gif) no-repeat -135px -54px}
#featuredimage{text-align:right; background:url(images/featured.gif) no-repeat; padding-top:20px}
#detailtitle{background:#990000; padding-bottom:40px; margin-bottom:20px; clear:both; border-bottom:1px solid #000}
.detail_title{font:20px Helvetica,Arial,sans-serif; color:#FFF; padding-right:10px; padding-bottom:0px; padding-left:0px; float:left}
/* ============================= body ====================== */
#main{width:950px; margin:0px auto; padding:0px 0px 45px; font-family:Helvetica,Arial,sans-serif; color:#1E1E1E; background:#990000}
#main2{width:810px; margin:0px auto; padding:0px;font-family:Helvetica,Arial,sans-serif}
#middle{
	background-color:#990000;
	clear:both;
	font-family:Helvetica,Arial,sans-serif
}
.containerwrap{width:100%; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #000}
.containerwrap2{width:100%; overflow:hidden; border-bottom:1px solid #000}
.containerwrap3{width:100%; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #000}
.container{
	width:100%;
	overflow:hidden;
/*	border-bottom:1px solid #000;*/
	padding-top:20px
}
.containerdetail{width:100%; overflow:hidden; border-bottom:1px solid #000; font-family:Helvetica,Arial,sans-serif}
.container2{
	width:100%;
	overflow:hidden;
	padding-top:20px;
	border-top: 1px solid #000;
}
#section{clear:both}
#section2{clear:both; border-top:1px solid #000; padding-top:20px}
.box .title{font:18px Helvetica,Arial,sans-serif; color:#FFF; padding-right:10px; padding-bottom:0px; padding-left:0px}
.box{
	padding-right:20px;
	padding-bottom: 10px;
}
.boxourteam{padding-right:20px; padding-top:20px}
.box2 .title{font:22px Helvetica,Arial,sans-serif; color:#000; padding-right:10px; padding-bottom:0px; padding-left:0px}
.box2{
	color:#CCC;
	font:11px Helvetica, Arial, sans-serif;
	margin:0px;
	padding:0px 19px 0px 15px
}
.box22{
	color:#FFF;
	font:11px Helvetica, Arial, sans-serif;
	margin:0px;
	padding:15px 0px 0px
}
.box222{
	color:#FFF;
	font:11px Helvetica, Arial, sans-serif;
	margin:0px;
	padding:7px 0px 0px
}
.box2link{
	color:#B80000;
	font:11px Helvetica, Arial, sans-serif;
}
.box2 a{color:#B80000}
.box3detail .title{
	font:24px Helvetica, Arial, sans-serif;
	color:#FFF;
	padding: 15px 10px 0px 15px;
}
.box3 .title{
	font:24px Helvetica, Arial, sans-serif;
	color:#FFF;
	padding: 60px 10px 0px 15px;
}
.box3link{
	font:11px Helvetica, Arial, sans-serif;
	color:#B80000;
	padding: 35px 0px 0px 15px;
}
.box3link a{
	color:#B80000;
}
.box3 a{color:#B80000}
.title{font:20px Helvetica,Arial,sans-serif; color:#FFF; padding-right:10px; padding-bottom:0px; padding-left:0px}
.subtitle{font:13px "Courier New",Courier,monospace; color:#000; margin:0px; padding:0px}
.box{margin:0px; padding:0px}
.column1, .column2, .column3, .col1, .col2, .sub_col1, .sub_col2{float:left}
.column1{
	width:262px;
	margin-bottom:20px;
	text-align:left;
	margin-right:18px;
	float:left
}
.column1featured{
	width:280px;
	margin-bottom:20px;
	text-align:left;
	float:left;
	height: 300px;
	background: #000;
}
.column1detailed{
	width:260px;
	margin-bottom:20px;
	text-align:left;
	float:left;
	height: 620px;
	background: #000;
	margin-right: 20px;
}
.column1 a{text-decoration:none}
.column1 a:hover{text-decoration:underline}
.column2{width:490px; margin-bottom:20px; float:right}
.column2featured{
	width:530px;
	margin-bottom:20px;
	float:left;
	height: 300px;
}
.column2detailed{
	width:530px;
	margin-bottom:20px;
	float:right;
	height: 300px;
}
.column2 a{text-decoration:none}
.column2 a:hover{text-decoration:underline}
.column3{
	width:248px;
	margin-bottom:10px;
	text-align:left;
	margin-right:18px;
	float:left
}
.column3 a{text-decoration:none}
.column3 a:hover{text-decoration:underline}
.column4{
	width:245px;
	margin-bottom:10px;
	text-align:left;
	float:left
}
.column4 a{text-decoration:none}
.column4 a:hover{text-decoration:underline}
.title img{padding-top:1px}
.col1{width:330px; padding-top:15px}
.col2{width:305px; padding-top:15px}
.indent2stuffheader{padding-bottom:0px}
.indent2stuff{margin-bottom:10px}
.indent{padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:22px; line-height:1.3em; font-size:12px}
.indent2stuffheader{margin:0px 0px 20px; padding:0px; height:18px}
.indent2stuff{font:12px Helvetica,Arial,sans-serif; color:#6D6E71; margin:0px; padding:0px}
.column1detail{width:810px; text-align:left; float:left; margin-bottom:10px; padding-bottom:10px}
.behindthescenes{font:14px "Courier New",Courier,monospace; color:#FFF}
/* ============================= footer ====================== */
#footeraddress{width:810px; margin-right:auto; margin-left:auto; padding-top:0px; text-align:right; clear:both; margin-bottom:15px}
.footer{font-size:11px; color:#000; border-top-color:#000; color:#000; font-family:Helvetica,Arial,sans-serif; padding-bottom:5px}
.footer a{color:#000; text-decoration:none; font-size:11px}
.footer a:hover{color:#000; text-decoration:underline; font-size:11px}
.footeradress{color:#000; font:11px Helvetica,Arial,sans-serif;width:810px; }
.footeradress a{color:#000; text-decoration:none;  font-size:11px}
.footeradress a:hover{color:#000; text-decoration:underline; font-size:11px}
#fontsize{text-align:left; float:left; margin-left:15px}
/* ============================= forms ============================= */
.warning{display:inline; color:#C33}
.textfield{height:18px; border:1px solid #CCC; background:#FFF; font-size:12px; font:12px Helvetica,Arial,sans-serif}
.textfield:focus{height:18px; border:1px solid #CCC; background:#FFF; font:12px Helvetica,Arial,sans-serif}
.dropdown{height:24px; border:1px solid #CCC; background:#FFF; font:12px Helvetica,Arial,sans-serif}
.dropdown:focus{height:24px; border:1px solid #CCC; background:#FFF; font:12px Helvetica,Arial,sans-serif}
.submit{height:24px; border:1px solid #CCC; background:#DEE0E2; color:#000; font:12px Helvetica,Arial,sans-serif}
.submit:hover{height:24px; border:1px solid #CCC; background:#DEE0E2; font:12px Helvetica,Arial,sans-serif; color:#000}
.textarea{border:1px solid #CCC; background:#FFF; font-size:12px; font:12px Helvetica,Arial,sans-serif}
.textarea:focus{border:1px solid #CCC; background:#FFF; font:12px Helvetica,Arial,sans-serif}
.trademark {
	font-size: 14px;
	height: 20px;
	width: 20px;
	display: inline;
	vertical-align:top; 
}