/*------------------------------looong reset__*/

* {
	padding: 0; 
	margin: 0;
	list-style: none;
}

img{
	border: 0;
}

/*------------------------------end__*/

/*------------------------------defaults__*/

html{
	background: url(a/i/boxes.png) center bottom;
}

body{
	background: #151111 url(a/i/boxes_top.png) repeat-x center bottom;
	padding-bottom: 74px;
}

a:link, a:visited{
	color: #af5d02;
	text-decoration: none;
}

a:hover, a:active, a:focus{
	color: #00585E;
}

a strong{
	color: #444;
	font-weight: normal;
	padding-left: 3px;
	display: block;
}

abbr{
	cursor: help;
	border-bottom: 1px dotted;
	font-variant: small-caps;
}

.offscreen{ 
	left: -9999px;
	overflow: hidden;
	position: absolute;
}

.label{
	color: #666;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 10px;
}

.column{
	float: left;
	width: 46.8%;
}

.en .column{
	float: left;
	width: 47%;
}

.column p + p{
	text-indent: 15px;
}

.first_col{
	margin-right: 27px;
}

p strong, li strong{
	color: #333333;
}

/*------------------------------end__*/

/*------------------------------header__*/

#header{
	background: #FFF url(a/i/header.jpg) no-repeat -1px top;
	padding-top: 25px;
}

#logo, legend{
	display: none;	
}

#language{
	font-size: 9px;
	text-align: right;
	padding: 6px 0;	
	position: absolute;
	top: 0;
	right: 4px;	
	width: 100%;
}

#language a:link, #language a:visited {
	color: #402D11;
}

#language:hover a{
	color: #af5d02;
}

#language a:hover, #language a:focus{
	color: #00585E;
}

#language a:active{
	padding-top: 7px;
}

h1 a{ 
	text-indent: -9999px;
	border-right: solid 3px #E7E4E4;
	border-left: solid 3px #E7E4E4;	
	outline: none;	
	background: url(a/i/logo_es.gif) no-repeat center top;
	display: block;
	width: 211px;
	height: 60px; 
	margin: 20px auto 0;
	padding: 0 200px 0 200px;
}

.en h1 a{
	background: url(a/i/logo_en.gif) no-repeat center top;
}

h1 a:hover, h1 a:focus{
	background-position: center bottom;
}

	/*------------------------------navigation__*/

	#nav{
		text-align: center;
		overflow: hidden;
		width: 590px;
		padding: 16px 9px 12px 12px;
		margin: 0 auto;
		border-right: solid 3px #E7E4E4;
		border-left: solid 3px #E7E4E4;
		background: #FFF;
	}
	
	#nav li{
		background: url(a/i/nav_bord.png) no-repeat right -26px;
		width: 147px;
		float: left;
	}
	
	#nav li.last_child{
		background: none;
	}
	
	#nav li a{
		color: #00585E;	
		text-transform: uppercase;
		text-indent: 4px;
		letter-spacing: 4px;
		line-height: 2;
		font-size: 13px;
		background: url(a/i/nav.png) repeat-x 0 -26px;
		float: left;
		display: block;
		height: 30px;
		width: 145px;
	}
	
	#nav li a span{
		text-align: center;	
		background: url(a/i/nav.png) repeat-x 0 -26px;
		float: left;	
		display:block;
		height:30px;
		width:134px;
		margin-left:4px;
		cursor: pointer;
	}
	
	#nav li a.last span{
		margin-left: 0;
	}
	
	#nav li a.first{
		text-indent: 0;
		background:url(a/i/nav_first.png) no-repeat 3px -26px;
		padding-left: 7px;
	}
	
	#nav li a.last{
		text-indent: 14px;
		background:url(a/i/nav_last.png) no-repeat 132px -26px;
	}
	
	#nav li a:hover,#nav li a:hover span,#nav li a:focus,#nav li a:focus span{
		outline: none;
		background-position: 3px -55px ;
	}

	#nav li a:hover.last, #nav li a:focus.last{
		background-position: 132px -55px;
	}
	
	#nav li.current a, #nav li.current a span{
		background-position: 3px 2px ;
		color: #F9F9F9;
	}

	#header #nav li.current a.last{
		background-position: 132px 2px;
	}
	
	#nav a:active, #nav a:active span {
		line-height: 2.2;
	}

	/*------------------------------end__*/

