/*charset "utf-8";
 CSS Document */
 
<!-- 
/*body: #454841 header:#595f55 menu-bkround:#d4d8d1 container:#2e302b orange: #b07847*/

/* Font Declarations
		***********************************************************/
		
		
		@font-face {
		    font-family: 'horacypl';
		    src: url('fonts/hora_pl-webfont.eot');
		    src: url('fonts/hora_pl-webfont.eot?#iefix') format('embedded-opentype'),
		         url('fonts/hora_pl-webfont.woff') format('woff'),
		         url('fonts/hora_pl-webfont.ttf') format('truetype'),
		         url('fonts/hora_pl-webfont.svg#TangerineRegular') format('svg');
		    font-weight: normal;
		    font-style: normal;
		}
		
@font-face {
    font-family: 'TrebuchetRegular';
    src: url('fonts/trebuc_0-webfont.eot');
    src: url('fonts/trebuc_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trebuc_0-webfont.woff') format('woff'),
         url('fonts/trebuc_0-webfont.ttf') format('truetype'),
         url('fonts/trebuc_0-webfont.svg#TrebuchetRegular') format('svg');
    font-weight: normal;
    
}

		
	/* *******************************CSS resetting**************************************** */
		html, body, div, span, 
		h1, h2, h3,  p, blockquote, 
		a, address, big,  em, img, strong, b, u, i,  ol, ul, li,
		#footer, #header, .nav, #mainContent, .sideContent {
			margin: 0; 
			padding: 0;
			border: 0;
			font-size: 100%;
			text-decoration:none;
			vertical-align: baseline;
		}
		
		footer, header, .nav, a {display: block;}
		ol, ul {list-style: none;}
		blockquote {quotes: none;}
		blockquote:before, blockquote:after {content: '';content: none;}
		
		
