@import "fonts.css";
@import "forms.css";

/* <------------ Basic Layout ---------- */

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
}

body {
 	background: #ffffff url(images/bg_big.jpg) top left no-repeat;
}
	/* <------------ Wrapper ---------- */
	
	#wrapper { 
 		margin: 60px 0 0 135px;
 		width: 900px;
	}
		/* <------------ Header Area ---------- */
		
		#header {
			height: 65px;
			width: 810px;
			margin-bottom: 50px;
		}

			#logo {
	height: 65px;
	width: 190px;
	float: left;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
			}
			
			#logo a {
				height: 65px;
				width: 190px;
				display: block;
				text-indent: -900px;
			}

			#menu {
				height: 65px;
				width: 620px;
				float: left;
			}
				#menu ul {
					list-style: none;
				}
				
				#mainmenu li {
					text-align: center;
					float: left;
					height: 65px;
					width: 100px;
				}
				
				#mainmenu li a {
					display: block;
					font-size: 14px;
					font-weight: bold;
					color: #938f90;
					padding: 25px 0 0 0; 
				}
				
				#mainmenu li a:hover {
					color: #2d2b2d;
				}
				
				#mainmenu li a:visited {
					font-style: normal;
				}
				
				#mainmenu li a.home:hover {
					background: url(images/home_hover.gif) no-repeat;
				}		
				
				#mainmenu li a.folio:hover {
					background: url(images/folio_hover.gif) no-repeat;
				}	
				
				#mainmenu li a.about:hover {

				}	
				
				#mainmenu li a.contact:hover {
					background: url(images/contact_hover.gif) no-repeat;
				}
				
				#mainmenu li a#home_active, #mainmenu li a#folio_active, #mainmenu li a#about_active, #mainmenu li a#contact_active {
					color: #2d2b2d;
					height: 65px;
					display: block;
				}
				
				#mainmenu li a#home_active {
					background: url(images/home_active.gif) no-repeat;
				}
				
				#mainmenu li a#folio_active {
					background: url(images/folio_active.gif) no-repeat;
				}
				
				#mainmenu li a#about_active {
					background: url(images/about_active.gif) no-repeat;
				}
				
				#mainmenu li a#contact_active {
					background: url(images/contact_active.gif) no-repeat;
				}
				
							
		/* <------------ Main Message ---------- */
		
		#main_content {
	clear: both;
	width: 810px;
	margin-bottom: 20px;
		}

			#mainmessage {
	margin-bottom: 10px;
	text-align: center;
			}
#mainmessage_ {
	margin-bottom: 10px;
	text-align: center;
	height: 450px;
	background-color: #000;
	margin-left: 27px;
			}

/* ------------------------ */

/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 750px; /*Width of Carousel Viewer itself*/
	height: 306px; /*Height should enough to fit largest content's height*/
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0px;
	margin-left: 0px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 435px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
			
			
		/* <------------ Content ---------- */
		
		#content {
			clear: both;
		}		
			#content-left {
	width: 410px;
	margin-right: 10px;
	padding-left: 10px;
	float: left;
			}
#content-left h3 {
	text-align: center;
}

#content-left ul {
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 15px;
	font-size: 12px;
	line-height: 19px;
	font-family: "Trebuchet MS", sans-serif;
}

			
			#content-right {
				width: 450px;
				float: left;
			}
				
				#job_preview {
				}
				
					.preview_thumb {
						float: left;
						height: 83px;
						width: 377px;
						margin-bottom: 15px;
						background: url(images/preview_bg.png) no-repeat;
					}
						
						.preview_thumb img {
							height: 70px;
							width: 371px;
							margin: 3px 0 0 3px;
							border: none;
						}	
