/* CSS Document */
/*--------------------General---------------------------*/
body{
	background:url(../images/main_bg.jpg) repeat 0 0;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#000000;
	background-color:inherit;
}
p, h1, h2, h3, h4, h5, h6, form, input, label{
	padding:0;
	margin:0;
}
a{
	outline:none;
	text-decoration:none;
}
.spacer{
	clear:both;
	line-height:0;
	font-size:0;
}
img{
	border:none;
	padding:0;
	margin:0;
}

/*--------------------General---------------------------*/

/*------------------Maincontainer Starts---------------*/
#maincontainer{
	padding:0 0 0 0;
	margin:115px auto 0 auto;
	width:911px;
}
#maincontainer div.wrap{
	background:url(../images/box_shadow.png) no-repeat left bottom;
	padding:0;
	margin:0 0 0 0;
	height:576px;
}	
#maincontainer div.wrap div.outer{
	padding:5px;
	margin:0 auto;
	width:716px;
	background:url(../images/outer_bg.jpg) repeat-x 0 0;
	border:1px solid #c6c6c6;
	color:#000;	
	background-color:inherit;
	position:relative;
}
/*-----------------Top Portion Strats-------------------*/
#maincontainer div.wrap div.outer div.social{
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	width:130px;
	top:0px;
	right:5px;
}
#easy_tooltip{
	border:1px solid #434848;
	padding:1px 4px;
	margin:0;
	background:#212929;
	color:#dadada;
	z-index:10000;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
#maincontainer div.wrap div.outer div.social ul{
	padding:16px 0 40px 45px;
	margin:0 0 0 0;
	list-style:none;
}
#maincontainer div.wrap div.outer div.social ul li{
	float:left;
	width:auto;
	padding:0 8px 0 0;
	margin:0 0;
}
#maincontainer div.wrap div.outer div.inner{
	border:1px solid #dedede;
	padding:0 44px;
	margin:0 0;
	background:url(../images/inner_bg.jpg) repeat-x 0 0;
	width:626px;
}
#maincontainer div.wrap div.outer div.inner div.header{
	padding:18px 0 10px 0;
	margin:0 0 0 0;
} 
#maincontainer div.wrap div.outer div.inner div.header h1{
	padding:0 0;
	margin:0 0;
	text-align:center;
	font:bold 26px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background-color:inherit;	
}
#maincontainer div.wrap div.outer div.inner div.header p{
	text-align:center;
	padding:0;
	margin:0;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#8c8c8c;
	background-color:inherit;
}
/*-----------------Top Portion Ends-------------------*/

/*---------------Body Portion Starts-----------------------*/
#maincontainer div.wrap div.outer div.inner div.body{
	background:url(../images/body_bg.png) no-repeat 0 0;
	padding:0 0;
	margin:0 0;
	color:#000;
	background-color:inherit;
}
#content{
	padding:0 0 0 ;
	margin:0 0;
	height:296px;
	overflow:hidden;
	background:url(../images/border_bottom.gif) repeat-x 0 100%;
	background-color:inherit;
	color:#000;
}
#content div.section{
	padding:45px 0 19px 0;
	margin:0 0 0 0;	
	background-color:inherit;
	color:#000;
}
#content div.section h2{
	padding:0 0 0 0;
	margin:0 0 20px 0;
	font:normal 26px/26px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	background-color:inherit;
}
#content div.section h3{
	padding:0 0 0 0;
	margin:0 0 0px 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	background-color:inherit;
}
#content div.section img{
	padding:0 0 5px 0;
	margin:0 20px 0 0;
	float:left;
	width:auto;
}
#content div.section p{
	padding:0 0 10px 0;
	margin:0 0 0 0;
	font:normal 12px/23px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
}
#content div.section p a{
	font:bold 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background-color:inherit;
}
#content div.section p a:hover{
	border-bottom:1px dotted #797979;
	color:#4d4d4d;
	padding:0 0 3px 0;
}
/*---------------Body Portion Ends-----------------------*/

