/* --- MAIN ELEMENTS: --- */

html, body, table, tr, td, img, a {
	margin: 0px auto;
	padding: 0px;
}

html, body {
	height: 100%;
	background-color: #fff;
	font-family: verdana, sans-serif, arial;
	font-size: 11px;
	color: #bbb;
}

table {
	width: 100%;
	height: 100%;
	background-color: #555555;
	font-family: verdana, sans-serif, arial;
	font-size: 11px;
	color: #bbb;
	border: none;
}

img {
	border: none;
}

/* --- LINK ELEMENTS --- */

a.navl:link, a.navl:visited, a.navl:active {
	color: #bbb;
	text-decoration: none;
}

a.navl:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a.menl:link, a.menl:visited, a.menl:active {
	color: #777;
	text-decoration: none;
}

a.menl:hover {
	color: #bbb;
	text-decoration: none;
}


/* --- CONSTRUCT ELEMENTS: --- */

#out {
	display: table;
	height: 100%;
	width: 100%;
}			

#mid {
	display: table-cell;
	vertical-align: middle;
	width: 760px;
	height: 580px;
	_position: relative;
	_top: 50%;
	_left: 50%;
}
		
#inn {
	width: 760px;
	height: 580px;
	_position: relative;
	_top: -50%;
	_left: -50%;
	background-color: #555555;
	border: 1px solid black;
}

/* --- BASE ELEMENTS: --- */

#logo, #llogo, #rlogo, #menu, #strip, #contact {
	margin: 0px;
	padding: 0px;
}

#logo {
/*
	margin-top: 10px;
*/
	height: 63px;
	width: 100%;
	background-color: #000;
}

#llogo {
	padding-left: 25px;
	width: 40%;
	text-align: left;
}

#rlogo {
	padding-right: 30px;
	width: 60%;
	text-align: right;
	color: #555555;
}

#menu {
	width: auto;
	height: 17px;
	background-color: #252525;
	text-align: center;
	font-size: 10px;
	letter-spacing: 2px;
}

#strip {
	margin-top: 35px;
	width: auto;
	height: 12px;
	background-color: #252525;
	text-align: left;
	color: #555555;
}

#contact {
	margin-bottom: 10px;
	padding: 0px;
	width: auto;
	height: 38px;
	background-color: #000;
	text-align: center;
	line-height: 15px;
	color: #555555;
}

#linki { display: none; }

/* --- OTHER --- */

#in_box, .title, .text, .photogr, #gallery_box, #nophoto, #photo, #back, #map0, #map1, #map2, #map3 {
	padding: 0px;
}

.title, .text, .photogr, .gimg, .gtext, #nophoto, #photo, #prev, #back, #next, .butt, #map0, #map1, #map2, #map3 {
	margin: 0px;
}

#in_box {							/* all except gallery.php */
	margin: 30px 30px 0px 30px;
	width: auto;
	height: 385px;
	text-align: center;
}

.title {							/* offer.php, contact.php, copy.php */
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 25px;
}

.text {								/* index.php */
	text-align: justify;
	vertical-align: middle;
	line-height: 14px;
}

.ofpho {							/* offer.php */
	width: 20%;
	height: auto;
	text-align: center;
}

.oftxt {							/* offer.php */
	padding-left: 0px;
	width: 80%;
	height: auto;
	text-align: justify;
}

.phototx {							/* photo.php */
	height: auto;
	width: auto;
	vertical-align: top;
}

.photoph {							/* photo.php */
	padding-top: 30px;
	width: 233px;
	height: 220px;
	text-align: center;
	vertical-align: top;
}

.photogr {							/* photo.php */
	height: 200px;
	text-align: center;
	vertical-align: top;
}

.phgr {								/* photo.php */
	padding-top: 15px;
	width: 33%;
	vertical-align: top;
	text-align: center;
}

#map0 { display: block; }			/* photo.php */

#map1 { display: none; }			/* photo.php */

#map2 { display: none; }			/* photo.php */

#map3 { display: none; }			/* photo.php */

.gimg {								/* gallery.php */
	padding: 5px;
	height: auto;
	width: 25%;
	text-align: right;
	vertical-align: middle;
}

.gtext {							/* gallery.php */
	padding: 5px;
	height: auto;
	width: 25%;
	text-align: left;
	vertical-align: middle;
}


#gallery_box {						/* gallery.php */
	margin-top: 50px;
	width: auto;
	height: 365px;
}

#nophoto {							/* gallery.php */
	height: 340px;
	width: auto;
	text-align: center;
}

#photo {							/* gallery.php */
	height: 340px;
	width: auto;
	text-align: center;
}

#prev {								/* gallery.php */
	padding-left: 30px;
	height: 20px !important; height: 18px;
	width: auto;
	text-align: left;
}

#back {								/* gallery.php */
	height: 20px !important; height: 18px;
	width: auto;
	text-align: center;
}

#next {								/* gallery.php */
	padding-right: 30px;
	height: 20px !important; height: 18px;
	width: auto;
	text-align: right;
}

.form {								/* contact.php */
	margin-bottom: 2px;
	padding: 2px;
	width: 500px;
	height: 20px;
	background-color: #AAAAAA;
	font-size: 11px;
	font-style: italic;
	border: 1px solid #202020;
}

.butt {								/* contact.php */
	padding: 2px;
	width: 100px;
	height: 21px;
	background-color: #AAAAAA;
	font-size: 11px;
	border: 1px solid #202020;
}

.phpho {
	margin: 0 0 0 50px;
	_margin: 0 0 0 35px;
	width: 175px;
	float: left;
	text-align: left;
	line-height: 15px;
}

table#new_portfol {
	padding: 20px 40px 60px 40px;
	width: 100%;
	font-size: 12px;
	/*border: 1px solid red;*/
}

table#new_portfol td {
	/*border: 1px solid red;*/
}