/*======================================================================*/
/*																		*/
/* 		created at 10/01/2010 by 960pixels. All rights reserved.		*/
/* 		www.960pixels.pl 												*/
/*																		*/
/*======================================================================*/
/*	@ global, main selectors											*/
/*	- top																*/
/*	- logotype															*/
/*	- navigation														*/
/*	- slideshow															*/
/*	- content															*/
/*		- content-start													*/
/*		- content-contact												*/
/*		- content-portfolio												*/
/*	- footer															*/
/*	- errors															*/
/*======================================================================*/

noscript p						{ background: #ef9797; border-bottom: 2px solid #ff0000; color: #6e1313; height: 60px; line-height: 4em; margin: 0 auto; text-align: center; width: 100%; z-index: 999; }
div.constriuction p				{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #feda4c; border: 1px solid #ffba00; margin-top: 30px; color: #695829; height: 55px; line-height: 4em; text-align: center; }

/* global, main selectors 		*/ /*new color proposition for background: #101215; */
body 							{ background: #121519; color: #b9cdd4; font-family: "Helvetica Neue", Arial; }
h2								{ color: #fff; font-size: 1.19em; font-style: italic; font-weight: bold; letter-spacing: 0px; margin: 40px 0px; }
p								{ font-size: 0.81em; letter-spacing: 0px; line-height: 1.49em; }
a								{ text-decoration: none; }
abbr							{ border-bottom: 1px dashed #b9cdd4; }
p a, p a:active					{ color: #657479; text-decoration: underline; }
p a:hover						{ color: #fff; text-decoration: underline; }
p a:visited						{ color:#505a5e; text-decoration: none; }
.space							{ height: 40px; }
.hidden							{ display: none; }


/* top							*/
div#top							{ background: #2a2f38; border-bottom: 10px solid #687895; height: 120px; width: 100%; }
	
/* logotype						*/
div#logotype					{ float:left; position: relative; top: 30px; left: 0px;}
div#logotype h1					{ text-indent: -9999px; margin: 0px; }
div#logotype h2					{ color: #ffcc00; font-size: 0.71em; margin: 0px; }
div#logotype a 					{ background: url('../img/logotype.png') top no-repeat; display: block; height: 50px; width: 200px; }
div#logotype a:hover 			{ background-position: bottom; }

/* navigation					*/
div#navigation					{ font-size: 1.06em; letter-spacing: 0px; text-transform: uppercase;}
div#navigation ul				{ float: right; position: relative; right: 0px; top: 56px;}
div#navigation ul li			{ display: block; float: left; }
div#navigation ul li a			{ color: #fff; float: left; }
div#navigation ul li a:hover	{ color: #ffcc00; text-decoration: underline; }
span.navigation					{ border-right: 1px solid #3a404c; display: block; float: left; height: 30px; padding: 13px 20px 0px 20px;}
span.navigation-last			{ border: none; }

/* slideshow					*/
div.slides						{ background: url(../img/top.png) center no-repeat; width: 950px; height: 248px; }
div.slideshow					{ position: relative; top: 132px; left: 1px; width: 683px; height: 100px; }

/* content-start 				*/
span.prologue					{ display: block; font-size: 1.00em; letter-spacing: 0px; line-height: 1.00em; margin: 0px 30px 0px 0px; padding: 3px 0px 0px 0px; }
span.thought					{ color: #fff; display: block; font-size: 1.44em; letter-spacing: 0px; line-height: 1.10em; margin: 13px 30px 0px 0px; }
span.thought a					{ background: #292f33; color: #ffcc00; }
span.thought a:hover			{ text-decoration: underline; }

div.last-projects h2			{ margin: 22px 0px 22px 0px; }
div.last-projects h3			{ font-size: 1.00em; }
div.last-projects ul li			{ border-bottom: 1px solid #1f232a; color: #fff; display: block; width: 337px; padding: 9px 0px 12px 13px; }
div.last-projects ul li:hover	{ background: #0b0c0f; color: #1cc7ff; }
div.last-projects ul li a		{ color: #ffcc00; font-size: 0.75em; text-decoration: underline; }
div.last-projects ul li a:hover	{ color: #ff7e00; }

div.why-us						{ background: #15181c; padding:0px 0px 30px 0px; border-bottom: 10px solid #262b32; }
div.why-us h2					{ margin: 22px;}
div.why-us ul					{ font-size:0.81em; margin: 0px 0px 0px 22px; }
div.why-us ul li				{ border-bottom: 1px solid #2a2f38; letter-spacing: 1px; width: 505px; }
div.why-us ul li a				{ color: #b9cdd4; display: block; font-size:0.91em; padding: 12px 0px 11px 15px; }
div.why-us ul li a:hover		{ background: #1b1e23; color: #ffcc00; }

span.see-more					{ display: block; margin-top: 16px; text-align: right; width: 346px;  }
span.see-more a					{ background: url(../img/arrow.gif) 0px 6px no-repeat; color: #8c9ca2; font-size: 0.81em; padding-left: 14px; text-decoration: underline; }
span.see-more a:hover			{ color: #fff; }

/* content-offer				*/

div.offer h2					{ margin: 22px 0px 12px 0px; }
span.offer						{ margin: 0px 0px 12px 0px; }
img.graph						{ margin: 30px; }

/* content-contact				*/

div.contact-form div 			{ clear:both; }
div.contact-form label 			{ color: #fff; padding: 20px 10px; }
div.contact-form input 			{ background: #343e4c; border: 1px solid #546d8f; color: #fff; padding:5px; margin: 15px 10px; font-size: 1em; }
div.contact-form textarea 		{ background: #343e4c; border: 1px solid #546d8f; color: #fff; font-size: 1em; padding:0.6em 0.5em 0.7em; }
label.error						{ font-size: 0.81em; width: auto; color: #ff4e00; }

p.error							{ background: #ff8f8f; border: 2px solid #d74242; font-size: 0.81em; color: #552222; padding:10px; text-align: center; }
p.success						{ background: #d9ff8f; border: 2px solid #a1d742; font-size: 0.81em; color: #445522; padding: 10px; text-align: center; }

/* content-portfolio			*/

div.portfolio ul				{ color: #29323c; }
div.portfolio li				{ background: #14181c; border-bottom: 1px solid #20272f; border-top: 10px solid #20272f; display: block; float: left; height: 235px; margin: 30px 18px; position:relative; width: 200px; }
div.portfolio li:hover			{ background: #171b21; border-bottom: 1px solid #009cff; border-top: 10px solid #009cff; }
div.portfolio li img			{ border:1px solid #222931; margin: 6px 6px 10px 6px; }
span.contractor a				{ color: #fff; display: block; font-size: .91em; padding: 8px; }
span.contractor a:hover			{ color: #b9cdd4; }
span.contract-task				{ display: block; font-size: .81em; position: absolute; bottom: 17px; right: 8px; }

/*content-contact				*/

div.contact-info dt				{ color: #fff; font-size: 0.91em; font-weight: bold; margin: 1em 0; }
div.contact-info dd				{ line-height: 1.62em; }
div.contact-info dd a			{ color: #657479; }
div.contact-info dd a:hover		{ color: #fff; }
div.contact-info dd a img		{ padding: 6px 5px 0px 0px; }

/*content-faq					*/

div.annotations	dt				{ color: #fff; font-weight: bold; font-size: 1em; margin: 10px 0px 5px 0px; }
div.annotations	dl				{ background: #08090b; color: #474f51; display: block; font-size: 0.71em; line-height: 1.19em; padding: 10px; margin: 0px 10px 10px 0px; }

/*content-faq-arts				*/

/*content-faq-menu				*/

div.faq-menu ul					{ font-size:0.81em; }
div.faq-menu ul li				{ border-bottom: 1px solid #2a2f38; letter-spacing: 1px; width: 100%; }
div.faq-menu ul li a			{ color: #b9cdd4; display: block; font-size:0.91em; padding: 12px 0px 11px 15px; }
div.faq-menu ul li a:hover		{ background: #1b1e23; color: #ffcc00; }

/* footer 						*/

div.footer						{ border-top: 1px solid #262b32; }
span.footer-left				{ float: left; }
span.footer-right				{ float: right; }
span.footer-left,
span.footer-right				{ color: #2f3740; font-size: 0.81em; padding: 13px; }
span.footer-left a,
span.footer-right a				{ color: #657479; text-decoration: none; }
span.footer-left a:hover,
span.footer-right a:hover		{ color: #77898f; }

/* errors 						*/

div.errors h1					{ color: #fff; font-size: 6.5em; margin: 40px 0px 0px; }
div.errors p					{ color: #fff; letter-spacing: 1px; }
div.errors ul li				{ font-size: 0.81em; line-height: 1.4em; }
div.errors ul li a				{ color: #77898f; }
div.errors ul li a:hover		{ color: #fff; text-decoration: underline; }

/*simplemodal*/
#mask 							{ position:absolute; left:0; top:0; z-index:9000; background:#000; display:none; }
.window 						{ position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; }

.window h3						{ display: block; float: left; color: #fff; font-size: 1.19em; font-style: italic; font-weight: bold; letter-spacing: 0px; margin: 10px 10px 20px; text-shadow: 2px 2px 2px #000; }
.window a.close					{ display: block; float: right; color: #424954; padding: 5px; }
.window a.close:hover			{ color: #929ba9; }
.window p						{ clear: both; display: block; margin: 10px 10px; text-shadow: 1px 1px 1px #000; }
.window p a						{ color: #e0ecf0; text-decoration: underline; }
.window p a:hover				{ color: #edf4f6; }
.window p strong				{ color: #869fa7; }

#about, 
#design, 
#validate, 
#gridsystem 					{ width:460px; height:210px; padding:10px; background: #2A2F38; border: 6px solid #3d434e; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; }

#fblike							{ clear: both; float:left; margin: 7px; color:#fff; }