/*--------------Main Navigation Starts-----------*/
#maincontainer div.wrap div.outer div.inner div.body div.menu{
	padding:44px 0 0 192px;
	margin:0 0 20px 0;
}
#nav{
	padding:0 0;
	margin:0 0;
	list-style:none;
}
#nav li{
	float:left;
	width:auto;
	padding:0 4px 0 0;
	margin:0 0 0 0;
}
#nav li a{
	width:47px;
	height:25px;
	display:block;
}
#nav li.nav1 a{
	width:57px;
	background:url(../images/home_icon.png);
	background-repeat:no-repeat;	
}
#nav li.nav1 a.activeSlide, #nav li.nav1 a:hover{
	width:57px;
	background:url(../images/home_icon_active.png);
	background-repeat:no-repeat;	
}
#nav li.nav2 a{
	width:57px;
	background:url(../images/work_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav2 a.activeSlide, #nav li.nav2 a:hover{
	width:57px;
	background:url(../images/work_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav21 a{
	width:57px;
	background:url(../images/praca_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav21 a.activeSlide, #nav li.nav21 a:hover{
	width:57px;
	background:url(../images/praca_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav3 a{
	width:75px;
	background-image:url(../images/about_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav3 a.activeSlide, #nav li.nav3 a:hover{
	width:75px;
	background-image:url(../images/about_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav31 a{
	width:75px;
	background-image:url(../images/omnie_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav31 a.activeSlide, #nav li.nav31 a:hover{
	width:75px;
	background-image:url(../images/omnie_icon_active.png);
	background-repeat:no-repeat;
}

#nav li.nav4 a{
	width:57px;
	background-image:url(../images/social_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav4 a.activeSlide, #nav li.nav4 a:hover{
	width:57px;
	background-image:url(../images/social_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav41 a{
	width:75px;
	background-image:url(../images/linki_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav41 a.activeSlide, #nav li.nav41 a:hover{
	width:75px;
	background-image:url(../images/linki_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav5 a{
	width:67px;
	background:url(../images/contact_icon.png);
	background-repeat:no-repeat;
	
}
#nav li.nav5 a.activeSlide, #nav li.nav5 a:hover{
	width:67px;
	background:url(../images/contact_icon_active.png);
	background-repeat:no-repeat;	
}
#nav li.nav51 a{
	width:67px;
	background:url(../images/kontakt_icon.png);
	background-repeat:no-repeat;
	
}
#nav li.nav51 a.activeSlide, #nav li.nav51 a:hover{
	width:67px;
	background:url(../images/kontakt_icon_active.png);
	background-repeat:no-repeat;	
}

/*--------------Main Navigation Ends-----------*/

/*-----------About me Page Starts------------------*/
#content div.section ul.about{
	padding:4px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
#content div.section ul.about li{
	background:url(../images/bullets.gif) no-repeat 0 4px;
	padding:0 5px 5px 15px;
	margin:0 0 0 0;
	width:280px;
	float:left;
}
#content div.section ul.about li.last{
	padding:0 0 0 15px;
	margin:0;
}
#content div.section ul.about li a{
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	text-decoration:none;
}
#content div.section ul.about li a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
/*-----------About me Page Ends------------------*/
/*-----------Work Page Starts------------------*/
#content div.section div.first{
	width:auto;
	margin:0 0px 0px 0;
	padding:0 0 0 0; 
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	float:left;
}
#content div.first p{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	padding:20 16 6px 10;
	margin:0 0 0 0;
}
#content div.section div.first img{
	padding:0;
	margin:0 5px 0 0;
	float:left;
	width:27px;	
	display:block;
}
#content div.section div.first ul{
	padding:0 0 0 0;
	margin:0 0 0 35px;
	width:auto;
	list-style:none;	
}
#content div.section div.first ul li{
	padding:0 0 1px 15px;
	background:url(../images/bullets2.gif) no-repeat 0 8px;
	margin:0;
}
#content div.section div.first ul li.print{
	background:url(../images/bullets3.gif) no-repeat 0 8px;
}
#content div.section div.first ul li.skills{
	background:url(../images/bullets4.gif) no-repeat 0 8px;
}
#content div.section div.first ul li a{
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	text-decoration:none;
}
#content div.section p.view{
	font:bold 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#362424;
	background-color:inherit;
	padding:0 0 0 42px;
	margin:0 0 0 0;
}
#content div.section p.view a {
	padding:0;
	margin:0;
	font:bold 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#362424;
	background-color:inherit;
}
#content div.section p.view a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
#content div.section div.first ul li a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
/*-----------Work Page Ends------------------*/

/*-------------Social Page Starts---------------*/
div#slideshow{	
	height:171px;
	width:585px;
	position:relative;
	}
div#slideshow div.slider{
	padding:0;
	margin:0;	
	width:585px;
	position:relative;
	background-color:inherit;
	color:#fff;
}
div#slideshow div.slider ul{
	margin:0;
	padding:0 0 0 0;
	list-style:none;	
	}
div#slideshow div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:135px;
	height:78px;
	overflow:hidden; 
	padding:0 15px 0 0;
	margin:0 0 15px 0;
	float:left;
	}