/*------------------------------end__*/


/*------------------------------content__*/

#container { 
	color:#333;
	font: 13px/1.3 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,"Trebuchet MS","Helvetica Neue",Helvetica,sans-serif;
	background: #FFF url(a/i/text_bottom.jpg) no-repeat center bottom;
	width: 617px;
	margin: 0 auto;	
	padding-bottom: 16px;
	position: relative;
}

#text_content{
	overflow: auto;
}

#home #text_content{
	padding-top: 90px;
}

#home.en #text_content{
	padding-top: 98px;
}

#work, #text_content{
	border-right: solid 3px #E7E4E4;
	border-left: solid 3px #E7E4E4;
	padding: 0 17px;
	position: relative;
}

#all_works #text_content{
	padding-right:5px;
}

.work_types #text_content {
	position: static;
}

.w_container{
	margin-bottom: 20px;
	width: 150px;
}

.work{
	margin: 0 0 20px;
}

#work{
	padding-left: 18px;
}

h2, #about_us h4{
	font: 24px Georgia, "Times New Roman", serif;
	margin: 0 0 15px;
	line-height: 1;
	color: #383838;
}

h2 strong{
	font-size: 36px;
	font-weight: normal;
}

.en h2 strong{
	font-size: 41px;
}

#home h2{
	font-size: 29px;
	position: absolute;
	top: 397px;
	left: 20px;
	line-height: 1.1;
	z-index: 40;
}

#home.en h2{
	font-size: 30px;
}

.cufon-active #home h2{
	font-size: 30px;
	top: 395px;
	line-height: 1;
}

.cufon-active #home.en h2{
	font-size: 32px;
}

.cufon-active h2, .cufon-active #about_us h4 {
	font-size: 25px;
	color: #232323;
}

.cufon-active h2 strong {
	font-size: 38px;
}

.cufon-active .en h2 strong{
	font-size: 42px
}

