/* general cleanup */

html, body {
	font: 14px/1.3 georgia,palatino,palatino linotype,garamond,serif;
	color: #4c4c4c;
	background-color: #fff;
}

body, div, ul, li, h1, h2, h3, p, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}

strong, th {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}


/* custom changes to the page */

p {
	padding-top: 9px;
}

h2 {
	color: #790e11;
	margin-top: 7px;
}

strong {
	color: #790e11;
}

table {
	margin-top: 9px;
}

th {
	padding-right: 10px;
}

a {
	text-decoration: none;
	color: inherit;
}


/* positioning elements */

#container {
	min-width: 980px;
	max-width: 1022px;
	margin: 0 auto;
 	background: transparent url('images/stripes.png');
 	position: relative;
 	overflow: hidden;
}


/* header */

#header {
	position: relative;
	background: transparent url('images/copywriter80_photo.jpg') top center no-repeat;
}

#header h1 {
  display: none;
  position: absolute;
	top: 62px;
	width: 100%;
	height: 44px;
	font-size: 0px;
}

h1#name {
  display: block;
	background: transparent url('images/text_pl2.gif') top center no-repeat;
}

h1#name_en {
  display: block;
	background: transparent url('images/text_en2.gif') top center no-repeat;
}

div#lang {
  position: absolute;
	top: 82px;
	left: 20px;
	font-size: 0px;
}

div#lang a {
	width: 53px;
	height: 19px;
  display: block;
  background: transparent url('images/lang.gif') no-repeat;
}

div#lang a:hover {
  background: transparent url('images/lang2.gif') no-repeat;
}

/* main menu */

#menu_bar {
	height: 279px;
	background: transparent url('images/menu.png') bottom center no-repeat;
}

#menu {
	width: 750px;
	margin: 0 auto;
}

#menu li {
	float: left;
	text-align: center;
	height: 268px;
	overflow: hidden;
}

#menu li > a {
	display: block;
	padding-top: 248px;
	width: 125px;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	background: transparent;
}

#menu li > a:hover, #menu li.active > a {
	background-image: url('images/copywriter80sharp.jpg');
	background-repeat: repeat-x;
}

/* one file, 6 backgrounds */

li#o_mnie-m a, li#about_me-m a {
	background-position: 750px 0;
}
li#cennik-m a, li#prices-m a {
	background-position: 625px 0;
}
li#warunki-m a, li#conditions-m a {
	background-position: 500px 0;
}
li#zlecenie-m a, li#order-m a {
	background-position: 375px 0;
}
li#oferta-m a, li#offer-m a {
	background-position: 250px 0;
}
li#kontakt-m a, li#contact-m a {
	background-position: 125px 0;
}


/* the scroller and its content */ 

#scroller {
	width: 750px;
	height: 445px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#content {
	margin: 0 auto;
	width: 4500px;
	height: 445px;
	background-color: #fff;
}

.section {
	float: left;
	height: 420px;
	width: 355px;
	padding: 5px 40px 20px 355px;
	text-align: justify;
}

.section h1 {
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #790e11;
	background: transparent url('images/dots.gif') bottom repeat-x;
	padding: 5px 0 15px 0;
	
}

.section p {
	text-align: justify;
}
/* custom background letters for each subpage */

#o_mnie, #oferta, #offer, #order {
	background: #fff url('images/O.png') bottom left no-repeat;
}

#cennik, #contact, #conditions {
	background: #fff url('images/C.png') bottom left no-repeat;
}

#warunki {
	background: #fff url('images/W.png') bottom left no-repeat;
}

#zlecenie {
	background: #fff url('images/Z.png') bottom left no-repeat;
}

#oferta {
	background: #fff url('images/O.png') bottom left no-repeat;
}

#kontakt {
	background: #fff url('images/K.png') bottom left no-repeat;
}

#about_me {
	background: #fff url('images/A.png') bottom left no-repeat;
}

#prices {
	background: #fff url('images/P.png') bottom left no-repeat;
}


/* footer */

#footer {
	clear: both;
	height: 42px;
	background: transparent url('images/footer.png') bottom center no-repeat;
	color: #ccf;
	position: relative;
}

#page_info {
	position: absolute;
	bottom: 0;
	width: 100%;
/*	display: none;*/
}

#page_info p {
	text-align: center;
}


/* navigation arrows */

#left {
	position: absolute;
	top: 430px;
	left: 55px;
	background: transparent url('images/bracket-l.gif') no-repeat;
}

#right {
	position: absolute;
	top: 430px;
	right: 55px;
	background: transparent url('images/bracket-r.gif') no-repeat;
}

#left a, #right a {
	display: block;
	width: 27px;
	height: 67px;
}