/* Global Reset
---------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;}
html {font-size: 62.5%;}

/* Base Elements
---------------------------------------------------------------------- */
abbr, acronym {font-style: normal; cursor: help;}
blockquote {border-left: .4em solid #4D4840; margin: 0 0 1em 1.5em; padding-left: .5em; color: #ffff33; font-weight:bold; font-style:italic;}
body {
	background: #292723;
	color: #f3f3f3;
	font: 1.1em/1.75em Verdana, Arial, sans-serif;
}
h1 { font-size: 2em; }
body, h2 span, strong {text-shadow: 2px 2px #111;}
h2, h3, h4 {	color: #fff; 	font: normal 1.5em/1.3em 'Trebuchet MS';}
h2 em {color: #C1E97C; font-style: normal;} /* Green */
h2 span {color: #7CC4E9;} /* Blue */
h2 strong {color: #E97C7C; font-weight: normal;} /* Red */
h4 {color: #7CC4E9; font-size: 1.4em;}
h5 {text-transform: uppercase;}
hr {border: none; height: 1px; background: #33302B; margin: 1em 0;}
img {border: 0;}
p {margin-bottom: 1em;}
li, p, span {text-shadow: none;} /* Remove Drop Shadow for Text Content */

/* Body Structure
---------------------------------------------------------------------- */
#masthead {
	 background: #262420 repeat-x bottom; 
         /* url("massive_files/mhshadow.gif") */
	/* padding: 20px 0; */
}
#logo,
#bodybit,
#footer {
	margin: 0 auto;
	max-width: 900px;
	min-width: 700px;
	padding: 0 20px;
}
* html #logo,
* html #bodybit,
* html #footer { /* IE Hack, IE does not understand min-width above */
	width: 725px;
}
#content {
	/*margin-right: 43%;*/
	margin-right: 375px;
}
#sidebar {
	float: right;
	/*width: 38%;*/
	width: 325px;
}

/* Links
---------------------------------------------------------------------- */
a,
a:link,
a:visited,
a:active,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active {color: #7CC4E9; text-decoration: none;}
a:hover,
h2 a:hover {color: #fff; text-decoration: underline;}
#bodywrap a,
#bodywrap a:link,
#bodywrap a:visited,
#bodywrap a:active {color: #C1E97C; text-decoration: none;}
#bodywrap a:hover {color: #E5F3CD; text-decoration: underline;}

#bodywrap a.zamowienie {color: #fff}

a.zamowienie {
display: block;
width: 77px;
padding: 10px;
margin: 10px;
color: #fff;
border: 2px;
background-color: #7CC4E9;
text-shadow: none;
font-weight: bold;
}

/* Main Elements
---------------------------------------------------------------------- */
#bodywrap {
	background: #33302B repeat-x bottom;
        /* url("massive_files/bwshadow.gif") */
	padding: 10px 0 0;
	clear:both;
}
#bodywrap h3 {
	color: #7CC4E9;
}
#blurb {
	padding-top: 1.5em;
}
#content div {
	margin-bottom: 2.5em;
}

.port-section {
	margin: 1em 0 0 2em;
}
.port-section img, .screenshot {
	border: 3px solid #262420;
	margin-top: .5em;
}

/* Portfolio List
---------------------------------------------------------------------- */
.portfolio-list {
	font-family: "Lucida Grande", Verdana, sans-serif;
	line-height: 1.5em;
	color: #fff;
	float: left;
	text-shadow: none;
	width: 250px;
}
* html .portfolio-list {
	float: none;
}
.portfolio-list a:link, .portfolio-list a:visited {
	color: #C1E97C;
	font-weight: bold;
	text-decoration: none;
}
.portfolio-list a:hover {
	color: #DCF6B0;
	text-decoration: underline;
}
.portfolio-items dt {
	margin: 10px 0 0 0;
}
.portfolio-items dd {
	margin: 0;
	padding: 0;
}
.portfolio-items dt a {
	background: #262420;
	display: block;
	float: left;
	margin: 1px 5px 0 0;
	padding: 3px;
}
.portfolio-items dt a:hover {
	background: #4D4840;
}
.portfolio-clear {
	clear: both;
}


/* Navigation
---------------------------------------------------------------------- */
#mainmenu {
	font-size: 1.1em;
	list-style: none;
	/*margin-bottom: 1.5em;*/
	/*margin-top: 3px;*/
	width: 98%;
        position:relative;
        left:50%;
}