div#slideshow div.slider li.last{
	padding-right:0;
}
#display{
	padding:0 0 0 0;
	width:auto;
	margin:0 0 0 0;
	position:absolute;
	top:70px;
	right:-20px;
}
#display ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:140px;
	display:inline;	
}
#display ul li{
	float:left;
	margin:0 0 0 0;
	padding:0 3px 0 0;
	cursor:pointer;
	width:auto;
	line-height:12px;
	color:#878686;
	background-color:inherit;
	background:url(../images/display_divider.gif) no-repeat 85% 0;
}
#display ul li.last{
	background:none;
}
#display ul li img{
	padding:0;
	margin:6px 0 0 0;
}
/*-------------Social Page Ends--------------------*/
/*-------------Contact Page Starts------------------*/
#content div.contact{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#content div.contact div.form{
	float:left;
	width:297px;
	padding:0 40px 0 0;
	margin:0 0;
	background:url(../images/form_divider.gif) repeat-y 100% 0;
	position:relative;	
}
#content div.contact div.form label{
	display:block;
	overflow:hidden;
	height:100%;
	padding:0;
	margin:0 0 10px 0;
}
#content div.contact div.form label.last{
	margin-bottom:0;
}
#content div.contact div.form label img{
	padding:0;
	margin:5px 0 0 0;
}
#content div.contact div.form label span{
	width:90px;
	float:left;
	text-align:left;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit; 
	line-height:16px;
}
#content div.contact div.form input{
	width:198px;
	float:left;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	background-color:#f2f2f2;
	border:1px solid #d5d5d5;
	padding:4px 0 0 2px;	
	height:20px;
	outline:none;	
}
#content div.contact div.form textarea{
	width:198px;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	border:1px solid #d4d4d4;
	padding:4px 0 0 4px;	
	height:68px;
	outline:none;	
	background:repeat-x 0 100% #ffffff;		
}
#content div.contact div.form label.btnsub{
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	height:16px;
	width:49px;
	position:absolute;
	left:0;
	top:166px;
}
#content div.contact div.form label.btnsub input.submission{
	background:url(../images/send_btn.gif) no-repeat 0 0;
	width:49px;
	height:16px;	
	border:none;
	text-indent:-20000px;
	cursor:pointer;
	float:left;	
	}
#content div.contact div.form input:focus{
	background:#f8f8f8;
	color:#7d7c7c;
}
#content div.contact div.form textarea:focus{
	background:#f8f8f8;
	color:#7d7c7c;
}
#content div.contact div.map{
	float:right;
	padding:0 0 0 46px;
	margin:0 0 0 0;
	width:240px;
}
#content div.contact div.map div.googleMap {
	width:219px;
	border:#797979 1px solid;
	padding:3px;
	margin:0 0 10px 0;
	height:101px;
	background-color:#fff;
	color:#000;
	}
#content div.contact div.map p{
	font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	padding:0 0 4px 0;
	margin:0 0 0 0;
}
#content div.contact div.map p span{
	font:bold 12px/15px Verdana, Arial, Helvetica, sans-serif;	
}
#content div.contact div.map p a{
	font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
}
#content div.contact div.map p a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
/*-------------Contact Page Ends------------------*/

#social_lists {
margin:0px 0 0 0;
padding:0;
}
#social_lists li {
list-style:none;
float:left;
width:290px;
padding:2px;
margin:0 2px 2px 0;
}
#social_lists li:hover {
border:0px solid #e39784;
background:#F0FFF0;
}
#social_lists a {
color:#555555;
display:block;
}
#social_lists strong {
font:bold 22px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
display:block;
padding-top:1px;
}
#social_lists span {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
padding-top:1px;
}
#social_lists img {
padding-right:2px;	
}

/*	Slider	*/
.slider_toggle {
float: left;	
display: block;
height: 300px;
width: 37px;
color: #ffffff;
text-decoration: none;
outline: none;
border-right: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}
.slider_content {
height: 300px;
float: left;
overflow: hidden;
color: #444444;
}
.slider_content_wrapper {
padding:5px 15px 5px 15px;
}
.slider_content p {
width: 450px;
margin-bottom:10px;
}
.slider_content img {
border:0;
}
#slider_container {
margin: 0px auto;
width: 680px;   
height: 300px;    
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}

/*footer*/
#footer{
	background:no-repeat top;
	padding:0 0 20px 0;
	margin:0 0 0em 0;
	float:center;
	width:80%;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
}
#footer a:link, #footer a:visited{
	color:#716961;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover{
	color:#797979;
	text-decoration:none;
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
abbr{
	cursor:help;
	font-style:italic;
}

.clear{
	clear:both;
}

/*form*/
#contact-form p{
	margin:0;
	padding:0 0 10px 0;
}
#cf_name, #cf_email, #cf_subject, #cf_message{
	background:#080502;
	border:1px solid #473a2f;
	padding:2px;
	color:#948574;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#cf_name, #cf_email, #cf_subject{
	width:290px;
}
#cf_message{
	width:290px;
}
.button-bg{
	color:#fffcfa;
	border:0;
	background:#ad4a18;
	padding:2px 10px;
}


/*------------------Maincontainer Ends---------------*/