/* Tom Biel
 created for www.imagam.com
	---
	colors
BK	
		323232
		414141

light
		4A4A4A
		6B6B6B
		939393
		CACACA
		E4E4E4
		
link 	279EBA

		C3FFC9
*/



/*------------------html body--------------------*/
* { margin: 0;
 	padding: 0;
}

img { border: none; }

html {
 	height:100%;
 	background-color: #ffffff;
}

body {
	height: 100%;
	background-color: #fff; 
	color: #000;
	font-family: "Lucida Sans Unicode", 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
	font-style: normal;
}

a:hover, a:visited:hover, .secondary a:hover, .secondary a:visited:hover {
	text-decoration:underline;
}

h2, h2 a, h2 a:visited, h3, h3, a, h3 a:visited, h4, h4 a, h4 a:visited {
	color: #444444;
}

a, a:visited {
	color: #279EBA;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3, a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration:none;
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul {
	margin:0; padding:0; list-style-type:none; font-size:0;
}

.spacer {
	clear:both;  font-size:0;  line-height:0;
}

/*------------------top part--------------------*/

#allWrapper {
	background: #FFFFFF none repeat scroll 0 0;
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
	text-align: left;
	top: 0;
	width: 100%;
}

/*header */
#headerWraper {
	background-color: #323232;
	width:100%; xheight:128px; margin:0 auto; position:relative;
	border-bottom:3px solid #505050;
}

#header {
	bbackground:url(../images/top_part.gif) 0 0 no-repeat;
	width:940px; height:108px; margin:0 auto; position:relative;
}

#header img {
	position:absolute; 
	left: 15px; 
	top: 56px;
	top: 46px;
}
#header ul {
	width: 450px; height:29px; position:absolute; left:500px; top:70px;
}
#header ul li {

	float:left; margin:0 5px 0 0;
}

#header ul li a {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;

	width:100px; height:29px; display:block; font:bold 11px/29px Arial, Helvetica, sans-serif;
	color:#fff; text-decoration:none; xtext-transform:uppercase; text-align:center; background-color:#aaa;
}

#header ul li.active a{
	 background-color:#777; font-weight: bolder;
}

#header ul li a:hover {
	color:#4C4C4C; background-color:#ccc;
}

#header ul li.hover {
	float:left; margin:0 1px 0 0;
	width:102px; height:29px;
	display:block; font:bold 11px/29px Arial, Helvetica, sans-serif; color:#4C4C4C;
	text-decoration:none; text-transform:uppercase; text-align:center; background-color:inherit;
}

#header .codePaint {
	position: absolute;
	left: 594px;
	top: 10px;
	float: right;
}

/*------------------pageContent--------------------*/
#pageContentWraper {
	xbackground-color: #FFF;
}

#pageContent {
	width: 940px; margin: 0px auto; padding: 0px 10px;
}

/*------------------contentHeader--------------------*/
.pIcon {
	padding:0px 0 0 20px;
	float:left;
}

.pDesc {
	float:left;
}

.productT {
	color:#414141; font-size:24px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;
	xmargin:0 0 0 16px; padding:0px 0 0 20px;
}

.productD {
	color:#333; font-size:24px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;
	xmargin:0 0 0 16px; padding:0px 0 0 20px;
}

/*------------------content body--------------------*/
#body ul.nav{
	width:785px; height:46px;
	border-bottom:#EEEEEE solid 4px;
	xborder-top:#EEEEEE solid 4px;
	padding:8px 0 8px 0px; margin:0 0 0px 0;
	background-color:#fff; color:#000;
}
#body ul.nav li.navLink {
	display:block; float:left; height:46px; padding:0 1px 0 0;
	background:url(../images/nav_div.gif) right top repeat-y;
}
#body ul.nav li.navLinkNoBdr {
	display:block; float:left; height:46px; padding:0 1px 0 0;
	xbackground:url(../images/nav_div.gif) right top repeat-y;
}
#body ul.nav li.navLink a.details{
	display:block; padding:0 40px 0 300px;
	xbackground:url(../images/services_icon.gif) 0 7px no-repeat #fff;
	font:bold 13px/46px Arial, Helvetica, sans-serif; color:#171717; text-transform:uppercase; text-decoration:none;
}
#body ul.nav li.navLink a.details:hover{
	background:url(../images/services_icon_hover.gif) 0 7px no-repeat #fff; color:#39638A;
}
#body ul.nav a.tutorial {
	display:block; padding:0 14px 0 40px;
	xbackground:url(../images/services_icon.gif) 0 7px no-repeat #fff;
	font:bold 13px/46px Arial, Helvetica, sans-serif;
	color:#171717; text-transform:uppercase; text-decoration:none;
}
#body ul.nav a.tutorial:hover {
	xackground:url(../images/services_icon_hover.gif) 0 7px no-repeat #fff; color:#39638A;
}

/* content */
.entry-content { margin: 30px; }

/*------------------footer--------------------*/
#footerPlaceholder { clear: both; height: 160px; }
#footerWraper {
	background-color: #323232;
	border-top: 2px solid #000;
	clear: both;
	height: 158px;
	margin: -160px auto 0;
	padding: 0;
	width: 100%;
}

#footer {
	clear: both;
	width: 940px;
	margin: 0 auto;
	height: 100px;
	position: relative;
	padding: 15px 10px 0 10px;
	text-align: left;
}

#footer .copyright {
	font: normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color: #CCC;
	position: absolute;
	left: 10px;
	top: 135px;
}

.footerNav {
	float: left;
	margin-right: 20px;
	width: 500px;
}
.footerNav ul { }
.footerNav ul li {
	height: 18px; 
	display: block; 
	font: 12px/18px Arial, Helvetica, sans-serif;
}
.footerNav ul li a {
	color: #898989;
	font-weight: bold;
}
.footerNav ul li.active a {
	color: #F9F9F9; 
	font-weight: bold;
}

.footerFollow {
	float: left;
	margin-right:20px;
	width: 200px;
}
.footerFollow a {
	font-size: 12px;
}

.footerApps {
	float: left;
	width: 200px;
	
	font-size: 11px;
	color: #939393;
}
.footerApps p {
	font-size: 12px;
	font-family: Arial;
}
.footerApps .fAppLink {
	padding-bottom: 6px;
}

.footerApps .fAppLink a {
	font-size: 12px;	
	xcolor: #B7B7B7;
	font-family: Arial;
}

#footer h2 {
	color: #CACACA;
	font-size: 14px;
	margin-bottom: 6px;
}