/* prayam.com */
/* global */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	background: #E7E7E7 repeat-y url('images/layout/html_background.gif');
}

div.clear {
	clear: both;
	font-size: 1px;
	line-height: 0;
}

/* szkielet - lewy pasek ze spadami */

body {
	background: no-repeat url('images/layout/spad_top.gif') top left;
	font: 15px 'Arial', sans-serif;
	text-align: left;
	position: relative;
}

div#spad_bottom {
	position: absolute;
		bottom: 0;
		left: 0;
	height: 78px;
	width: 99px;
	background-image: url('images/layout/spad_bottom.gif');
}

/* Zawartosc - calos poza czerwonym paskiem */

div#flash, div#top_menu, div#content, div#footer_content {
	width: 815px;
}

div#main {
	margin-left: 190px;
}


h1, h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;

	display: block;
}
h1 {
	font-size: 22pt;

	clear: none;
}
	/* "under construction" temporary class */
	h1.const {
		margin-bottom: 2em;
	}

h2 {
	font-size: 11pt;
}
	h2.h2_left {
		margin-bottom: -8px;
	}
	h2.h2_right {
		margin: -8px 0 0 0;
		text-align: right;
	}

h3 {
	color: #DA251C;
	font-family: 'Verdana';
	font-size: 14px;
	font-weight: bold;
}

p, h4 {
	line-height: 1.6em;
	margin-bottom: .8em;
	font-weight: normal;
}

.left {
	float: left;
}

.right {
	float: right;
}

	p img.right {
		margin: 15px 0 10px 15px;
	}

ul {
	list-style: none;
}
ul, ul h4 {
	text-align: left;
	font-size: 9pt;
}
	ul li {
		background: no-repeat url('images/layout/bullet.gif') 1px 6px;
		padding-left: 15px;
		line-height: 1.5em;
		margin-left: 32px;
	}
		ul li h4 {
			margin: 0;
			line-height: 1.5em;
		}

/* Nagłówek */

div#top {
	height: 226px;
	background: repeat-x url('images/layout/top_background.gif');
}
	div#flash {
		height: 174px;
	}
	div#top_menu {
		height: 52px;
		text-align: right;
		font: 10pt "Verdana", sans-serif;
		font-weight: bold;
	}
		div#top_menu_a_container{
			float: right;
		}
			div#top_menu a, div#top_menu a:link, div#top_menu a:visited {
				margin-left: 20px;
				color: #fff;
				text-decoration: none;
				padding: 14px;

				display: block;
				float: left;
			}
			div#top_menu a:active, div#top_menu a:hover, div#top_menu a.selected {
				color: #ff2115;
			}
			div#top_menu a.selected {
				background: no-repeat url('images/layout/top_menu_a_kutas_hover.gif') top center;
			}

/* Main Content */

div#content {
	background: repeat-y url('images/layout/content_background.gif');
}
	div#content div#content_padding {
		padding: 57px 0 30px 55px;
	}
		div#content_padding div#content_left {
			width: 440px;
			float: left;
		}
			div#content_left div#left_main_header {
				width: 301px;
				color: #DA251C;
				margin-bottom: 21px;
			}

			/* typography elements */
			div#content_left p, div#content_left h4 {
				padding-right: 35px;
				font-size: 14px;
			}

		div#content_padding div#content_right {
			width: 298px;
			float: left;
		}
			div#main_right_offer, div#main_right_projects {
				background: repeat-y url('images/layout/main_right_background.gif');
				text-align: center;
			}
			div#content_right div#main_right_offer {
				margin-top: 11px;
				margin-bottom: 21px;
			}
				/* block elements */
				div#main_right_header1, div#main_right_header2 {
					margin: 5px auto 10px auto;
					text-align: left;
					padding-top: 14px;
				}
				div#main_right_offer div#main_right_header1 {
					width: 117px;
				}

				/* text elements */
				div#content_right_offer ul.reallyleft { width: 135px }

				div#content_right div#main_right_offer p {
					padding: 7px 16px 13px 0;

					font-size: 13px;
					font-weight: bold;
					text-align: right;
				}


			div#content_right div#main_right_projects{
				margin: 0;
			}
				div#main_right_projects div#main_right_header2 {
					width: 156px;
					margin-bottom: 3px;
				}

		div#main_projects_screens{
			margin: 0;
			padding: 0;
		}
			div#main_projects_screens a, div#main_projects_screens a:link, div#main_projects_screens a:visited {
				margin: 14px 8px 0 9px;
				border: 10px solid #e7e7e7;

				display: block;
				float: left;
			}
			div#main_projects_screens a:hover, div#main_projects_screens a:active {
				border-color: #BEBEBE;
			}
			div#main_projects_screens a.side_left {
				margin-left: 0 !important;
			}
			div#main_projects_screens a.side_right {
				margin-right: 0 !important;
			}

	div#content a, div#content a:link, div#content a:visited {
		color: #DA251C;
	}
	div#content a:hover {
		text-decoration: none;
	}

