/* -------------------------------------------------------
   * Filename                            screen.css
   * Updated                             2009-12-02
   * Author                                Dariusz Pobożniak
   * Website                              http://pobozniak.pl
   * Description                        CSS Document main default file
   ----------------------------------------------------- */
   

@import url("reset.css"); 	    /* reset browser defaults  */
@import url("fancybox.css");    /* lightbox gallery styles */


body {
	background: #333;
	color: #c0c4c7;
	font: normal 62.5%/170% Arial, Verdana, Helvetica, sans-serif;
}


a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 1em 0; }
strong { font-weight: bold; }
h2, #mainnav, #sidenav {
	font-family: Geneva, "Myriad Pro", Helvetica, Arial, sans-serif;
}
h2 {
	float: left;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: .6em;
	text-indent: 12px;
	text-shadow: 1px 1px 1px #444;
	width: 665px;
}
h2 span { color: #F45100; }
h4, #offerlist .name {
	color: #f45100;
	font-size: 110%;
	font-weight: bold;
}
h4 {
	font-size: 120%;
}



/* STRUCTURE
 ---------------------------------------------------------------------------- */
#wrapper { 
	font-size: 1.1em;
	margin: 0 auto;
	width: 980px; 
}
#footer {
    float: left;
	margin: .5em 0 1em;
	width: 980px;
}

#wrapper:after { 
	content: "."; display: block; font-size: 0; 
	height: 0; clear: both; visibility: hidden; 
}


/* HEADER
 ---------------------------------------------------------------------------- */
h1 {
    background: url(../gfx/top01.jpg) 0 0 no-repeat;
	float: left;
    height: 282px;
    margin-bottom: .4em;
    overflow: hidden;
    text-indent: -99999px;
    width: 666px;
}
#home h1 { background: url(../gfx/top05.jpg) 0 0 no-repeat; }
#about h1 { background: url(../gfx/top03.jpg) 0 0 no-repeat; }
#offer h1 { background: url(../gfx/top04.jpg) 0 0 no-repeat; }
#contact h1 { background: url(../gfx/top06.jpg) 0 0 no-repeat; }
#promotions h1 { background: url(../gfx/top07.jpg) 0 0 no-repeat; }
#referers h1 { background: url(../gfx/top02.jpg) 0 0 no-repeat; }

#topnav, #mainnav, #sidenav {
	float: right;
	width: 312px;	
}
#home #sidenav {
    margin-bottom: .4em;
	width: 980px;
}
#topnav {
    background: #911919 url(../gfx/bgTopnav.gif) 0 0 repeat-x;
	float: right;
	height: 85px;
	line-height: 85px;
	margin-bottom: 2px;
	overflow: hidden;
	width: 312px;
}
#topnav li {
	float: left;
	font-size: 90%;
	text-indent: 48px;
	box-shadow: 1px 0 1px #911919;
	-moz-box-shadow: 1px 0 1px #911919;
	-webkit-box-shadow: 1px 0 1px #911919;
	width: 104px;
}
#tab-home    { background: url(../gfx/bgTabHome.gif) 30px 50% no-repeat; }
#tab-sitemap { background: url(../gfx/bgTabHome.gif) 30px 50% no-repeat; }
#tab-mail    { background: url(../gfx/bgTabHome.gif) 30px 50% no-repeat; }
#topnav li a { display: block; }
#mainnav li { height: 1%; }
#mainnav li a {
	background: #0e0e0e url(../gfx/bgMainnav.gif) 0 0 no-repeat;
	display: block;
	height: 38px;
	line-height: 38px;
	margin-bottom: 1px;
	text-indent: 35px;
	text-transform: uppercase;
}
#mainnav a:hover, #about #tab-about a, #offer #tab-offer a, #referers #tab-references a, 
#contact #tab-contact a, #promotions #tab-services a {
	background: #8e0000 url(../gfx/bgMainnavHover.gif) 0 0 no-repeat;
	text-decoration: none;
}
#mainnav li li a {
	background: none;
	color: #9e9e9e;
	height: auto;
	line-height: 120%;
	padding: 0 20px 0 55px;
	text-indent: 0;
	text-transform: none;
}
#offer #tab-offer li a {
	background: none;
}
#mainnav ul {
	margin: .6em 0;
}
#mainnav li li a:hover {
    color: #fff;
	background: none;
}
#mainnav .active {
	color: #fff;
}
#sidenav li {
    float: left;
    margin-top: 3px; 
    padding-bottom: 12px;
    width: 312px;
}
#home #sidenav li {
	margin: 0 3px 0 0;
	width: 324px;
}
#home #sidenav #snv-consultant {
	margin-right: 0;
}
#snv-offer      { background: #943100 url(../gfx/bgSnvOffer.gif) 100% 100% no-repeat; }
#snv-references { background: #926100 url(../gfx/bgSnvReferences.gif) 100% 100% no-repeat; }
#snv-consultant { background: #939400 url(../gfx/bgSnvContact.gif) 100% 100% no-repeat; }
#sidenav li a {
	background: #000 url(../gfx/bgSidenavArrow.gif) 8px 8px no-repeat;
	border: 1px solid #515151;
	display: block;
	font-size: 2.1em;
	padding: 10px 20px 20px 40px;
}
#snv-offer a      { color: #f45100; }
#snv-references a { color: #ffa900; }
#snv-consultant a    { color: #c7c800; }
#sidenav li a:hover { border-color: #c0c4c7; color: #c0c4c7;text-decoration: none; }
#sidenav li a span {
    color: #333;
    display: block;
	font-size: 80%;
	margin-top: .4em;
}
.textwrapper {
	background: #242424;
	float: left;
	padding: 15px;
	width: 636px;
}
#home .textwrapper {
	margin-right: 3px;
	min-height: 14em;
	width: 294px;
}
#home .textwrapper.last {
	margin-right: 0;
}
#offerlist {
	float: left;
	width: 668px;
}
#offerlist li {
	background: #242424;
	display: inline;
	float: left;
	height: 90px;
	margin: 0 2px 2px 0;
	padding: 13px 15px;
	width: 302px;
}
#offerlist li:hover {
	background: #212121;
}
#offerlist img {
	float: left;
	margin-right: 20px;
}
#offerlist p {
	line-height: 140%;
	margin-bottom: 0;
	margin-left: 110px;
}
#offerlist .name, .sitemap li {
    background: url(../gfx/raquo.gif) 0 50% no-repeat;
	padding-left: 15px;
}
.textwrapper .sitemap li {
	list-style: none;
}
.sitemap li {
	 background-position: 0 5px;
}
.textwrapper .sitemap li ul {
	margin-left: 15px;
}
.textwrapper > p:first-child {
	margin-top: 0;
}
.textnormal {
	clear: left;
}
#referers .textwrapper li a { color: #f45100;}

