/*CSS
light green: 7FAE2E
light blue: 4192CC
red: CB2502
orange: FF8C00
*/

/*  Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
* {padding:0;margin:0}
img, a img, a img:hover  {border:0;margin:0;padding:0}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#1A1815}

#wrapper { 
 background: #22201C;
 border-bottom: 8px #fff solid;
 border-right: 8px #fff solid;
 border-left: 8px #fff solid;
 margin: 0 auto;
 width: 940px;}

#faux {
margin:20px 0 10px 0;
overflow: auto;
width: 100%;
background: url('images/bg_faux.gif') repeat-y 710px 0;}

#header {
 color: #fff;
 width: 940px;
 padding: 0px;
 margin: 0px 0px 5px 0px;
 height:430px}

#leftcolumn { 
 display: inline;
 min-height:200px;
 float: left;
 color: #fff;
 margin: 0px 0px 0px 0px;
 padding: 0px 20px 0px 25px;
 width: 665px;
 float: left;}

#rightcolumn { 
 float: right;
 color: #fff;
 margin: 0px 20px 0px 5px;
 padding: 0px 0px 10px 0px;
 width: 195px;
 font-size:11px;
 display: inline;
 position: relative;}

#inner_footer { 
 width: 940px;
 clear: both;
 text-align:center;
 color: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px 0 0 0;}
 
#footer { 
width: 940px;
clear: both;
color: #000;
margin: 0 auto 20px auto;
text-align:center;
padding: 0px;}



.clear {clear:both;background:none}

#accessibility {position:absolute;left:0px;top:-500px;overflow:hidden}


p {
line-height: 1.25em;
font-size: 12px;
padding: 0px 1px 10px 0px;
text-align: justify;}


h1 {
font-family: Arial Black, Helvetica, sans-serif;
margin: 0px 0px 20px 0px;
padding: 0px 2px 0px 15px;
font-size: 25px;
text-align: left;
color:#fff;
background: url('images/bg_h1.gif') no-repeat 0 4px;}

h2 {
font-family:Arial Black, Helvetica, sans-serif;
margin: 25px 0px 15px 0px;
background: url('images/bg_h2.gif') no-repeat 0 3px;
font-size: 18px;
padding: 0px 2px 0px 10px;
font-weight: normal;
text-align: left;
color: #fff;}

h3 {
font-family:Arial Black, Helvetica, sans-serif;
margin: 20px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 18px;
font-weight: bold;
text-align: left;
color: #fff;}

h4 {
font-family: Helvetica, Arial, sans-serif;
margin: 10px 0px 13px 0px;
font-size: 13px;
font-weight: bold;
text-align: left;
color: #fff;}

#rightcolumn h4 {
font-family: Helvetica, Arial, sans-serif;
margin: 0px 0px 13px 0px;
font-size: 10px;
font-weight: normal;
text-align: left;
color: #A6A6A6;}


#leftcolumn ul {padding: 10px 0px 0px 0px;}

#leftcolumn li {
background: url(images/rs.gif) no-repeat 0 6px;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
color: #fff;
list-style-type: none;
line-height: 1.25em;}

#rightcolumn a, #leftcolumn a { 
color: #7FAE2E;
text-decoration: underline;}

#rightcolumn a:hover, #leftcolumn a:hover { 
color: #7FAE2E;
text-decoration: none;}

.headerleft { 
 width: 270px;
 float: left;
 display: inline;
 padding: 10px 0px 0px 20px;
 margin:0;}

.headerright {
 height:120px;
 position: relative;
 text-align: right;
 width: 650px;
 float: left;
 display: inline;
 font-size: 11px;
 padding: 0px 0px 0px 0px;
 margin:0;}

.headerright p {
color: #B8B3AA;
padding: 15px 20px 0px 0px;
text-align: right}

.headerright p img{margin-left:20px;padding-bottom:1px} 

.headerright p  a img{border-bottom:1px solid #21201C} 
.headerright p a:hover img{border-bottom:1px solid #B8B3AA} 
 
.headerright a{ 
color:#B8B3AA;
text-decoration:none;}
 
.headerleft a{ 
 display: block;
 height:96px;
 width:253px;
 text-decoration:none;
 background: url('images/web-design-logo.gif') no-repeat top left}

.headerleft a b{visibility:hidden;text-decoration:none}

#top_nav  {
height:38px;
margin: 55px 0px 0px 0px;
padding: 0px 20px 0px 0px;
text-align: right;}

#top_nav li {
font-size: 14px;
margin: 0px 0px 0px 0px;
padding:0;
font-weight:bold;
line-height: 38px;
display: inline;
color: #B8B3AA;
list-style-type: none;}

#top_nav a {
font-family: Arial Black, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1px;
line-height: 1.2em;
margin: 0px 0px 0px 0px;
padding: 4px 6px 9px 20px;
color: #fff;
background: url('images/bg_nav.gif') no-repeat 0 7px;
text-decoration: none;}

#top_nav a:hover, #top_nav li.current_page_item a, #top_nav li.current_page_ancestor a, #top_nav li.current_page_parent a {
color: #7FAE2E;
text-decoration: none;}

#top_nav li.page-item-3 a {
background-image:none;
padding-left:0}

#banner {
 text-align: center;
 width: 883px;
 padding: 10px 0px 10px 15px;
 margin: 0 0 0 20px;
 border-bottom: 1px #2F2C26 solid;
 border-top: 1px #2F2C26 solid;}


#footer ul, #inner_footer ul{
text-align: center;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#footer li, #inner_footer li {
font-family: Helvetica, Arial, sans-serif;
color: #B8B3AA;
font-size: 10px;
display: inline;
list-style-type: none;
padding: 0px 3px 0px 0px;
margin: 0px 0px 0px 0px;}

#footer a, #inner_footer a {
font-family: Helvetica, Arial, sans-serif;
padding: 0px 0px 1px 3px;
color: #B8B3AA;
font-size: 10px;
line-height: 14px;
text-decoration:none;}

#footer a:hover {color: #fff}

#inner_footer li, #inner_footer a {
color: #fff;
font-size: 11px;}

#inner_footer a:hover {color: #7FAE2E}



#rightcolumn ul {
margin: 0px 0px 10px 0px;
padding: 0px 25px 0px 5px;
border-bottom: #2F2C26 solid 1px;}

#rightcolumn li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 8px 0px;
color: #fff;}

#rightcolumn ul li a {
background: url('images/bg4.gif') no-repeat 0 4px;
font-family: Arial, Arial, sans-serif;
padding: 0px 0px 6px 11px;
color: #fff;
font-size: 14px;
text-decoration:none;
font-weight: bold;
letter-spacing: -1px;
display: block;
width:180px;
line-height:17px}

#rightcolumn ul li a:hover, #rightcolumn ul li.current_page_item a {color: #7FAE2E}


.chat {
border-bottom: #2F2C26 solid 1px;
background: url('images/gtalk.png') no-repeat 2px 10px;	
font-weight: bold;
font-size:11px;
text-align: center;
padding: 5px 0px 17px 9px;
margin: 0px 0;}

.chat a{
color: #7FAE2E;
text-decoration: none;}

.chat a:hover{
color: #7FAE2E;
text-decoration: underline;}


#rightcolumn .pp {
text-align:center;
margin:10px 0 0 0;
padding:10px 0 0 0;}

#rightcolumn .pp p{
text-align: justify;
margin:12px 0 0 0;
font-size:11px}


/*key benefits*/
#benefits {
border-top: #aaa solid 0px;
border-bottom: #2F2C26 solid 1px;
padding: 0px 0px 20px 20px;
float: left;
margin: 10px 0px 0 0px;}