/* *************************************************general elements and classes************************************* */
	
		h1{display:block; position: absolute; text-indent: -5000px} /** for search engines only**/
		h2 { font:400 42px horacypl; color:#b07847; letter-spacing:0.02em; font-weight:600;} /***42px is max for horacy good look **/
		h3 { font: 400 18px horacypl; color:black; letter-spacing:2px;  text-align:center;} 
		
		p  {font-family:'TrebuchetRegular'; font-size:14px; letter-spacing:0.10em; font-weight:100; line-height:1.5; color:#fff; text-align:justify;}
		p span {font-family:inherit; font-size:inherit; letter-spacing:inherit; font-weight:inherit; line-height:inherit; color:#b07847; font-weight:400;}
			 a:link    {color:inherit; line-height:inherit; letter-spacing:inherit; text-align:inherit; display:inline; font-family:inherit; }
			 a:visited {color:#ffffff;}
			 a:hover   {text-decoration:underline;}
			 a:active  {color:#ffffff;} 
		
		
		
		

body  {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #454841 url(images/backgroundmarcin2.jpg);
	}
	.index_contact_testimonials {}
	.basiclayout {}
	
#container {
	position:relative;
	margin-left:4%;
	margin-right:4%;
	margin-top:20px;
	border: 1px solid #000000;/*for some most strange reason removing this border creat a space above ????*/
	border-bottom:none;
	outline:0px solid red;
	min-height: 900px;
}

#header { 
	height:92px; /* size of headerkeeper, bacground file headerkeeper,  #collection, #main-photo-img have to match*/
	
	/*background: url("images/title-up.jpg") no-repeat scroll 0 0 #55635C;*/
	background:url("images/mk-down_03.jpg") no-repeat scroll 162px 2px #55635C;
	
	border-bottom:1px solid black;
	} 
	
	#header a{display:block; width:162px; height:90px;}
	
	#header a:link, #header a:visited{background:url(images/mk-up-up_02.jpg) no-repeat scroll 0 0; }
	#header a:hover{background-image:url(images/mk-down_02.jpg);}
	#header a:active{}
	
 #footer {
	z-index:1;
	height:30px;
	background:#DDDDDD; 
	margin-right:4%;
	margin-left:4%;
	min-width: 880px;
	border: 1px solid #000000;
	}

#footer h3 {line-height:30px;} /*together with #footer {height:30px} centers the text verically*/


.nav {float:right; width:100%; text-align:center; background-color:#fefefe;  border-bottom:1px solid black; } 
.nav li { float:right; width:100px; padding:2px 10px; border-right:1px solid black;}
.nav .first{border-left:1px solid black;}

.nav a:link    {padding:2px 1px;  font:20px horacypl;}
.nav a:visited {color:#000;}
.nav a:hover   {color:#b35a19; font-weight:700; text-decoration:none;}
.nav a:active  {color:#000;}
.nav a:visited {color:#000;}
.nav a:hover   {color:#b35a19; font-weight:600;}
.nav a:active  {}


.longer{width:140px;}
#this-one{background-color:#b07847; }
#this-one a{color:white; font-weight:800;}
.nav .longer{width:140px;}
.nav .first{border-left:1px solid black;}
	
.fltrt {float:right;}
.fltlft {float:left;}
.clearfloat {clear:both;}
.marcinkott{background:url(images/marcin-signiture.jpg); background-position:right; background-repeat:no-repeat; height:30px;}

/************************************************page specific classes and element: *******************************************************************************/
/****************************************************** basiclayout (all but index, testimonials, contact) *************************************************************/		

.basiclayout #container{background:#2e302b;}
.basiclayout #projectDescription {float: left;	margin-right:700px; padding-left:10px;}
.basiclayout #projectDescription h2{ text-align:left; line-height:0.9; text-indent:0.06em; margin-bottom:2px; margin-top:15px; }
.basiclayout #projectDescription p{padding-left:5px;}
.basiclayout #projectDescription span {color:#b07847; }

/** basiclayout image collection block********************************************************************/		

.basiclayout #collection {
	float: left;
	margin-right:565px;
	margin-top:10px;
	margin-left:10px;
	}

.basiclayout #collection a {text-decoration:none; color:#FFF;}
.basiclayout .imgCollection {
	float:left;
	display: block;
	overflow:hidden;
	margin-bottom:10px;
	margin-right:10px;
	height:150px; 
	text-align:left;
	}
		
		
.basiclayout .imgCollection img {height:140px; padding:2px;	border:1px solid #000;}
.basiclayout .imgCollection h2  {display:none;}
.basiclayout .imgCollection p   {display:none;}





/** basiclayout main photo block *************************************************************************/

.basiclayout #main-photo{display:block; position:fixed; right:4%; top:200px; width:550px; height:450px; overflow:hidden;}
.basiclayout #main-photo div {position:absolute; right:10px; top:5px; border-style:none; width:545px; outline:0px solid white;} 

.basiclayout #main-photo-img {height:400px; width:560px; overflow:hidden;} 

.basiclayout .nav-bottom{position:fixed; top:625px; right:4.5%; border-style:none; width:480px;  list-style:none; height:50px;}
.basiclayout .nav-bottom li 	{float:left; border-left:1px solid white; font-family:horacypl; width:135px;}
.basiclayout .nav-bottom .first {border-left:0px solid white; margin-right:10px;}
.basiclayout .nav-bottom a 		{font-size:20px; color:white; width:130px; }

.basiclayout .bottom{position:fixed; top:645px; right:4.5%; width:536px; border:1px solid #fefefe; margin-top:0px; margin-right:5px; }
.basiclayout .bottom p {color:#ffffff; text-align:center; font-family:HoracyPL; font-size:20px;}


.basiclayout #main-photo h2 {font-size:22px; font-weight:600; margin-top:20px; color:white;}
.basiclayout #main-photo p {} 
 
/********************************************************************* ***********************************************************/
/******************************************************* .index_contact_testimonials block******************************************/

.index, .contact {background:#2e302b;} .testimonials {}
	

.index_contact_testimonials .index #mainContent { float:left; margin-top:10px; margin-right:660px; padding-left:80px; outline:0px solid red;}
.index_contact_testimonials .index #mainContent h2 {margin-bottom:00px; font-size:38px;}	
.index_contact_testimonials .index #mainContent p {padding-left:10%px; padding-right:10%px;}
.index_contact_testimonials .index #rotatingPicture {position: absolute;right:4%; top:185px; height: 400px; width: 540px;}
.index_contact_testimonials .index .photo_to_rotate {position:absolute; display:none; left:0px; top:0px; height: 100%; width:100%; opacity:-0.01;}



.index_contact_testimonials .contact #mainContent { 
	border-bottom:0px solid #b35a19;
	width:50%; min-width:400px;
	margin-left:1.5%;  margin-top:75px;
	text-align:center;
	outline:0px solid red;
	}
.index_contact_testimonials .contact #mainContent h2 {margin-bottom:10px;}	
.index_contact_testimonials .contact #mainContent p {text-align:center; padding-left:10%px; padding-right:10%px; font-family:"TrebuchetRegular";}
.index_contact_testimonials .contact #mainContent span {color:#b07847; font-weight:400; font-size:22px; text-align:center; display:block;}
.index_contact_testimonials .contact #mainContent a {font-family:inherit; font-size:28px; color:#b07847; font-weight:200}
.index_contact_testimonials .contact #sideContent {
	width:460px;overflow:hidden;
	margin-left:2.5%;    margin-top:60px; 
	text-align:center;
	outline:0px solid blue;
	}
.index_contact_testimonials .contact #sideContent h2 {font-size:24px; margin-bottom:0px; text-align:left; }	
.index_contact_testimonials .contact #sideContent p {padding-left:10%px; padding-right:10%px; font-family:"TrebuchetRegular";}
.index_contact_testimonials .contact #sideContent img {margin-top:3px; margin-bottom:3px;}

.sign{ color:white; text-align:right; font-style:italic; font-size:20px; background-color:none; width:60%; margin-top:5px; font-weight:100;}
.index_contact_testimonials .testimonials p{padding-left:20px; padding-right:20px; width:60%; outline:0px solid red; margin:20px auto; margin-bottom:0px; text-indent:0px; background: #2e302b;}
.index_contact_testimonials .testimonials h2 {width:500px; text-align:left; line-height:0.9; text-indent:0.06em; margin-bottom:2px; margin-top:15px; }




--> 
<!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.basiclayout #collection { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.basiclayout #collection { padding-top: 30px; }
.basiclayout #mainimage { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->