/* --- FORM --- */
.input, textarea, select {
	background: #fff;
	border: 1px solid #888;
	display: block;
	float: left;
    font: 1em Arial, Verdana, Helvetica, sans-serif;
	padding: .2em;
	width: 470px;
}
label {
	float: left;
	width: 150px;
}
textarea { overflow: auto; }
.input:focus, textarea:focus { border-color: #555; }
form .field {
    float: left;
	margin: .5em 0;
}
form div.check {
	float: left;
	width: 470px;
}
form div.check p {
	margin: .3em 0;
}
label.check {
    float: none;
	width: auto;
}
form button {
	background: #8e0000 url(../gfx/bgFooterNav.gif) 0 0 repeat-x;
	color: #fff;
	cursor: pointer;
	margin: .5em 0 0 150px;
	padding: .1em .7em;
}

#map {
	border: 1px solid #c0c4c7;
	height: 450px;
	width: 633px;
}
.maincenter {
	text-align: center;
}

/* Markdown & common styles */
.positive, .negative {
	border: 1px solid;
	padding: 1em;
	text-align: center;
}
.positive { border-color: #139136; }
.negative { border-color: #f51616; }
.textwrapper ul, .textwrapper ol { margin: 1em 0 1em 20px; }
.textwrapper ul ul { margin: .5em 0 .5em 20px; }
.textwrapper ul li { list-style: disc; }
.textwrapper ol li { list-style: decimal; }
/* gallery-box */
.gallery-box {
    border: 1px dashed #333;
    margin: 1em 0;
    padding: 1em;
    text-align: center;
}
.gallery-box dl { text-align: left; }
.gallery-box a img { border: 1px solid #333; padding: 3px; margin: .7em; }
.gallery-box a:hover img { border-color: #888; }
/* gallery-desc */
.gallery-desc { float: left; margin: 1em 0; width: 100%; }
.textwrapper .gallery-desc ul, .gallery-desc li p { margin: 0; }
.textwrapper .gallery-desc ul li { list-style: none; }
.gallery-desc li {
    clear: both; 
    float: left; 
    margin: .5em 0;
    width: 100%;
}
.gallery-desc .left img { float: left; }
.gallery-desc .right img { float: right; }
.gallery-desc .left p { margin-left: 190px; }
.gallery-desc .right p { margin-right: 190px; text-align: right; }
.gallery-desc .center { 
    clear: none; 
    max-height: 210px; 
    overflow: hidden; 
    width: 190px; 
}
* html .gallery-desc .center { height: 210px; }
/* table */
table {
    border: 1px solid #ccc;
    margin: 1em 0;
    border-collapse: collapse;
    width: 100%;
}
table td, table th { 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: .2em .4em; 
}
table th { font-weight: bold; }
.ytmovie { clear: both; display: block; margin: .2em auto; }


 
/* FOOTER
 ---------------------------------------------------------------------------- */
#footer .menu {
	background: #8e0000 url(../gfx/bgFooterNav.gif) 0 0 repeat-x;
	float: left;
	line-height: 30px;
	padding: 0 20px;
	text-align: right;
	width: 626px;
}
#footer ul {
	float: left;
}
#footer li {
    background: url(../gfx/bgFooterNavLi.gif) 0 50% no-repeat;
    padding: 0 .6em 0 20px;
	display: inline;
}
#footer .author {
    background: #141414;
	display: block;
	float: right;
	line-height: 30px;
	padding-right: 10px;
	text-align: right;
	width: 302px;
}
#footer label, #footer .input { float: none; }
#footer .input { width: 200px; }