@charset "utf-8";
@import url(typography.css);
/*	-------------------------------------------------------------
	Centrologic Design
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Centrologic Design
	Version:		1.0
	Date:			08/2008
	-------------------------------------------------------------	*/

/*	Bug hunting
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red !important; } */


/*	Clearing floats
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clearfloat { display: inline-block; }
.clearfloat:after { content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */

.clear { clear:both; }

html ,body { height: 100%; }

body, body p { font-size:14px; font-family: Helvetica, Verdana, Arial, sans-serif; text-align:justify; background-color:#fff !important; }

/*	COLOR SCHEME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body, body p, #contactUs input, #contactUs textarea, #mainContent, #txt_about, #txt_contact, #contactUs .button, #contactUs input, #contactUs #message { color:#fff; background-color:#fff; }

	/*	Main Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainContent { height:738px; margin:54px 80px 54px 80px; background-image:url(../img/main_shape.png); background-position:no-repeat; }
		/*#mainContentGradient { background:url(../img/main_shape_grad.png) no-repeat; width:100%; height:100%; }*/
			#top { height:126px; position:relative; }
				#bucket { width:100px; height:98px; background-repeat:no-repeat; position:absolute; top:21px; left:138px; }
				#bucket2 { width:100px; height:98px; background-repeat:no-repeat; position:absolute; top:21px; left:138px; }
			
				/*	Logo
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				#logo { display:block; width:282px; height:73px; position:absolute; top:0; left:299px; text-indent:-9000px; padding:0px; margin:0px; }
					#logo a { display:block; width:100%; height:100%; }
			
			/*	Portfolio
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			#portfolio { width:100%; height:396px; padding-top:54px; position:relative; }
				#navigation { position:relative; height:100%; }
					#arrowUp { width:53px; height:54px; display:block; position:absolute; top:36px; right:43px; background:url(../img/b_up.png) no-repeat left top; cursor:pointer; outline:0; }
					#arrowUp:hover { background:url(../img/b_up.png) no-repeat left bottom; }
					#arrowBot { width:53px; height:54px; display:block; position:absolute; top:198px; right:43px; background:url(../img/b_bot.png) no-repeat left top; cursor:pointer; outline:0; }
					#arrowBot:hover { background:url(../img/b_bot.png) no-repeat left bottom; }
				
				/*	Websites
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				#loader { width:300px; height:396px; position:absolute; top:54px; left:300px; background:url(../img/loader_splash.png) no-repeat 75px 75px; }
					#loader img { position:absolute; top:130px; left:135px; }
				#www { width:300px; height:396px; position:absolute; top:54px; left:300px; background-repeat:no-repeat; }
					#www a, #www2 a { display:block; width:100%; height:288px; outline:none; }
				#www2 { width:300px; height:396px; position:absolute; left:300px; display:none; background-repeat:no-repeat;  }
					
					
	/*	About Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#txt_about { background-repeat:no-repeat; display:block; text-indent:-9000px; height:36px; line-height:36px; }
		.en #txt_about { background-image:url(../img/txt_about.png); width:274px; }
		.pl #txt_about { background-image:url(../img/txt_onas.png); width:209px; }
		.es #txt_about { background-image:url(../img/txt_sobre.png); width:268px; }
	
	#txt_contact { margin:36px 0; background-repeat:no-repeat; display:block; text-indent:-9000px; height:36px; line-height:36px; }
		.en #txt_contact { background-image:url(../img/txt_getquote.png); width:174px; }
		.pl #txt_contact { background-image:url(../img/txt_zamow.png); width:238px; }
		.es #txt_contact { background-image:url(../img/txt_pre.png); width:438px; }
	
	
	/*	Contact Form
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contactUs { }
		#contactUs input, #contactUs textarea { border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
		#contactUs input { background-image:url(../img/form_input_bg.png); background-position:no-repeat; width:120px; height:16px; padding:2px 10px 0 10px; margin-bottom:18px; margin-right:20px; float:left; display:inline; }
		#contactUs input.last { margin-right:0; }
		#contactUs #message { background-image:url(../img/form_txta_bg.png); background-position:no-repeat; width:450px; height:65px; padding:7px 0px 0 10px; }
		
		#contactUs .button { background-image:url(../img/form_submit_bg.png); background-position:no-repeat; height:18px; width:141px; border:none; cursor:pointer; padding-bottom:3px; margin-top:18px; text-align:center; color:#fff !important; white-space:nowrap; float:none; }
		
	/*	Loading
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#loading { position: absolute; top:177px; left:430px; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
	
	#loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../img/fancyBox/fancy_progress.png) no-repeat; } 

	/*	Common styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noMargin { margin-right:0 !important; }
	.left { display:inline; float:left; }
	img.left { margin-right:20px; margin-bottom:18px; }
	.right { display:inline; float:right; }
	img.right { margin-left:20px; margin-bottom:18px; }
	.bold { font-weight:bold; }
	.normal { font-weight:normal; }
	.gold { color:#d3c36c; }
	.gold2 { color:#919168; }
	.blue { color:#1d3c50; }
	.green { color:#93b72f; }
	.center { margin:0 auto; text-align:center; }