/* -----------------------------------------------------------------------
	Netkata WEB SOLUTIONS
	visit www.netkata.com or email info@netkata.com
   ----------------------------------------------------------------------- */
 
body 		{ background: white url(../images/wind.png) no-repeat 0px bottom; color: #0e222f; }
body 		{ font-size:75%; font-family: Georgia, serif; position: relative;}
p			{ font-size: 1.1em;}
em 			{ color: #000; font-weight: 400; font-style:italic; }
strong 		{ color: #000;}
a 			{ color: #ec143d; border-bottom: 1px dotted #7A7A70; line-height:1%;text-transform: lowercase; font-variant: small-caps; letter-spacing: 1px; text-decoration: none;}
a:hover 	{ color: #000; border-color: #ec143d;text-decoration: none; }
.container	{ z-index: 2; position: relative; margin-bottom: 4em;}
hr 			{ color: #ddd; background: #ddd; border-color: #ddd;} 

/*p + p 					{text-indent: 1em;}*/
/*p:first-line 			{font-weight: 400; font-style: italic; color: #000;}*/
p + p:first-line 		{font-weight: 400; font-style: normal; color: #222;}
#footer p:first-line	{font-weight: 400;}

textarea			{ font-family:'lucida grande','lucida sans unicode',sans-serif;}

p + p.normal		{ text-indent: 0em; }

/* ------------------------------- Page Top & Menu --- */
#pfolio h4 , #contact form label, #contact .success, .personalInfo span 	{ color: #ccc; font-family:'lucida grande','lucida sans unicode',sans-serif; font-size:1.2em; font-variant:small-caps; letter-spacing:1px; text-transform:lowercase;}
#home h3, #services h2, #pfolio h3 	{ color: #222; font-family:'lucida grande','lucida sans unicode',sans-serif; font-size:1.25em; font-weight: bold; font-variant:small-caps; letter-spacing:1px; text-transform:lowercase;}

#top				{ height: 220px; position: relative;}
#topMenu			{ height: 27px; margin-left: 221px;}
#topMenu ul			{ list-style: none; overflow: hidden;}
#topMenu ul li a	{ height: 27px; text-indent: -999px; float: left; border-bottom: none;}

#sprite2			{ width: 106px; height: 38px; background: url(../images/top_gate.png) no-repeat 0 0; position: absolute; bottom: 0px; right: 0px;} 
#logo				{ width: 200px; height: 100px; position: absolute; top: 40px; left: 10px; display: block; border: none; outline: none;}
#lang				{ position: absolute; top: 5px; right: 1px; width: 110px;}
#lang a				{ float: right; background: url(../images/flags.png) no-repeat 0 0; width: 22px; height: 16px; margin-left: 10px; overflow: hidden;border:none;text-indent: -999px;}
#lang a.lang_pl			{ background-position:-66px 0px;}
#lang a.lang_us			{ background-position:0px 0px;}
#lang a.lang_uk			{ background-position:-33px 0px;}
#lang a.lang_pl:hover		{ background-position:-66px -25px;}
#lang a.lang_us:hover		{ background-position:0px -25px;}
#lang a.lang_uk:hover		{ background-position:-33px -25px;}

#menuHome a			{ width: 111px;}
#menuPortfolio a	{ width: 157px;}
#menuServices a		{ width: 108px;}
#menuContact a		{ width: 137px;}
#topMenu ul li a:hover		{ background-position: 0px -27px;}
#topMenu ul li.active a		{ background-position: 0px -54px;}


/* ------------------------------- Common & Shared elements --- */
.quotes					{ border-top: 1px dashed #ddd; padding: 0.5em 0em 0.5em 0em; margin-top: 1em; text-align: center;  }
.quotes div				{ padding: 11px 0px 0px 25px; background: url('../images/quote1.png') no-repeat 0 0;  }
.quotes p				{ color: #7A7A70; font-family:cochin,baskerville,'palatino linotype',georgia,serif; font-style:italic; padding: 0px 10px; margin-bottom: 1em; font-size: 1.25em; line-height: 1.4em; }
.quotes p:first-line	{ color: #7A7A70;}
.quotes p.autor			{ color: #111; font-family:baskerville,'palatino linotype','times new roman',serif; font-style:normal; font-variant:normal; text-align: right; font-size: 1em;}
.quotes p.autor em		{ font-style: normal; }
.quotes a				{ color: #111; font-style: normal; border-color: #111;}

#sprite1				{ position: absolute; bottom: -18px; left: -50px; width: 301px; height: 161px;background: url(../images/bonzai.png) no-repeat 0 0; z-index: 1;}
/* ------------------------------- Footer --- */

#footer 				{ border-top: 1px dashed #7A7A70;  margin-top: 3em; position: relative; z-index: 3;}
#footer div p 			{ padding: 1.5em 0em 0em 0em;}
#footer .last p			{ color: #222; font-family:'lucida grande','lucida sans unicode',sans-serif; font-size:1.25em; font-weight: bold; font-variant:small-caps; letter-spacing:-0.5px; text-transform:lowercase;}
#footer .last p em 		{ color: #ec143d; font-weight: bold;}
#footer .last p:first-line	{ font-style: normal;}
#footer img				{ float: none; vertical-align: middle; margin: 0px 0px 0px 5px;}
#footer span			{ float: right;}
#footer em				{ font-weight: bold; font-style: normal;}
#footer p:first-line 	{  font-style: normal;}

/* ------------------------------- Home --- */

#home .s-6 p			{ margin-right: 10px; }
#home #content h2 		{ height: 37px; text-indent: -9999px; overflow: hidden; margin-bottom: 0.25em;}
#howmuch				{ margin-bottom: 1.5em;}
                		
.featured				{ background: url(../images/subheading.png) no-repeat 0 0; padding-top: 12px; margin-top: -8px;}
#showoff .s-9			{ text-align: right;}
#showoff p				{ font-size: 10px; line-height: 1.44em;  margin-bottom: 1.5em;} 
#seemore p				{ text-align: right; font-size: 1.1em; }
#seemore p:first-line 	{ font-style: normal;}
#showoff a				{ text-transform: lowercase; }

/* ------------------------------- Portfolio --- */

#titles 				{ margin-bottom: -28px;}
#titles .preview h1		{ text-indent: -9999px; overflow: hidden; margin-bottom: 0.25em;}
#titles .thumbs			{ height: 32px; border-top: 1px solid #7A7A70; margin-top: 1px; }
#titles .description	{ height: 37px; background: url('../images/h2-gate.png') no-repeat right 0px; }

#pfolio .project				{ margin-top: 1em;}
.project .description 				{ border-top: 1px solid #7A7A70; margin-top: 2em; padding-top: 1em; }
.project .preview, .project .thumbs { margin-top: 1.85em; border: none;}

.project .preview				{ position: relative; }
.project .preview img 			{ border: 1px solid #ddd; }
.project .preview p				{ color: #ddd; padding: 12px 5px 8px 5px; margin-top: -5px; font-size: 1.1em; border-bottom: 1px solid #7A7A70; }
.project .preview p 			{ color:#7A7A70; font-family: baskerville,'palatino linotype','times new roman',serif; line-height: 1.2em; letter-spacing:0.05em; font-variant:small-caps; }
.project .preview p:first-line 	{ font-style: normal; color:#7A7A70;;}
.project .thumbs a				{ background: #ddd; border:none; float:left; margin:1px 0px 10px 6px; padding:2px; text-decoration:none; outline: none; position: relative; z-index: 9;}
.project .thumbs a:hover, .thumbs a.selected	{ margin-left: -11px; padding-left: 19px; background: #ec143d; }
.thumbs a.selected				{ background: #000;}
.thumbs a.selected:hover		{ background: #000;}
.project .thumbs img			{ float: none; border: 1px solid #aaa;}
.project .thumbs a:hover img, .project .thumbs a.selected img 		
								{ border-color: #444;}
.project .description h3		{ padding-top: 0.5em; line-height: 1.3em; letter-spacing: 0.5px; color: #222;}
.project .description h4		{ margin:0.5em 0em 0.25em 0em; font-size: 1.1em; }

.loaderHolder					{ position: absolute; top: 200px; left: 49%; z-index: 10;}
.loaderHolder img				{ border: none !important;}
.previewHolder					{ position: absolute; top: 0px; left: 0px; z-index: 11;}

#pfolio #footer					{ margin-top: 6em;}
/* ------------------------------- Services --- */

#punchline h1			{ height: 37px; text-indent: -9999px; overflow: hidden; margin-bottom: 0.4em; }
#punchline p			{ font-size: 1.25em; line-height: 1.8em; color: black; padding-right: 10px;}
#punchline p:first-line	{ font-style: normal;}
.enumerated				{ margin-top: 1px; border-top: 1px solid #ddd; clear: both; padding-top: 0.5em;}
.enumerated.f			{ border-color: #7A7A70;}
.enumerated h2			{ border-top: 1px solid #7A7A70; padding-top: 0.5em; line-height: 1.3em; letter-spacing: 3px; margin-top:-7px; float: left;}

.enumerated .serviceDesc	{ margin-right: 0px; padding-right: 0px; clear: right;}
.enumerated .serviceDesc p	{ margin-bottom: 0.75em; font-size: 1.1em; line-height: 1.6em; margin-right:20px;}
.serviceDesc p em 			{ font-weight: normal; font-style: italic; font-variant: small-caps;}

#services ol			{ margin:1.5em 0 3em 0; list-style-image:none; list-style-position:outside; list-style-type:lower-roman; }
#services ol li			{ color: #ddd; margin:0.25em 0;}
#services li span		{ color: #444; font-style:italic; letter-spacing: 1px;}

/* ------------------------------- Contact --- */

#contact #content		{ margin-top: 1px;}
#contact h1				{ height: 37px; text-indent: -9999px; overflow: hidden; margin-bottom: 0.4em;}

#contact label.error 	{ border-width: 0px 0px 1px 0px; background: white; color: #ec143d; text-transform: none; font-variant: normal; font-size: 1em; letter-spacing: 0px; padding: 0px;}
#contact label			{ display: block; color: #444;}
#contact #name, #email, #phone		{ width: 260px; margin-bottom: 1em; border: 1px solid #ddd; padding: 4px 2px 4px 25px;}
#contact textarea 		{ width: 440px; height: 300px; font-size: 0.9em;}
#contact #name			{ background: url(../images/contact_icons.png) no-repeat 5px 3px;}
#contact #email			{ background: url(../images/contact_icons.png) no-repeat 5px -41px; }
#contact #phone			{ background: url(../images/contact_icons.png) no-repeat 5px -89px;}
#contact #name:focus	{ background-position: 5px -19px; border-color: #7A7A70;}
#contact #email:focus	{ background-position: 5px -64px; border-color: #7A7A70;}
#contact #phone:focus	{ background-position: 5px -114px; border-color: #7A7A70;}
#contact #sendMsg input	{ width: 292px; padding: 4px; }
#contact .success		{ padding: 4em; color: #444; border-color: #98f072; border-width: 1px; background: #fff; text-align: center;}

#contactIntro			{ font-size: 1.4em; line-height: 1.8em; padding: 0em 2em 1.5em 2em; } 
#contactForm hr			{ margin: 3em 0em 1.45em 0em; width: 451px;}
#contact .s-12.last		{ border-top: 1px solid #7A7A70; padding-top: 1.8em;}
#contact p + p			{ text-indent: 0em;}

.personalDesc			{ margin-bottom: 1em;}
.personalDesc h3		{ font-family:baskerville,'palatino linotype','times new roman',serif; font-size: 2em; letter-spacing:-0.045em; margin-bottom: .5em;}
.personalInfo p			{ font-size: 0.9em; padding-left: 20px; line-height: 1.4em; margin-bottom: 2em;}
.personalInfo p	a img	{ margin: 5px 0px 2em 0px;}
.personalInfo span		{ display: block;}

.person					{ border-bottom: 1px solid #7A7A70; margin-bottom: 2em;}

hr.gover				{ margin-bottom: -1.2em; color: #7A7A70}
#teamIs					{ text-align: center; margin-bottom: 1.5em;}
#teamIs span			{ background: white; padding: 5px;}