#benefits #ben_left { 
 width:300px;
 text-align: left;
 float: left;
 display: inline;
 padding: 0px;
 margin:0;}

#benefits #ben_right { 
 width:290px;
 text-align: left;
 float: right;
 display: inline;
 font-size: 13px;
 padding: 0px 15px 0px 40px;
 margin:0;}
 
#benefits #ben_right h2{ 
color:#fff;
padding:0;
margin:0;
font-family:arial;
font-weight:bold;
font-size:21px}

#benefits #ben_right ul{margin: 10px 0px 30px 0px;}

#benefits #ben_right li{ 
background: url(images/thick.png) no-repeat 0 5px;
padding: 0px 0px 0px 25px;
line-height:24px;}


p span {
font-weight: bold;
color:#4192CC}

h1 span, h2 span {
margin: 0px 5px 0px 0px;
font-weight: bold;
color: #7FAE2E;}

table {
border-top: 1px #2F2C26 solid;
border-bottom: 1px #2F2C26 solid;
margin: 40px 0 40px 0;
width:100%}

tr {}

td {
color:#fff;
height:40px;
text-align: center;
vertical-align: middle;}

th {
font-weight: bold;
color:#4192CC;
font-family: Arial, Helvetica, sans-serif;
height:35px;
vertical-align: middle;
font-size:16px}


.normal { background-color: #22201C}
.highlight { background-color:#292822 }
.header { text-align: right; padding-right:30px}

td b{
font-family:Arial Black, Helvetica, sans-serif;
font-size:15px}

#cms {
margin:10px 0;
border:0}

#cms td {height:35px}






/* Form styles */
div.enquiryForm { font-family:Arial, Helvetica, sans-serif;margin: 0px; padding: 5px; background-color: #22201C;color:#fff}
div.enquiryForm div {vertical-align: middle;text-align:left}
div.enquiryForm p.info {margin-bottom: 5px;text-align:left}
p.legend { margin-bottom: 2px; }
em, p.legend em { color: red; font-style: normal; }
div.enquiryForm  .wpcf7-not-valid-tip {color:#000}

div.success { margin: 0 0 10px 0; padding: 7px 10px; border: #999b98 1px solid; background-color: transparent; }
div.success p { margin: 5px 0;color:#82db78 }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #999b98 1px solid; background-color: transparent; }
div.errors p { margin: 0;color:#fff }
div.errors p em { color: #82db78; font-style: normal; font-weight: bold; }
#rightcolumn div.errors li {background: transparent url('images/dot2.gif') no-repeat 0px 4px;padding: 0px 0px 0px 8px;margin: 3px 0 0px 20px;color:#82db78}
div.enquiryForm img {color:#82db78;margin-left:3px;vertical-align:middle}
div.enquiryForm form p { margin: 0;color:#fff }
div.enquiryForm form p.note { font-style: italic;margin:0 0 0 230px; padding:0; font-size: 90%; color: #fff; font-weight:normal; padding-top:2px }
div.enquiryForm form fieldset { margin: 10px 0; padding: 10px; border: #fff 1px solid; }
div.enquiryForm form legend { font-weight: bold; color: #fff; }
div.enquiryForm form fieldset div { padding: 0.25em 0; }
div.enquiryForm label, 
div.enquiryForm span.label { margin-right: 10px; padding:3px 10px 0 0; width: 210px; display: block; float: left; text-align: right; position: relative; }
div.enquiryForm label.error, 
div.enquiryForm span.error { color: #C00; }
div.enquiryForm label em, 
div.enquiryForm span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: red; }
div.enquiryForm input.error { border-color: #C00; background-color: #FEF; }
div.enquiryForm input:focus,
div.enquiryForm input.error:focus, 
div.enquiryForm textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.enquiryForm div.controlset label, 
div.enquiryForm div.controlset input { display: inline; float: none;cursor:pointer }
div.enquiryForm div.controlset div { margin-left: 230px; }
div.enquiryForm div.buttonrow { text-align:center;font-weight:bold }
div.enquiryForm div.buttonrow input { padding: 0 5px;font-weight:bold;background:#fff;color:#000 }
input:focus, textarea:focus {outline: none} 



/* Sitemap styles */
#leftcolumn .sitemap li {line-height: 20px;color:#cdcdcd}
#leftcolumn .sitemap {line-height: 1.5em;margin-left:20px}
#leftcolumn .sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {
background:transparent 0px 0px no-repeat;
width: 24px;
height: 18px;
display: block;
float: left;
margin-left: 1em}
#leftcolumn .sitemap span.vert {background-image: url(images/map_vert.gif)}
#leftcolumn .sitemap span.last {background-image: url(images/map_last.gif)}
#leftcolumn .sitemap span.midd {background-image: url(images/map_midd.gif)}
#leftcolumn .sitemap ul, #leftcolumn .sitemap li {
list-style-type: none;
background: none;
margin: 0;
padding: 0}
#leftcolumn .sitemap a {color: #fff;text-decoration:none;background:none}
#leftcolumn .sitemap a:hover {color: #7FAE2E;text-decoration: underline;}

/* Breadcrumbs */

#leftcolumn #breadcrumbs {
font-family: Arial, Arial, Helvetica, sans-serif;
border-bottom:0px solid #2F2C26;
text-align:left;
list-style: none;
padding:0 0px 5px 0;
margin:0px 0 15px 0px;}


#leftcolumn #breadcrumbs li{
background-image:none;
display:inline;
margin:0 0px 0px 0;
padding:0 6px 0px 0;
font-size:11px;
color:#B8B3AA;}

#leftcolumn #breadcrumbs li a{
font-size:11px;
color:#B8B3AA;
background-image:none;
text-decoration:none;
padding:0px 0px 0 3px;}

#leftcolumn #breadcrumbs li a:hover{color:#7FAE2E;text-decoration:underline;}
#leftcolumn #breadcrumbs li.current a{color:#B8B3AA;text-decoration:none;cursor:default}
#leftcolumn #breadcrumbs li.current a:hover{color:#fff;text-decoration:none;cursor:default}



/* Blog */
#post h2 {
margin: 25px 0px 15px 0px;
background:none;
font-size: 18px;
padding: 0px 2px 0px 0px;
font-weight: normal;
text-align: left;
color: #fff;}



/* Porfolio */
#portfolio {
float:none;
text-align:center;
margin:0 auto;
width:685px;
border-top: #696969 0px solid}

#portfolio img{text-align:right}

#portfolio p, .left p{
line-height: 19px;
text-align:left}


.wrap {
margin-bottom:15px;
padding-bottom:10px;
width:100%;
float:left;
border-bottom:1px solid #5a5854;}
.left {
width:184px;
display: inline;
height:auto;
float: left;
margin: 0px 3px 0px 0px;
padding: 0px 0px 0px 0px;}
.right {
width:470px;
display: inline;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.zobacz_wiecej {margin-top:30px;visibility: hidden;}

.right img {border:4px solid #46433e;}
.right img:hover {border:4px solid #5a5854;}




/* Tags */
#leftcolumn ul.tags{
list-style: none;
margin:20px 0 0 0;}

#leftcolumn ul.tags li{display: inline;}

#leftcolumn ul.tags li{
display:block;
float:left;
padding-left:12px;
background:url(images/tag.gif) left no-repeat;
margin:0 5px 5px 0;}

#leftcolumn ul.tags li a{
font-size:13px;
color:#eee;
text-decoration:none;
display:block;
float:left;
height:22px;
padding:3px 12px 0 0;
background:url(images/tag.gif) right no-repeat;}

#leftcolumn ul.tags li a:hover{color: #7FAE2E}
/* End Tags */


/* Recent work */
#recent_work {
border-top: #2F2C26 solid 1px;
padding: 10px 0px 0px 0px;
margin-top:5px}

#recent_work h3 {
margin: 0px 0px 15px 0px;
background:none;
font-size: 14px;
padding: 0px 2px 0px 0px;
font-weight: normal;
text-align: left;
color: #eee;}


#recent_work {text-align:right}
#recent_work div{margin-bottom:6px}
#recent_work a {color: #7FAE2E;font-size:11px}
#recent_work img {border:2px solid #5a5854;margin-bottom:0px}
#recent_work img:hover {border:2px solid #7FAE2E;}





/* Tooltip */

.tip {
color:#fff;
width: 212px;
line-height:15px;
font-size:12px;
margin-left:25px;
overflow: hidden;
display: none;
position: absolute;
z-index: 500;}
	
.tipMid {background: transparent url(images/bubble.png) no-repeat top;padding: 8px 8px 0px 8px;}
.tipBtm {background: transparent url(images/bubble.png) no-repeat bottom; height: 8px;}