body {
	background-color: #000000;
	margin: 0 0 0 0;
	color: #FFFFFF;
	font-family: arial;
}
div#main {
	text-align: left;
	margin: 0 auto;
	width: 1020px;
	height: 100%;
}
div#top {
	height: 170px;
	margin: 0 50px 0 100px;
}

div#top_left {
	width: 690px;
	height: 100%;
	float: left;
	border-bottom: 1px white solid;
}
.firm {
	width: 80px;
	height: 100%;
	float: left;
	background-image: url(firm_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}
.firm_en {
	width: 80px;
	height: 100%;
	float: right;
	background-image: url(firm_en_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}
.firmx {
	width: 80px;
	height: 100%;
	float: left;
	background-image: url(firm_on.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}
.client {
	width: 80px;
	height: 100%;
	float: left;
	background-image: url(client_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}
.reference {
	width: 80px;
	height: 100%;
	float: left;
	background-image: url(reference_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}
.contact {
	width: 80px;
	height: 100%;
	float: left;
	background-image: url(contact_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}
.history {
	width: 80px;
	height: 100%;
	float: left;
	background-image: url(history_off.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer; 
	cursor: hand;
}

div#top_right {
	width: 176px;
	height: 100%;
	float: right;
	background-image: url(sss_logo.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#top_space {
	height: 20px;
}

div#menu {
	height: 145px;
	margin: 0 50px 0 100px;
}
div#left_button {
	height: 100%;
	width: 18px;
	float: left;
	background-image: url(sipka_l.gif);
	background-repeat: no-repeat;
	background-position: center left;
	border-right: 1px white solid;
	cursor: pointer; 
	cursor: hand;
}
div#menu_space {
	height: 100%;
	width: 20px;
	float: left;
}
div#menu_select {
	height: 100%;
	width: 780px;
	float: left;
}
.menu_picture { 
	height: 145px;
	vertical-align: top;
}
.menu_picture img { 
	cursor: pointer; 
	cursor: hand;
}
.menu_tab {
	background-color: #000000;
	width: 10px;	
}
div#right_button {
	height: 100%;
	width: 18px;
	float: left;
	background-image: url(sipka_r.gif);
	background-repeat: no-repeat;
	background-position: center right;
	border-left: 1px white solid;
	cursor: pointer; 
	cursor: hand;
}

div#middle_space {
	height: 54px;
}

.inner_firm {
	float: left;
	height: 378px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_firm_en {
	float: left;
	height: 780px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_client {
	float: left;
	height: 378px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_reference {
	float: left;
	height: 378px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_history {
	float: left;
	height: 410px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_contact {
	float: left;
	height: 378px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_scontact {
	float: left;
	height: 378px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.inner_campaignes {
	float: left;
	height: 16100px;
	width: 100%;
	overflow: hidden;
}
.inner_tv_spots {
	float: left;
	height: 3515px;
	width: 100%;
	overflow: hidden;
}
.inner_outdoor {
	float: left;
	height: 11600px;
	width: 100%;
	overflow: hidden;
}
.inner_instore {
	float: left;
	height: 18450px;
	width: 100%;
	overflow: hidden;
}
.inner_pos {
	float: left;
	height: 11405px;
	width: 100%;
	overflow: hidden;
}
.inner_prints {
	float: left;
	height: 11250px;
	width: 100%;
	overflow: hidden;
}
.inner_publishing {
	float: left;
	height: 19150px;
	width: 100%;
	overflow: hidden;
}
.inner_corporate {
	float: left;
	height: 13140px;
	width: 100%;
	overflow: hidden;
}
.inner_events {
	float: left;
	height: 10120px;
	width: 100%;
	overflow: hidden;
}

div#loga {
	width: 170px;
	height: 100%;
	float: left;
	border-top: 1px white solid;
	color: white;
	background-color: black;
}
div#loga_name {
	width: 170px;
	height: 25px;
	float: left;
}
div#loga_text {
	width: 170px;
	float: left;
	padding-top: 10px;
}
div#action_area {
	width: 700px;
	height: 100%;
	float: left;
}
.item {
	float: left;
}
.item_last {
	float: left;
	height: 30px;
}
.imgarea {
	width: 700px;
	height: 100%;
	float: left;
	color: black;
	background-color: white;
}
.imgarea img {
	margin: 60px 0 20px 50px;
}
.imgtext {
	font-size: small;
	text-align: center;
}
.textarea {
	width: 180px;
	height: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: small;
}
.textarea .about {
	margin: 30px 0 0 30px;
}
div#logo {
	height: 100%;
	width: 190px;
	float: left;
	background-image: url(sss_hadi.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
div#logo_blank {
	height: 100%;
	width: 100px;
	float: left;
}
div#textarea_firm {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(index.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div#textarea_firm_en {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(index_en.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div#textarea_client {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(client.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div#textarea_reference {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(reference.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div#textarea_contact {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(contact.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div#textarea_scontact {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(scontact.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div#textarea_history {
	width: 712px;
	height: 100%;
	float: left;
	background-image: url(history.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div#ads {
	width: 68px;
	height: 100%;
	float: left;
//	background-image: url(pantograph_logo.gif);
//	background-repeat: no-repeat;
//	background-position: bottom right;
}
div#ads_top {
	width: 68px;
	height: 63%;
	float: left;
}
div#ads_top_en {
	width: 68px;
	height: 82%;
	float: left;
}
div#ads_href {
	width: 68px;
	height: 70px;
	float: left;
	cursor: pointer; 
	cursor: hand;
	background-image: url(pantograph_logo.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div#ads_href2 {
	width: 68px;
	height: 70px;
	float: left;
	cursor: pointer; 
	cursor: hand;
	background-image: url(cesty_logo_web.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#bottom {
	width: 870px;
	margin: 0 50px 0 100px;
}
div#footer {
	width: 870px;
	height: 48px;
	float: left;
	background-image: url(wanted_logo.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div#footer_href {
	width: 58px;
	height: 48px;
	float: right;
	cursor: pointer; 
	cursor: hand;
}
div#underline_firm {
	width: 870px;
	height: 20px;
	float: left;
	color: #FFFFFF;
	text-align: right;
	font-size: 10px;
	line-height: 200%;
	font-weight: bold;
	border-top: 1px white solid;
}
div#underline {
	width: 870px;
	float: left;
	color: #FFFFFF;
	text-align: right;
	font-size: 10px;
	line-height: 200%;
	font-weight: bold;
	border-top: 1px white solid;
}