.service_title, h3, #about_us h5 {
	letter-spacing: 1px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
}

	/*------------------------------recent work__*/
	
	.recent{
		color: #666;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-weight: normal;
		font-size: 10px;
		background: url(a/i/label_recent.png) no-repeat left top;
		padding: 3px 7px 4px;
		position: relative;
		z-index: 5;	 
	}
	
	.description{
		text-indent: 40px;
		background: url(a/i/label_description.png) no-repeat right top;
		padding: 3px 0 0;
		height: 36px;
		width: 403px;
		top: 0;
		right: 18px;
		position: absolute;
		z-index: 20;
	}
	
	strong.description{
		color:#666;
		letter-spacing:1px;
		font-size:10px;
		background:url(a/i/work_t.png);
		padding-left:172px;
		left:18px;
		top:18px;
		height:204px;
		width:404px;
		z-index:30;
	}
	
	a:hover strong{
		background: 0;
	}
	
	#feature_more{
		display: block;
		width: 574px;
		height: 208px;
	}
	
	.feature_screenshot {
		margin-top: -3px;
	}
	
	/*------------------------------end__*/

	/*------------------------------single work__*/

	#single_work #text_content{
		position: static;
	}
	
	#slider{
		position: relative;
		z-index: 10;
	}
	
	#slider li{
		height:256px;
		width:423px;
		overflow:hidden
	}
	
	.client{
		background: url(a/i/label_l.gif) no-repeat top left;
		padding: 3px 0 3px 5px;
		margin: 0;
		margin-bottom: -1px;
		font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,"Trebuchet MS","Helvetica Neue",Helvetica,sans-serif;
	}
	
	.client span{
		color: #666;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-weight: normal;
		font-size: 10px;
		background: url(a/i/label_r.gif) no-repeat top right;
		padding: 2px 40px 1px 7px;
		 
	}
	
	#nextBtn a, #prevBtn a{
		text-indent: -9999px;
		outline: 0;
		background: url(a/i/work_btn.jpg) no-repeat;
		top: 1px;	
		display: block;
		height: 15px;
		width: 25px;
		position: absolute;
	}
	
	#nextBtn a{
		background-position: right top;
		right: 170px;
	}
	
	#prevBtn a{
		right: 194px;
	}
	
	#prevBtn a:hover{
		background-position: left bottom;
	}
	
	#prevBtn a:focus, #nextBtn a:focus{
		border: 1px dotted;
	}
	
	#nextBtn a:hover{
		background-position: right bottom;
	}
	
	#single_work .feature_screenshot{
		margin-top: -1px;
	}

	#single_work #text_content{
		padding-left: 20px;
	}
	
	#single_work .column{
		width: 73%;
	}
	
	#single_work p{
		text-indent: 0;
	}
	
	.work_details{
		font-size: 11px;
		margin: 4px 0 8px;
	}
	
	#work_types{
		position: absolute;
		right: 23px;
		top:167px;
		text-align: right;
		text-transform: uppercase;
	}

	#work_types h3{
		font-weight: normal;
		color: #666;
		background: #F0F0F0;
		font-size: 13px;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	
	blockquote {
		position: absolute;
		right:20px;
		top: 258px;
		width: 135px;
		font: 14px Georgia, "Times New Roman", serif ;
		font-style: italic;
		background: url(a/i/open_q.png) no-repeat left top;
	}
	
	#single_work blockquote p{
		text-indent: 20px;
	}
	
	blockquote .close_q{
		background: url(a/i/close_q.png) no-repeat right bottom;
		padding-right: 18px;
	}
	
	#single_work blockquote p.by{
		font: 11px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,"Trebuchet MS","Helvetica Neue",Helvetica,sans-serif;
		display: block;
		margin: 6px 5px 0 0;
		text-indent: 0;
		text-align: right;
		line-height: 1;
		text-indent: 0;
	}
	
	cite{
		font-style: normal;
	}
	
	cite a, cite span{
		display: block;
	}
	
	cite span{
		color: #5D5D5D;
	}

	/*------------------------------end__*/

	/*------------------------------all works__*/

	.column3{
		float: left;
		width: 27%;
		padding-top: 8px;
		padding-left: 10px;
	}
	
	.column3:hover{
		background: url(a/i/column3.png) no-repeat;
	}
	
	.column3 a{
		display: block;
		margin-bottom: 20px;
	}
	
	.column3 li a:hover, .work_types #text_content a:hover{
		padding-left: 1px;
	}
	
	#all_works .first_col{
		margin-right: 39px;
	}
	
	#all_works h3{
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 2px;
		font-weight: normal;
		color: #C78C35;
		margin-bottom: 20px;
	}
	
	#all_works h4 a{
		padding: 0;
	}
	
	.work_types #text_content a{
		display: block;
	}
	
	#all_works a:hover strong, .works_list a:hover strong{
		color: #000;
		padding-left: 3px;
	}

	/*------------------------------end__*/

	/*------------------------------by type__*/
	
	.by_type .works_list li{
		float: left;
		padding: 0 15px 15px 0;
	}
	
	.by_type .works_list{
		margin-bottom: 150px;
		overflow: auto;
	}
	
	.works_list a:hover strong{
		padding-left: 5px;
	}
	
	.works_list li a{
		display: block;
	}
	
	.by_type #work_types{
		top:0;
	}
		
	/*------------------------------end__*/
	
	/*------------------------------services__*/
	
	.services li span{
		padding-left: 10px;
		margin: 8px 0 20px;
		display: block;
		background: url(a/i/d_services.jpg) repeat-y 1px top;
	}
	
	/*------------------------------end__*/

	/*------------------------------about__*/
	
	#about_us h3, #about_us h5{
		margin: 8px 0;
		letter-spacing: 1px;
	}
	
	#about_us img{
		float: left;
		margin: 3px 6px 0 1px;
		border: 2px solid #BBB;
	}
	
	#about_us .column{
		width: 47.9%;
	}
	
	#about_us .first_col{
		margin-right: 24px;
	}
	
	#about_us .first_col img{
		margin: 3px 8px 0 2px;
		border: 2px solid #BBB;
	}
	
	.team_d{
		background: url(a/i/d_services.jpg) repeat-y scroll 2px top;	
		padding-left: 10px;
	}

	/*------------------------------end__*/
		
	/*------------------------------contact__*/
	
	fieldset, .btn {
		border: 0;
	}
	
	label{
		cursor: pointer;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 12px;
	}
	
	dl{
		margin-bottom: 8px;
	}
	
	dt{
		margin-bottom: 3px;
	}
	
	.btn {
		color: #F9F9F9;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-size: 10px;
		background: url(a/i/form_btn.png) no-repeat center top;
		float: right;
		margin-top: 1px;
		width: 150px;
		height: 25px;
		padding-bottom: 7px;
		cursor: pointer;	
		text-indent: 3px;
	}
	
	.btn:hover, .btn:focus{
		background: url(a/i/form_btn.png) no-repeat center -28px;
		border: 0;
	}
	
	input, textarea{
		border: 1px solid #fbfbfb;	
		width: 260px;
		padding: 3px;
		background: #fbfbfb;
		outline: none;
	}
	
	input:focus, textarea:focus{
		background: #FFF;
		border: 1px solid #7ca2a9;
	}
	
	input:hover, textarea:hover{
		background: #FFF;
	}
	
	dd{
		width: 268px;
		background: #ededed;
		padding: 2px;
		border: 1px solid #d8d8d8;
	}
	
	#error{
		background: 0;
	}
	
	#error #container{
		border: solid 3px #c6c4c4;
		background-image: none;
		margin-top: 200px;
		height: 38px;
		padding: 30px;
		width: 600px;
	}
	
	#error p{
		font-size: 18px;
	}
	
	#thanks #container{
		height: 400px;
	}
	
	label.error {
		color: #a90101;
		font-size: 11px;
		display: block;
		width: 268px;
		padding-top: 3px;
	}
	
	.thanks{
		border-left:1px solid #58be35;
		margin-bottom:150px;
		padding-left:7px;
		width:68%;
	}
	
	/*------------------------------end__*/
	
	/*------------------------------copyright__*/
	
	#copyright #text_content{
		height: 300px
	}
	
	/*------------------------------end__*/

	/*------------------------------footer__*/
	
	#footer{
		position: absolute;
		clear: both;
		left: 0;
		bottom: -174px;
		margin-bottom: 30px;
		font-size: 10px;
		color: #FFF;
		background: url(a/i/open_box.jpg) no-repeat center top;
		height: 144px;
		width: 617px;
	}

	#footer p{
		margin-top: 30px;
		position: relative;
	}

	.validation{
		position: absolute;
		right: 0;
		word-spacing: 4px;
	}
		
	/*------------------------------end__*/			
	
/*------------------------------end__*/

/*------------------------------404__*/


#error.lost_page #container{
	background: #1b1514;
	border: 1px solid #3d3534;
	height: auto;
	color: #666;
	position: static;
}

.cufon-active #error h1{
	font-size: 37px;
	margin-top: -10px;
}

.lost_page h2{
	font: 20px/1.3 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,"Trebuchet MS","Helvetica Neue",Helvetica,sans-serif; 
	margin: 15px 0 0;
	color: #666;
}

.lost_page #container p{
	font-size: 13px;
	line-height: 1.7;
}

del{
	color: #2c2220;
}

#light{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	background: url(a/i/light.png) no-repeat;
	width: 180px;
	height: 180px;
}

/*------------------------------end__*/