/*
Author:           Vellkan Design Studio Igor Chudy
Author URI:       http://www.vellkan.pl/
Version:	   1.0
Project: Janusz 'janoo' Cedrowicz
Description:
*/

body {height: 100%; width: 100%; font: normal 12px Verdana; color: #CECECE; background: #000 url(../images/Bck.png) center top repeat-y;}
html, body {width: 100%;}


/* Reset ---------------------------------------------------- */
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,
small, strike, strong, sub, sup, tt, var, 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;
	font-weight: inherit;
	font-family: inherit;

}

:focus {
	outline: 0;
}

blockquote, q {
	quotes: "" "";
}
.clear {clear: both;}

/* Custom ----------------------------------------------------------------------- */

#Container {width: 794px; margin: 0 auto;}
#Header {width: 794px; margin: 0 auto;background: url(../images/ShadowTop.png) left bottom no-repeat;}
#Header a.Logo {width: 261px; height: 81px; border:0; display: block; margin: 30px auto 10px auto;}
#Header a.Logo img {border: 0;}

#Header .Menu {width: 777px; margin: 0 auto;}
#Header ul.MenuLeft {list-style: none; float: left; margin: 0; padding: 0;}
#Header ul.MenuLeft li {float: left; margin: 0 4px 0 4px; padding: 0; display: block;}
#Header ul.MenuLeft li:first-child {margin: 0 4px 0 0;}
#Header ul.MenuLeft li a {display:block;  position:relative; background: url(../images/Menu.png) left top no-repeat; }
#Header ul.MenuLeft li a#Current.Home {background-position: 0 -40px;}
#Header ul.MenuLeft li a#Current.About {background-position: -125px -40px;}
#Header ul.MenuLeft li a#Current.Contact {background-position: -257px -40px;}
#Header ul.MenuLeft li a.Home {width: 84px; height: 40px; background-position: 0 0;}
#Header ul.MenuLeft li a.About {width: 87px; height: 40px; background-position: -125px 0px;}
#Header ul.MenuLeft li a.Contact {width: 111px; height: 40px; background-position: -257px 0;}
#Header ul.MenuLeft li a span {background: url(../images/Menu.png) left bottom no-repeat; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
#Header ul.MenuLeft li a.Home span {background-position: 0 -40px;}
#Header ul.MenuLeft li a.About span {background-position: -125px -40px;}
#Header ul.MenuLeft li a.Contact span {background-position: -257px -40px;}

#Header ul.MenuRight {list-style: none; float: right;}
#Header ul.MenuRight li {float: left; margin: 0 4px 0 4px; padding: 0; display: block;}
#Header ul.MenuRight li a {display:block;  position:relative; background: url(../images/Menu.png) right top no-repeat; }
#Header ul.MenuRight li a#Current {background-position: bottom right;}
#Header ul.MenuRight li a.Gallery {width: 108px; height: 40px; background-position: top right;}
#Header ul.MenuRight li a span {background: url(../images/Menu.png) right bottom no-repeat; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
#Header ul.MenuRight li a.Gallery span {background-position: bottom right;}

#Shadow {width: 794px;  padding: 0; background: url(../images/Shadow.png) left top repeat-y;}

#Content {width: 750px; min-height: 500px; height: 100%; margin: 0 auto; padding: 0; background: #080808; overflow: hidden;}
#Content .HomePage {height: 750px; width: 750px; background: url(../images/home.jpg) left top no-repeat; }
#Content img {margin: 0; padding: 0; border: 0;}
#Content p {margin: 15px 20px; font: normal 11px Tahoma; color: #868686; line-height: 24px;}
#Content p a {color: #B6B6B6; padding: 1px 2px; text-decoration: none;}
#Content p a:hover {color: #003fff; background:#080808; }
#Content p.Sign {padding: 0 0 40px 0;background: url(../images/Sign.png) 400px 0px no-repeat;}
#Content img.Janusz {margin: 20px; float: right;}
#Content a.Button {border: 1px solid #3e3e3e; padding: 7px 9px; font: bold 12px Tahoma; background: #b90000; color: #fff;}

#Content ul#GalleryList {margin: 30px 0 10px 10px; display: block; width: 750px; height: 100%; float: left;}
#Content ul#GalleryList li {float: left; display: block; margin: 12px; }
#Content ul#GalleryList li a { display: block; float: left; width: 120px; height: 70px; font: 14px Verdana; color: #7A7A7A; text-decoration: none; padding: 50px 0 0 0; text-align: center; border: 1px solid #3E3E3E; }
#Content ul#GalleryList li a:hover {color: #003FFF; border-color: #003FFF;}

#Content .Contact {width: 584px; height: 250px; margin: 90px auto 60px auto; text-align: center;}
#Content .Contact a {margin: 40px auto; display:block; position:relative; background: url(../images/ContactInfo.png) left top no-repeat;text-indent: -1000px; }
#Content .Contact a.Email {width: 584px; height: 40px; background-position: 0 0;}
#Content .Contact a.GG {width: 262px; height: 33px; background-position: -161px -40px;}
#Content .Contact a span {background: url(../images/ContactInfo.png) left bottom no-repeat; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
#Content .Contact a.Email span {background-position: 0 -74px;}
#Content .Contact a.GG span {background-position: -161px -114px;}


#Footer { width: 794px; height: 90px; margin: 0 auto; background: url(../images/ShadowBottom.png) left top no-repeat;}
#Footer p.Left {float: left; margin: 20px 0 0 30px; text-align: left; font: normal 11px Verdana; color: #4A4A4A;}
#Footer p.Right {float: right; margin: 20px 30px 0 0; text-align: right; font: normal 11px Verdana; color: #4A4A4A;}
#Footer p a {color: #626262; text-decoration: none; padding: 1px;}
#Footer p a:hover {color: #003fff; background: #080808;}