/*
Author:           Janusz 'Janoo' Cedrowicz
Author URI:       http://www.janoo.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: 1044px; margin: 0 auto;}
#Header {width: 1044px; margin: 0 auto;background: url(../images/ShadowTop.png) left bottom no-repeat;}
#Header a.Logo {width: 300px; height: 100px; border:0; display: block; margin: 30px auto 10px 520px;}
#Header a.Logo img {border: 0;}

#Header .Menu {width: 1000px; 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: -300px -40px;}
#Header ul.MenuLeft li a.Home {width: 108px; height: 40px; background-position: 0 0;}
#Header ul.MenuLeft li a.About {width: 160px; height: 40px; background-position: -125px 0px;}
#Header ul.MenuLeft li a.Contact {width: 160px; height: 40px; background-position: -300px 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: -300px -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: 145px; 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: 1044px;  padding: 0; background: url(../images/Shadow.png) left top repeat-y;}

#Content {width: 1000px; min-height: 500px; height: 100%; margin: 0 auto; padding: 0; background: url(../images/bgr.png); overflow: hidden;}
#Content .HomePage {height: 750px; width: 750px; background: url(../images/home.jpg) left top no-repeat; }
#Content .homeup {width: 900px; height: 140px; margin: -140px auto 0px auto; text-align: right;}
#Content .bgr2 {width: 1000px; height: 200px; margin: 30px auto 0px auto; text-align: right;}
#Content .homedn {width: 950px; height: 310px; margin: 120px auto 30px auto; text-align: center; float: center;}
#Content .image1 {width: 220px; height: 220px; margin-bottom: 0px; margin-top: 0px; margin-left:0px; margin-right:0px; float: center;}
#Content .image1a {width: 220px; height: 150px; margin-bottom: 0px; margin-top: 35px; margin-left:0px; margin-right:0px; float: center;}
#Content .image1b {width: 220px; height: 110px; margin-bottom: 0px; margin-top: 55px; margin-left:0px; margin-right:0px; float: center;}
#Content .image1c {width: 150px; height: 220px; margin-bottom: 0px; margin-top: 0px; margin-left:0px; margin-right:0px; float: center;}
#Content .image2 {width: 220px; height: 220px; margin-bottom: 0px; margin-top: 0px; margin-left:50px; margin-right:0px; float: center;}
#Content .image2a {width: 220px; height: 150px; margin-bottom: 0px; margin-top: 35px; margin-left:50px; margin-right:0px; float: center;}
#Content .image3 {width: 220px; height: 220px; margin-bottom: 0px; margin-top: 0px; margin-left:90px; margin-right:0px; float: center;}
#Content .image3a {width: 220px; height: 150px; margin-bottom: 0px; margin-top: 35px; margin-left:90px; margin-right:0px; float: center;}
#Content .image3b {width: 220px; height: 110px; margin-bottom: 0px; margin-top: 55px; margin-left:90px; margin-right:0px; float: center;}
#Content .frame1 {width: 300px; height: 370px; margin-bottom: -265px; margin-top: 0px; margin-left:0px; margin-right:0px; float: center;}
#Content .frame2 {width: 300px; height: 370px; margin-bottom: -265px; margin-top: 0px; margin-left:25px; margin-right:0px; float: center;}
#Content .frame3 {width: 300px; height: 370px; margin-bottom: -265px; margin-top: 0px; margin-left:50px; margin-right:0px; float: center;}
#Content .button1 {width: 300px; height: 50px; margin-bottom: 0px; margin-top: 25px; margin-left:0px; margin-right:20px; float: center;}
#Content .button2 {width: 300px; height: 50px; margin-bottom: 0px; margin-top: 25px; margin-left:0px; margin-right:0px; float: center;}
#Content .button3 {width: 300px; height: 50px; margin-bottom: 0px; margin-top: 25px; margin-left:20px; margin-right:0px; float: center;}
#Content .buttonhome {width: 1000px; height: 50px; margin-bottom: 120px; margin-top: 20px; float: center; background: ;}

#Content img {margin: 0; padding: 0; border: 0;}
#Content p {margin: 15px 20px; font: normal 11px Verdana; color: #868686; line-height: 20px;}
#Content p a {color: #4C4C4C; padding: 1px 2px; text-decoration: none;}
#Content p a:hover {color: #003fff; background: ; }
#Content p.Sign {padding: 0 0 40px 0;background: url(../images/Sign.png) 400px 0px no-repeat;}
#Content img.Janusz {margin-bottom: 50px; float: right;}
#Content img.pl { margin-bottom: 30px; margin-left: -120px; margin-right: 70px; margin-top: -35px; float: right;}
#Content img.us { margin-bottom: 0px; margin-left: 0px; margin-right: 50px; margin-top: -35px; float: right;}
#Content img.uk { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: -35px; float: right;}
#Content img.de { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: -35px; float: left;}

#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 .buttondown {width: 750px; height: 50px; margin-bottom: 50px; margin-top: 40px; float: center; background: ;}
#Content .buttondn {width: 180px; height: 35px; margin-bottom: 0px; margin-top: 0px; margin-left:0px; margin-right:0px; float: center;}
#Content .gallery1 {width: 245px; height: 60px; margin-bottom: 0px; margin-top: 25px; margin-left:0px; margin-right:0px; float: center;}
#Content .partbutton {width: 900px; height: 45px; margin: 0px 0px 0px 0px; float: center; background: ;}
#Content img.partbutton {width: 160px; height: 40px; margin-right: 30px; margin-left: 30px; float: center;}
#Content .calibration {width: 950px; height: 10px; margin: 50px 0px 0px 0px; float: center; background: ;}

#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;}
#Content img.facebook { margin-bottom: 0px; margin-left: 0px; margin-right: 75px; margin-top: -35px; float: right;}

#Content p.Font {font: normal 11px Verdana;}
#Content p.GalleryFont {font: italic 12px Verdana; color: #4C4C4C; line-height: 250%;}
#Content p.GalleryFont2 {font: bold italic 13px Verdana; color: #4C4C4C; line-height: 0%;}
#Content p.GalleryFont3 {font: italic 11px Verdana; color: #333333; line-height: 0%;}

#Footer { width: 1044px; 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;}