body{
	background: #000;
	color: #cecece;
	font-family: 'Nobile', Tahoma, Arial, Serif;
	font-size: 12px;
	
}

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

#wrapper{
	background: #000 url('../images/left.jpg') repeat-y -150px -20px;
	min-height:800px;
}

#header{
	background: url('../images/back.png') repeat-x;
	height: 489px;
}

#header_small{
	background: url('../images/back_small.png') repeat-x;
	height: 275px;
}

#dots{
	background: #000 url('../images/dots.jpg') repeat-x;
	height: 37px;	
}

#menu{ margin-left: 165px; height: 89px; text-transform: uppercase; font-size: 23px; z-index: 999;}
	
#menu li { 
		background: url('../images/tie.jpg') no-repeat right 33px;
		padding: 25px 20px 25px 17px;
		float: left; 				
}

#coda-slider-1{ width: 990px; margin: 0 auto;}

#coda-slider-1 img{ float: left; margin-right: 30px;}

#coda-slider-1 h2 {
	text-transform: uppercase;
	font: 30px 'Tahoma', Helvetica, Arial, Sans-Serif;
	color: #000; 
	text-shadow: 0px 1px 2px #F078C2;
	text-align: left;
	padding: 80px 0px 20px 0px;
	
}

#coda-slider-1 h3 {
	text-transform: uppercase;
	font: 22px 'Tahoma', Helvetica, Arial, Sans-Serif;
	text-align: right;
	color: #000; 
	text-shadow: 0px 1px 2px #F078C2;
	padding: 35px 25px 10px 0px;
	
}

#coda-slider-1 h4 {
	text-transform: uppercase;
	font: 20px 'Tahoma', Helvetica, Arial, Sans-Serif;
	text-align: right;
	color: #000; 
	text-shadow: 0px 1px 2px #F078C2;
	padding: 35px 25px 10px 0px;
	
}

#coda-slider-1 p {
	text-transform: uppercase;	
	font: 18px Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: #000; 
	text-shadow: 0px 1px 2px #F078C2;
	text-align: left;
}

#coda-slider-1 a{
	text-decoration: underline;
	text-transform: uppercase;	
	font: 14px Tahoma, Helvetica, Arial, Sans-Serif;
	color: #000; 
	text-shadow: 0px 1px 2px #F078C2;
	float: right;
	margin: 10px 25px 0px 0px;
}

#coda-slider-1 span{
	text-transform: uppercase;	
	font: 14px Tahoma, Helvetica, Arial, Sans-Serif;
	color: #000; 
	text-shadow: 0px 1px 2px #F078C2;
	float: right;
	margin: 10px 25px 0px 0px;
}

#coda-slider-1 .text{ background: #000; padding: 15px; width: 80%; height: 100px; margin: 90px 25px 0px auto; font-size: 14px; font-style: italic;
	text-align: right;}

#logo{ 
	 position: absolute;
	 top: 0px;
	 sleft: 120px;
	 background: url('../images/logo_back.png') no-repeat center -12px; 
	 width: 130px;
	 height: 175px;
	 text-align: center;
	 z-index: 999;
}

#twitter{ 
	float: right;
	width: 30px;
	height: 30px;
	padding: 27px 15px 0 0;	 
}

.text{
	width: 550px;
	margin: 30px 10px 30px 0px;
	padding: 10px;
}

.text h2{ background: #000; text-align: right; font-size: 28px; padding: 0px 5px 0px 0px; }
.text h3{ background: #000; text-transform: normal; font-size: 24px; padding: 0px 5px 3px 0px; }
.text h4{ background: #000; text-transform: normal; font-size: 20px; padding: 15px 0px 10px 0px; font-style: italic; }

.text img{
	background: #000;
	margin: 10px 0;
	float: left;
}
	
.text p{ 
	padding: 5px;
	font-size: 15px; 
}

.text i{ 
	font-size: 14px; background: #000; padding: 0 8px 0 8px;
}

.text p.smallers{
	margin-top: 20px;
	font-family: Arial;
	color: #cecece;
	padding: 3px;
	font-size: 13px;
	letter-spacing: 0.5px;
}

.text label{
	background: #000;
	padding: 5px 8px 5px 8px;
	text-transform: uppercases;
	font-size: 16px; 
}	

.text a{
	text-decoration: underline;
}

.front{ background: url('../images/front.jpg') no-repeat right top; }


#menu_right	{ 
		float: right; 
		text-transform: uppercase; 
		font-family: 'Gill Sans'; 
		font-size: 18px;
		margin: 0px 30px 10px 0px; 
		width: 330px;
		text-align: right;
		color: #fff;
		}

#menu_right li { 
		background: #e2098e	url('../images/star.jpg') no-repeat left top; 
		padding: 5px;
		margin: 5px;
}

#menu_right li a{ color: #000; }
#menu_right li div{ background: #000; }
#menu_right p{ font-size: 14px; text-transform: none; padding: 15px 15px 15px 15px; text-align: center;}


#stay_connected{ width: 250px; margin: 0 auto; text-align: left; padding-bottom: 10px;}
#stay_connected li { background: none; font-size: 15px; line-height: 28px;}
#stay_connected li a{ color: #e2098e; }
#stay_connected li img{ margin-right: 10px; float: left; }


#content{ width: 990px; margin: 10px auto;}

#content h1{ text-transform: uppercase; font-size: 22px; padding: 0px 5px 3px 0px; margin: 5px 0 5px 20px;}

#top{ width: 990px; margin: 0 auto;}

#footer{ 
	width: 990px; margin: 0px auto;
}

#footer p{ text-align: center; padding: 10px; font-size: 11px; }

#nav{ background: #000; position: absolute; top: 455px; right: 40px; padding: 5px 10px 5px 10px; }
#nav a{ padding: 0px 3px 0px 3px; font-size: 16px;}

#blueshark{
	background: url('../images/prod_blueshark.jpg') no-repeat top center; 
	width: 944px; 
	height: 320px;
	margin-bottom: 20px;
}

#helpomatic{
	background: url('../images/prod_helpomatic.jpg') no-repeat top center; 
	width: 944px; 
	height: 320px;
	margin-bottom: 20px;
}

#dboxapp{
	background: url('../images/prod_dboxapp.jpg') no-repeat top center; 
	width: 944px; 
	height: 320px;
	margin-bottom: 20px;
}

.product_text{ float: right; margin: 65px 55px 0 0; border: 0px solid #fff; width: 275px; }
.product_text a{ text-decoration: underline; }

.right { float: right; }
.left { float: left;}
.center { text-align: center;}

.large{ width: 600px;}

.clear{ clear: both; height: 0px; line-height: 0px;}

.margin_top{ margin-top: 35px;}

.grey { background: #242424; }
p.grey { background: #242424; padding: 12px; font-size: 14px; margin: 0 100px 0 70px; text-align: center;}