html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #000;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial;  
	font-size: 11px;
	color: #636467;
}

img, div, a, input { 
	behavior: url('../_images/iepngfix.htc');
}

h1 {
	margin: 0;
	padding: 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 18px;
	display: block;
}

h2 {
	margin: 0;
	padding: 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	margin-bottom: 20px;
	padding-bottom: 0px;
	font-size: 12px;
	display: block;
	text-align: right;
}

h3 {
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-size: 12px;
	display: block;
}

hr {
	height: 1px;
	background: #ccc;
	border-style: none;
	border-width: 0px;
}

#overlayBox {
	filter: alpha(opacity=80); 											/* older IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 		/* IE */
	-moz-opacity: .80; 													/* older Mozilla */
	-khtml-opacity: 0.8;   												/* older Safari */
	opacity: 0.8;   													/* supported by current Mozilla, Safari, and Opera (i.o.w. normal browsers) */
	background-color: #000;
	position: absolute; 
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0; 
	z-index: 50;
	width: 100%;
	height: 1px;
	display: none;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

img, a {
  border: 0;
  margin: 0;
  padding: 0;
  color: white;
} 

a { 
	color: #ca2301;
	text-decoration: underline;
	font-weight: normal;
	text-shadow: none;
}

a:hover {
	text-decoration: none;
}

#top_page {
	width:  100%;
	height: 109px;
	background: url('../_images/background/top_background.gif') repeat-x;
}

#top {
	width: 800px;
	margin: 0 auto auto;
}

#contents_page {
	background: #f5f5f5;
	/*height: 300px;	*/
}

#contents {
	width: 808px;
	margin: 0px auto auto;
	background: #f5f5f5 url('../_images/background/contents_background.gif') repeat-y;
	/*min-height: 400px;*/
}

#contents_text {
	padding-left: 105px;
	padding-right: 105px;
	padding-top: 30px;	
	padding-bottom: 50px;
	line-height: 18px;
	text-align: justify;
}

#site_menu {
	width: 704px;
	height: 44px;
	background: #f5f5f5 url('../_images/background/menu_background.gif') no-repeat;
	padding-left: 104px;
}

#site_menu a {
	width: 119px;
	display: block;
	float: left;
	height: 40px;
	text-decoration: none;
	color: #ffffff;
	margin-top: 4px;
	cursor: pointer;
}

#site_menu a:hover {
	background-position: 0px 0px;
}

a.site_menu_o_nas {
	background: url('../_images/menu/o_nas.gif') no-repeat;	
	background-position: -119px 0px;
}

a.site_menu_o_nas_selected {
	background: url('../_images/menu/o_nas.gif') no-repeat;	
	background-position: 0px 0px;
}

a.site_menu_oferta {
	background: url('../_images/menu/oferta.gif') no-repeat;	
	background-position: -119px 0px;
	margin-left: 1px;	
}

a.site_menu_oferta_selected {
	background: url('../_images/menu/oferta.gif') no-repeat;	
	margin-left: 1px;	
	background-position: 0px 0px;
}

a.site_menu_portfolio {
	background: url('../_images/menu/portfolio.gif') no-repeat;	
	background-position: -119px 0px;
	margin-left: 1px;	
}

a.site_menu_portfolio_selected {
	background: url('../_images/menu/portfolio.gif') no-repeat;	
	margin-left: 1px;	
	background-position: 0px 0px;
}

a.site_menu_praca {
	background: url('../_images/menu/praca.gif') no-repeat;	
	background-position: -119px 0px;
	margin-left: 1px;	
}

a.site_menu_praca_selected {
	background: url('../_images/menu/praca.gif') no-repeat;	
	margin-left: 1px;	
	background-position: 0px 0px;
}

a.site_menu_kontakt {
	background: url('../_images/menu/kontakt.gif') no-repeat;	
	background-position: -119px 0px;
	margin-left: 1px;	
}

a.site_menu_kontakt_selected {
	background: url('../_images/menu/kontakt.gif') no-repeat;	
	background-position: 0px 0px;
	margin-left: 1px;	
}

#clients_page {
	background: url('../_images/background/clients_background.gif') repeat-x;
	height: 60px;
}

#clients {
	margin: 0 auto auto;
	width: 808px;
	height: 60px;
}

#footer_page {
	margin-top: -2px;
	background: #000 url('../_images/background/footer_background.gif') repeat-x;
	height: 100px;
}

#footer {
	width: 800px;
	margin: 0 auto auto;
	padding-top: 10px;
	color: #ccc;
	text-align: center;
	font-size: 9px;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

td.portfolio_image {
	width: 250px;
	vertical-align: top;
	text-align: middle;
}

td.portfolio_description {
	width: 320px;
	padding-left: 25px;
	vertical-align: top;
	text-align: left;
}

td.portfolio_description_left {
	width: 320px;
	padding-right: 25px;
	vertical-align: top;
	text-align: left;
}

input.textBox {
	background: #f5f5f5;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	color: #000;
	font-size: 11px;
	padding: 2px;
	padding-left: 2px;
	width: 200px;
	margin-left: 0px;
	margin-bottom: 0px;
}

input.required {
	border-style: solid;
	border-width: 1px;
	border-color: #ca2301;
	color: #000;
	font-size: 11px;
	padding: 2px;
	padding-left: 2px;
	width: 200px;
	margin-left: 0px;
	margin-bottom: 0px;
}


select.selectBox {
	background: #f3f4f4;
	border-style: solid;
	border-width: 1px;
	border-color: #636467;
	color: #000;
	font-size: 10px;
	padding: 2px;
	padding-left: 2px;
	/*width: 206px;*/
	z-index: 99;
}

textarea.textArea {
	background: #f5f5f5;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	color: #000;
	font-size: 11px;
	padding: 2px;
	padding-left: 2px;
	width: 250px;
}

textarea.required {
	border-style: solid;
	border-width: 1px;
	border-color: #ca2301;
}

input.radioButton {
	margin-bottom: -3px;
}

input.button {
	background: #000;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	color: #fff;
	font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial;  
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

table.form {
	width: 400px;
	margin: 25px auto auto;
}

td.form_description {
	width: 150px;
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
	padding-top: 2px;
}

td.form_field {
	vertical-align: top;
	padding-bottom: 5px;
}