/* CSS Document */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0; padding:0; line-height:normal; font-size: 16px; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
body {font:13px/1.22 arial,helvetica,clean,sans-serif;}
* body {font-size:small;font-size:x-small;}
table {font-size:inherit;}
pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:99%;}
* pre,* code,* kbd,* samp,* tt {font-size:108%;}
.clearboth {clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.floatleft{ float:left; }
.floatright{ float:right; }

a, a:hover{ color:#FFF; text-decoration:none; }

html, body{ font:11px Arial, Helvetica, sans-serif; color:#FFF; background:#000 url(../images/bg.jpg) no-repeat; }
body{ }
	#wrapper{ padding-left:220px; padding-bottom:71px; }
		#header{ padding:110px 0 0 0; }
			ul#menu{ padding-bottom:15px; }
				ul#menu li{ display:inline-block; padding-right:5px; }
				ul#menu li.middle{ border-left:1px solid #2c2c2c; }
				ul#menu li a.icon img{ margin-bottom:-4px; }
			#logo{ border-top:1px solid #333333; border-bottom:1px solid #333333; padding:40px 0 23px 0; }
		#content{ width:710px; } 
		
		h1{ font-size:24px; padding:60px 0 10px 0; font-weight:bold; }
		h2{ font-size:20px; padding-bottom:8px; padding-top:15px; font-weight:bold; border-top:1px solid #333333; }
		h3{ font-size:16px; font-weight:bold; padding-bottom:2px; text-decoration:underline; }
		p{ padding-bottom:10px; }
		.cv-list{ padding:10px 0 10px 0; }
			.cv-list li{ padding-bottom:10px; }
		
		.frontpage_tabs .atabs h2{ }
		.frontpage_tabs .atabs span.text{ padding:0 10px 0 10px; display:block; line-height:18px; }
		.frontpage_tabs .atabs span.h2{ border:0; display:block; font-size:24px; padding:12px 10px 21px 10px; }
		
		.frontpage_tabs .atabs:hover{ outline: none; }
		
		#howiwork_list li{ height:108px; background:url(../images/howiwork_list.png) no-repeat; position:relative; }
		#howiwork_list li.last{ background:url(../images/howiwork_list_last.png) no-repeat; }
			#howiwork_list li span{ position:absolute; top:25px; left:53px; width:58px; height:57px; text-align:center; font-size:35px; }
			#howiwork_list li p{ padding:35px 0 0 150px; font-size:24px; color:#999999; }
		.step{ padding:10px; }
		
		.numberof{ float:right; padding-bottom:10px; width:100%; text-align:right; }
		#easyslider{ padding-top:10px; overflow:hidden; height:auto; width:690px; padding:0; margin:0; }
			#slider .port-gallery{ float:left; }
				#slider .port-gallery a{ }
			#slider .port-text{ width:200px; float:right; padding:5px 10px 0 0; }
				#slider .port-text h2{ padding:0 0 10px 0; color:#7ea902; border:0; }
				#slider .port-text h3{ color:#FFF; padding-top:15px 0 0 0; text-decoration:none; }
				#slider .port-text p{ color:#9a9a9a; padding-bottom:7px }
					#slider .port-text p a{ color:#7ea902; }
					#slider .port-text p a:hover{ text-decoration:underline; }
				#slider .port-text .tech-used{ width:200px; padding-bottom:10px; }
					#slider .port-text .tech-used li{ list-style:url(../images/bullet.gif) inside; padding:2px 0 2px 0; }
					
		.contact{ width:550px; }
		.contact .twocol{ width:250px; float:left; padding-right:20px; }
			.contact div.text{ font-size:16px; float:left; width:250px; padding-bottom:5px; padding-top:10px; }
			.contact input{ height:20px; padding:5px; width:220px; border:1px solid #1f1f1f; background-color:#0f0f0f; color:#FFF; }
			.contact textarea{ padding:5px; height:100px; color:#FFF; width:490px; border:1px solid #1f1f1f; background-color:#0f0f0f; font-family:Arial, Helvetica, sans-serif; font-size:16px; overflow:hidden; }
			.contact .send{ width:100px; height:30px; cursor:pointer; border:1px solid #1f1f1f; background-color:#0f0f0f; }
			.contact .error{ padding-left:5px; }
			#thanks-for-message-bg{ position:absolute; background-color:#000; opacity:0.8; top:0; left:0; right:0; bottom:0; }
			#thanks-for-mesasge{ width:550px; height:210px; border:1px solid #1f1f1f; background-color:#0f0f0f; position:absolute; top:50%; left:50%; margin:-105px 0 0 -275px; text-align:center; padding:60px 0 0 0; font-size:20px; }
				#thanks-for-mesasge .ok{ display:block; border:1px solid #1f1f1f; cursor:pointer; background-color:#1f1f1f; text-align:center; padding:10px; width:160px; margin:20px auto; }