.preview_cat-digital, .preview_cat-print, .preview_cat-photo, .preview_cat-priv, .preview_cat-wyn {
								float: left;
								height: 70px;
								width: 70px;
								display: block;
								text-indent: -9000px;
							}
							
							.preview_cat-digital {
	background-image: url(images/preview_cats-produkcja.png);
	background-repeat: no-repeat;
	background-position: left top;
							}
								
							.preview_cat-print {
	background-image: url(images/preview_cats-wynajem.png);
	background-repeat: no-repeat;
	background-position: left top;
							}
							
							.preview_cat-photo {
	background-image: url(images/preview_cats-wynajem.png);
	background-repeat: no-repeat;
	background-position: left top;
							}
							
							.preview_cat-priv {
	background-image: url(images/preview_cats-renowacja.png);
	background-repeat: no-repeat;
	background-position: left top;
							}
.preview_cat-wyn {
	background-image: url(images/preview_cats-wynajem.png);
	background-repeat: no-repeat;
	background-position: left top;
							}
					
		/* <------------ Content Folio ---------- */
		
			.folio-left {
				width: 380px;
				margin-right: 50px;
				float: left;
			}
			
			.folio-right {
				width: 450px;
				float: left;
			}
		
			.category {
				float: left;
				width: 807px;
				margin-bottom: 15px;
				background: url(images/line.gif) bottom left no-repeat;
			}
			
			.divider {
				display: block;
				float: left;
				height: 27px;
				width: 810px;
			}
			
				.folio_item {
					margin-bottom: 15px;
				}
			
				.folio-pic, .folio-pic-m  {
					float: left;
					height: 146px;
					width: 377px;
					margin: 5px 0px 0px 0px;
					background: url(images/folio_bg.png) no-repeat;
				}
				
				.folio_bg {
					float: left;
					height: 146px;
					width: 377px;
					margin: 5px 0px 0px 0px;
					background: url(images/folio_bg.png) no-repeat;
				}
				
				.folio-pic-m img {
					border: none;
				}	
				
				.folio-pic-m a {
					height: 133px;
					width: 371px;
				}	
				
				.folio-pic img {
					height: 133px;
					width: 371px;
					margin: 3px 0 0 3px;
				}					
				
			.info {
				width: 371px;
			}
			
				.info a {
					clear: both;
					text-indent: -9000px;
					margin-left: 326px;
					margin-bottom: 5px;
					height: 13px;
					width: 45px;
					display: block;
					background: url(images/more_info.gif) top right no-repeat;
				}
			
		/* <------------ Content About ---------- */
		
		.skill {
	float: left;
	width: 380px;
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(images/check.gif) top left no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
		}

		#lastfm {
			width: 380px;
			margin-bottom: 15px;
		}
		
		/* <------------ Content Contact ---------- */
		
		#adresse, #phono, #messenger, #mail, #profiles {
			float: left;
			width: 350px;
			margin-bottom: 10px;
			padding-left: 25px;
		}
		
		#adresse {
			background: url(images/adresse.gif) top left no-repeat;
		}
		
		#phono {
			background: url(images/phone.gif) top left no-repeat;
		}
		
		#messenger {
			background: url(images/messenger.gif) top left no-repeat;
		}
		
		#mail {
			background: url(images/mail.gif) top left no-repeat;
		}
		
		#profiles {
			background: url(images/profiles.gif) top left no-repeat;
		}
		
		#profiles a {
			font-weight: normal;
		}
		
		#success p {
			color: #41bc00;
		}

			
		/* <------------ Footer ---------- */
		
		#footer {
	clear: both;
	margin-top: 30px;
	height: 15px;
	width: 810px;
	margin-left: 5px;
	float: left;
	text-align: center;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
		}
		
			#copyright {
	clear: both;
	width: 510px;
	margin-left: 210px;
			}
			
			#impressum {
				width: 480px;
				float: left;
				text-align: right;
			}


img, div {

}
#submessage {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #333333;
	border-bottom-color: #333333;
	text-align: center;
}
#footer  a:hover {
	text-decoration: none;
}
#content-right h3 {
	text-align: center;
	padding-top: 10px;
}
#content-left strong {
	font-weight: normal;
	color: #343233;
}
#content-right strong {
	font-weight: normal;
	color: #343233;
}
#content-web .folio-left ul {
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 15px;
}
#content-web .folio-left li {
	margin-left: 10px;
}