@charset "utf-8";
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;  letter-spacing:0px; line-height:1.57; color:#333; background:#FFF}
.header {
	z-index: 2;
	width: 100%;
	height: 8px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #000 none;
}
/* structure */
#container {width:975px; padding-left:15px; text-align:left; position:relative}

#title {padding-left:365px; margin-top:40px; background:url(../images/robot.jpg) no-repeat 0 0; width:610px;}
	#title p { padding-left:20px; padding-right:30px;}

.section { background:url(../images/dots.gif) repeat-x top; float:left; width:560px; margin:10px 0 10px 0; padding:30px 30px 10px 20px; display:inline}

h1 { height:110px; width:100%; background:url(../images/newtitles.png) no-repeat 0 10px}	
h2 { height:190px; width:100%; background:url(../images/newtitles.png) no-repeat 0 -110px}
h3 { width:100%; height:90px; text-align:right; background-image:url(../images/titles.png); width:100%; float:left;}
	#footer h3 { height:40px; width:170px;}
	h1 span, h2 span, h3 span { float:left; margin-top:-9999px;}
	
	#about { background-position:100% -320px;}
	#solutions { background-position:100% -410px;}
	#portfolioTitle { background-position:100% -500px;}
	
	#contact h3 { background-position: 0 -680px; margin-bottom:10px;}
	#blog h3 { background-position: 0 -720px; margin-bottom:10px;}
	#twitter h3 { background-position: 0 -760px; margin-bottom:10px;}
	
	#blog ul { clear:both}

#portfolio {float:left; width:580px; margin:10px 0 10px 0; padding:0 0 10px 20px; display:inline; overflow:hidden}
	#portfolio li { float:left; width:180px; font-size:13px; font-family:Arial, Helvetica, sans-serif; height:300px; margin-right:13px}
	#portfolio li b { color:#828282}

.bt { clear:both; float:left; font-size:14px; font-style:italic; color:#FFF; background:#121010; text-decoration:none; padding:2px; margin-left:865px; display:inline; width:80px; text-align:center; line-height:1; margin-bottom:10px;}

.bt2 { clear:both; float:left; font-size:14px; font-style:italic; color:#FFF; background:#fff; text-decoration:none; padding:2px; margin-left:865px; display:inline; width:80px; text-align:center; line-height:1; margin-bottom:10px;}

.titles { float:left; width:315px; height:110px; /*background:url(../images/su.gif) no-repeat 0 107px;*/ padding-right:50px}
.solutions { padding:40px 50px 520px 0; background:url(../images/bulb.jpg) no-repeat 0 147px}


.badge { float:left; width:560px; height:122px; overflow:hidden; background:url(../images/badge.gif) no-repeat 245px 0; margin:-84px 0 0 0; position:relative; z-index:10}
.badge span { float:left; margin-top:-999px;}

#container h3 { margin-top:25px; text-align:right;}

#profiles { background:#cecece; clear:both; padding:30px; margin:10px 0 10px 77px; font-style: italic}
#profiles p { margin:0; line-height:1.4; clear:both}

#profiles .steven_right { text-align:right; position:relative;}
	.steven_right img { float:right; margin-left:15px;}
	.steven_right .name { position:absolute; top:174px; right:118px;}
#profiles .steven_left { text-align:left; position:relative; clear:both; margin-top:-20px;}
	.steven_left img { float:left; margin-right:15px;}
	.steven_left .name {  margin:10px 0 0 -25px; display:inline; position:relative; z-index:10}

.hr { clear:both; border-bottom:1px solid #000; border-top:0; padding:0; margin:10px 0 10px 77px; height:1px; overflow:hidden}


#footer { clear:both; background:#000 url(../images/footer.jpg) no-repeat 100% 0; padding:10px 0; margin:0; font-size:12px; color:#9b9b9b;}
	#contact { float:left; width:200px; padding:0 60px 0 107px; font-size:14px; font-style:italic;}
		.phone, .email, .skype { float:left; width:100%; margin-bottom:20px;}
		.phone { background:url(../images/fcontact.jpg) no-repeat 0 0; padding-top:40px}
		.email { background:url(../images/fmail.jpg) no-repeat 0 0; padding-top:35px}
		.skype { background:url(../images/fskype.jpg) no-repeat 0 0; padding-top:35px}
		
	
	#blog { float:left; width:345px; padding-right:45px}
		#blog p { display:none;}
		#blog b { font-size:12px; font-style:italic; letter-spacing:1px;}
		#blog span { float:right; color:#fff8f8}		
			
		#blog li { border-bottom:1px dotted #616161; margin-bottom:7px; padding-bottom:7px;}
	
	#twitter { float:left; width:210px; overflow:hidden}
		#twitter ul { padding-left:30px; background:url(../images/twit.gif) no-repeat 0 0}	

#footer a { color:#cacaca}
#footer a:hover { color:#FFF}
#footer b a { text-decoration:none; }

a {text-decoration: underline;color:#14170a}
a:hover {text-decoration: underline;color:#cacaca; }

.tph, .tml { position:absolute; top:20px;}
.tph { left:830px;}
.tml { left:890px;}

/* titles */
h1 { font-size:105px; color:#393939; letter-spacing:0px; line-height:1.1 !important}
h2 { font-size:45px; letter-spacing:5px; color:#bcbcbc; line-height:1em}	
	h2 strong { letter-spacing:2.4px; font-size:40px}
	#fsi { height:190px; overflow:hidden}
	
h3 { font-size:48px; color:#cecccc; letter-spacing:-2.08px}
h4 { font-family: "Century Schoolbook",Georgia,"Times New Roman",Times,serif; font-size:40px; color:#A3A3A3; letter-spacing:2px}

#footer h3 { font-size:36px; color:#cecccc; line-height:1.4;}

h1, h2, h3, h4 { font-weight:normal; line-height:1.2}

.h1 { border-bottom:1px dotted #cbcbcb; margin-bottom:10px;}

.copy {background:url(../images/logo-s.gif) no-repeat 0 0; font-size:12px; color:#e6e6e6; padding-left:66px; float:left; height:40px; line-height:1; padding-top:4px}

/* defaults*/
strong { font-weight:normal; color:#030000}




/* white space reset */
* { margin:0; padding:0; border:none; list-style:none outside}
p { margin-bottom:1.2em}

/* easy clear */
#profiles:after, #footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0}
#profiles, #footer {display:inline-block;}
/* Hide from IE Mac \*/
#profiles, #footer {display:block;}
/* End hide from IE Mac */