/* KONTAKT */

			div#content_left div#left_kontakt_header {
				width: 329px;
				color: #DA251C;
				margin-bottom: 28px;
			}
			div#content_left div#kontakt_info { 
				margin-bottom: 22px
			}
				div#kontakt_info p, div#kontakt_info h3, div#kontakt_info h4 {
					line-height: 1.4em;
				}
				div#kontakt_info p {
					margin-bottom: 13px;
				}
				div#kontakt_info h4 {
					margin-bottom: 4px;
				}
				div#kontakt_info p span, div#kontakt_info h4 span {
					font: 13px 'Arial', sans-serif;
				}
				div#kontakt_info img {
					border: 5px solid #c8c8c8;
					margin-right: 33px;
					margin-top: 11px;
				}

			div#content_right div#kontakt_right {
				background: repeat-y url('images/layout/contact_right_background.gif');
				text-align: center;

				margin-top: 11px;
				margin-bottom: 21px;

				padding-bottom: 20px;

				position: relative;	/* for the MessageBox component */
			}
			div#kontakt_right div#kontakt_right_header {
				margin: 5px auto 10px auto;
				text-align: left;
				padding-top: 14px;
				width: 183px;
			}
			div#kontakt_right div#kontakt_form {
				text-align: left;
				/* margin-left: 10px; */	/* this thing cannot have margin, cause IE gets it all wrong */
				padding: 6px 0 0 15px;		/* padding is used instead */
			}

				/* pola */
				div#kontakt_form div.kontakt_form {
					width: 267px;

					margin: 5px 0 4px 0;	/* same here, no left margin to solve IE's sexual problems */
					border: 1px solid #bdbdbd;
					background-color: #e7e7e7;
					padding: 0;

					text-align: left;	/* the tricky fix? */
				}

				div#kontakt_form div.hovered {
					border: 1px solid #da251c;
				}
				div#kontakt_form p {
					margin: 0 0 0 10px;
					font: 10pt "Verdana", sans-serif;
					font-weight: bold;
				}
				div#kontakt_form p span {
					color: #da251c;
					font-family: "Arial Black", sans-serif;
					font-size: 12pt;
					font-weight: bold;
				}

				div#kontakt_form div#sendHolder {
					margin: 17px 15px 5px 0;
					padding-right: 12px;

					/* float: right; */	/* also crashes in IE :/ */
					text-align: right;
				}

					/* teh send button */
					div#sendHolder input#send {
						width: auto;	height: auto;

						margin: 0 auto;
						padding: 0;
					}

				/* textareas and inputs */
				div.kontakt_form input, div.kontakt_form textarea {
					width: 247px;

					margin: 0;
					padding: 7px 10px 4px 10px;

					font: 11pt 'Verdana', sans-serif;
					line-height: 1em;

			                background-color: #e7e7e7;
				}
				div.kontakt_form input {
					height: 25px;
					font-weight: bold;
				}
				div.kontakt_form textarea {
					height: 330px;
					font-weight: normal;
				}


			/* MessageBox AJAX component */
			div#MessageBox {
				width: 253px;   height: 75px;

				padding-top: 15px;
					position: absolute;
						top: 400px;
						left: 22px;

				z-index: 10;

				background-color: #fff;
				border: 1px solid #BDBDBD;
			}
			#MessageBox * { margin: 0; padding: 0; }
			#MessageBox img { margin: 5px auto; }


/* DUUUPAAAAA W NOOOSIEEEE czyli oba razem :-) */

		div#only_one_content div.one_content_text {
			margin-right: 80px;
			margin-bottom: 25px;
		}

		div#only_one_content div#one_bottom_pictures {
			background: repeat-y url('images/layout/portfolio_background.gif');
			padding: 6px 8px;
			width: 546px;
		}
			div#div_pomiedzny a, div#div_pomiedzny a:link, div#div_pomiedzny a:visited {
				float: left;
				margin: 9px;
				border: 10px solid #e7e7e7;

				display: block;
				width: 68px;
				height: 68px;
			}
			div#div_pomiedzny a:hover, div#div_pomiedzny a:active {
                                border-color: #bebebe;
                        }

		div#only_one_content div#one_bottom_text {
			margin-top: 25px;
			margin-bottom: 0;
		}
			div#one_bottom_text p {
				margin-bottom: 8px;
			}

/* DUUUUPAAAAA czyli POOOORTFOOOOLIOOOO */

		div#only_one_content div#portfolio_header {
			width: 311px;
			color: #DA251C;
			margin-bottom: 28px;
		}

/* NOOOSSSS czli OFEEEEERRRRTAAAAA */

		div#only_one_content div#oferta_header {
			width: 331px;
			color: #DA251C;
			margin-bottom: 28px;
		}

		div#only_one_content div.oferta_list {

			background-color: #DEDEDE;

			margin: 10px 29px 25px 0;
		}
			div.oferta_list ul {
				margin: 20px;
			}
				div.oferta_list ul li {
				}
			div.oferta_list ul.biiiggg li {
					background-position: 1px 8px;
			}
				div.oferta_list ul.biiiggg li h4 {
					font-size: 11pt;
				}

		div#only_one_content div#one_bottom_pictures_two {

			background: repeat-y url('images/layout/oferta_background.gif');

			padding: 6px 8px;
			margin: 10px 0 25px 0;

			width: 636px;
			_width: 640px;
		}

/* Stopka */

div#footer {
	height: 110px;
        background: repeat-x url('images/layout/footer_background.gif');
}
	div#footer_content {
		position: relative;
		font: 8pt "Verdana", sans-serif;
		color: #fff;
		line-height: 2em;
	}
		div#footer_content a, div#footer_content a:link, div#footer_content a:visited, div#bottom_design_by_prayam a span {
			color: #fff;
			text-decoration: underline;
		}
		div#footer_content a:hover, div#footer_content a:active, div#bottom_design_by_prayam a:hover span {
			color: #ff2115;
			text-decoration: none;
		}
		div#bottom_design_by_prayam, div#bottom_menu {
			position: absolute;
                                top: 30px;
		}
		div#bottom_design_by_prayam {
			left: 30px;
		}
			div#bottom_design_by_prayam a, div#bottom_design_by_prayam a:link, div#bottom_design_by_prayam a:visited {
				text-decoration: none;
			}
			div#bottom_design_by_prayam a:hover {
				color: #fff;
			}
		div#bottom_menu {
			right: 14px;
		}