#mainmenu ul {
	list-style-image: url("massive_files/bullet00.gif");
	/*margin: 0 0 15px 15px;*/
	white-space: nowrap;
}

#mainmenu #on a {
	font-weight: bold;
	color: #E5F3CD;
}

#mainmenu .on a {
	font-weight: bold;
	color: #E5F3CD;
}

#mainmenu li {
	float: left;
	background: #403C35 urli("massive_files/menubg00.gif") ;
	/*border: 1px solid #262420;*/
	line-height: 2.5em;
   margin: 0;
	/*padding: 5px 0 5px 0;*/
	text-indent: 10px;
	display: inline;
	list-style-type: none;
        position:relative;
        right:50%;
}

#mainmenu a { padding: 5px; }

#mainmenu li a {
   float: left;
	display: block;
	/* border: 1px solid #4D4840; */
	/* height: 20px; */
}

#_mainmenu li:hover {
	background: #4D4840;
}
#_mainmenu span {
	color: #e3e3e3;
	padding-left: 2em;
}

#mainmenu_ a:link, #navlist a:visited
{
/*color: #fff;*/
text-decoration: none;
}

#mainmenu a:hover
{
/*color: #fff;*/
background: #4D4840;
text-decoration: none;
}

/* Contact Form
---------------------------------------------------------------------- */
label {font-weight: bold;}
input, textarea {
font-size: 1.2em;
margin-bottom: 1em;
width: 98%;
}
#zemSubmit {width: 150px;}

/* Sidebar
---------------------------------------------------------------------- */
#featured strong {
	color: #fff;
}
#featured img {
	border: 5px solid #262420;
	margin-top: .5em;
}
#featured img:hover {
	border: 5px solid #4D4840;
}

/* Footer
---------------------------------------------------------------------- */
#footer {}
#footer ul {list-style-image: url("massive_files/bullet00.gif");}
.threethree h3 {
	color: #E97C7C;
}
.threethree {
	color: #e3e3e3;
	float: left;
	margin-right: 3%;
	padding-top: 20px;
	text-align: left;
	width: 30%;
}
.threethree ul {
	padding-left: 16px;
}
#copyright {
	clear: both;
	padding: 20px 0 10px;
	text-align: center;
}
#contactus {
	margin: 20px 0 0;
	overflow: hidden;
	width: 178px;
}
#contactus a {
	display: block;
	height: 37px;
	text-indent: -9999px;
}
#button a {background: url("massive_files/contact0.gif") no-repeat;}
#contactus #button a {background-position: 0 0;}
#contactus #button a:hover {background-position: 0 -37px;}

/* Colours
---------------------------------------------------------------------- */
.green {color: #C1E97C;}
.green-light {color: #E5F3CD;}
.blue {color: #7CC4E9;}
.blue-dark {color: #09F;}
.blue-light {color: #B6DEF3;}
.red {color: #E97C7C;}
.red-light {color: #F4B8B8;}

/* Extras
---------------------------------------------------------------------- */
.off, #accessibility {display: none;}
hr.cleaner {
	border:none;
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	visibility: hidden;
}

#content img {
	border: 5px solid #4D4840;
	margin-top: .5em;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#content img:hover {
	border: 5px solid #90877A;
}

.who {
       color:#FFFF33;
}

#cssmenu{ height:45px; display:block; padding:0; margin: 0;  border:0px solid; border-radius:5px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 15px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:0px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#4D4840; border-color:#4D4840; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#4D4840; border-color:#4D4840;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#4D4840; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#262420;  } 
//#cssmenu{border-color:#000;} 
//#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
//#cssmenu > ul > li > a:after{border-color:#444;} 
//#cssmenu > ul > li > a:hover{background:#111;}