body, a { font-family: Arial, Helvetica, sans-serif; }
body
	{
	background-color: #f0eee5;
	color: #878686;
	margin: 0;
	cursor: default;
	width: 100%;
	height: 100%;
	}
a { outline: none; text-decoration: none; cursor: pointer; }
div { font-size: 0.95em; }
:focus { outline-style: none; }
h1, h2, h3, p { font-weight: normal; padding: 0px; font-size: 0.95em; }
img { border: none; }

.clear { clear: both; }
.kover { font-weight: bold; }
.fl { float: left; }
.tc { text-align: center; display: block; }
.link_tarto { margin-right: 2px; }

/* Container*/

#container
	{
	background: url(../html/img/container_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 475px;
	margin-top: -235px;
	}
#content
	{
	position: relative;
	width: 900px;
	height: 475px;
	margin: auto;
	}
#main, #header, #footer, #copyr { position: absolute; width: 900px; }
#main { background: url(../html/img/main_bg.jpg); top: 25px; height: 350px; }
#main h1, #main h2 { height: 30px; line-height: 30px; margin: 0px; padding-bottom: 15px; z-index: 10; font-size: 1.2em; text-decoration: underline; font-weight: bold; color: #d70808; }
#main h1 a, #main h2 a { text-decoration: underline; font-weight: bold; color: #d70808; }
#main h3 { height: 30px; line-height: 30px; margin: 0px; padding-bottom: 15px; z-index: 10; font-size: 0.90em; }
#main h3 a { text-decoration: none; color: #878686; }
.box1, .box2, .box3
	{
	background: url(../html/img/cont_p_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: justify;
	float: left;
	width: 240px;
	height: 250px;
	padding: 25px;
	z-index: 9;
	}
.box1 a, .box2 a, .box3 a { color: #CC3300; text-decoration: underline; }
.box1 a:hover, .box2 a:hover, .box3 a:hover { color: #000; text-decoration: none; }
.box1, .box2 { margin: 25px 5px 25px 5px; }
.box1 { margin: 25px 10px 25px 0px; }
.box3 { margin: 25px 0px 25px 10px; }
.imgbox1 { width: 600px; height: 350px; float: left; background-color: #000; }
.list1
	{
	list-style: none;
	color: #aa0e0e;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
.list1 li
	{
	height: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	font-size: 1.05em;
	}
.list2
	{
	list-style: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
.list2 li
	{
	height: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	}
.ajanlas { margin-top: 25px; color: #aa0e0e; }
#header { background: url(../html/img/header_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; top: 0px; height: 25px; }
#h_menu { height: 25px; line-height: 25px; text-align: center; }
#h_menu span { color: #bebebe; }
#h_menu a { color: #fff; }
#h_menu a:hover { color: #d1cdb9; }
.hm_tarto { margin: 0px 10px 0px 10px; }
#footer { top: 375px; height: 75px; text-align: center; }
#footer img { border: solid 1px #878686; margin: 20px 10px 20px 10px; }
#footer img:hover { border: solid 1px #fff; }
#copyr { bottom: 0px; height: 25px; line-height: 25px; text-align: center; color: #d1cdb9; }
#copyr a { bottom: 0px; height: 25px; line-height: 25px; text-align: center; color: #d1cdb9; }
#copyr a:hover { bottom: 0px; height: 25px; line-height: 25px; text-align: center; color: #878686; }

/*Galeria*/

#reference_img { position: absolute; top: 0px; left: 0px; width: 600px; height: 350px; }

#main_gallery { margin-top: 30px; width: 822px; }
#main_g_thumb_place { position: relative; margin: auto auto; }
.gal_box { position: relative; float: left; width: 270px; height: 147px; margin: 20px 4px 0px 0px; }
.gb_name { background-color: #d59c17; position: absolute; top: 0px; right: 0px; font-size: 1.40em; color: #FFF; height: 35px; line-height: 35px; padding: 0px 20px; z-index: 3; text-transform: uppercase; }
.gb_img { position: absolute; top: 0px; left: 0px; width: 147px; height: 147px; z-index: 2; }
.gb_text { background-color: #525254; position: absolute; bottom: 0px; right: 0px; width: 85px; height: 80px; color: #bebebe; padding: 10px; z-index:2; z-index: 3; }
.gb_link { position: absolute; bottom: 0px; right: 0px; width: 85px; padding: 10px 10px 5px 10px; z-index:3; font-size: 0.7em; }
.gb_link a { color: #8c8c8c; }
.gb_link a:hover { color: #bebebe; }

/*EgyGaleria*/

#main_onegallery { margin-top: 30px; width: 818px; }
.gal_name { background-color: #878686; height: 30px; line-height: 30px; font-size: 1.3em; color: #FFF; text-transform: uppercase; padding: 0px 20px 0px 20px; margin: 10px 0px 10px 0px; float: left; }
.gal_place { width: 600px; padding: 0px 109px 0px 109px; }

.SlidingPanels {
border:medium none;
height:400px;
padding:0px;
position:relative;
width:100%;
}
.SlidingPanelsContentGroup {
border:medium none;
margin:0px;
padding:0px;
position:relative;
width:100%;
}
.SlidingPanelsContent {
border:medium none;
height:400px;
margin:0px;
overflow:hidden;
padding:0px;
width:100%;
}
.SlidingPanelsAnimating * {
overflow:hidden !important;
}
.SlidingPanelsCurrentPanel {
}
.SlidingPanelsFocused {
}
#example2.SlidingPanels { float: left; }
#example2 .SlidingPanelsContentGroup { float: left; width: 10000px; }
#example2 .SlidingPanelsContent { float: left; width: 500px; overflow: hidden; text-align: center; }
#example2 { position: absolute; top: 0px; left: 50px;  width: 500px; height: 400px; overflow: hidden; }
.gimg_thumb { position: absolute; top: 355px; left: 0px; z-index: 10000; }
.gimg_thumb img { height: 65px; margin: 0px 6px 0px 0px;}
.one_back, .one_forv { position: absolute; display: block; width: 50px; height: 350px; text-indent: -10000px; cursor: pointer; z-index: 10000; }
.one_back { background-color: #000; background: url(../html/img/button_prev.jpg); background-repeat: no-repeat; background-position: 0px 0px; top: 0px; left: 0px; }
.one_forv { background-color: #000; background: url(../html/img/button_next.jpg); background-repeat: no-repeat; background-position: 0px 0px; top: 0px; right: 300px; }

/*Thumb*/

#motioncontainer
	{
	position: relative;
	overflow:hidden;
	z-index:100;
	width: 900px;
	height: 65px;
	padding-bottom: 20px;
	}
#thumbs { position:absolute; top: 0; left: 0; list-style:none; margin: 0px; padding: 0px; height: 65px !important; overflow: hidden;}
.thumb_img {cursor:pointer; float:left; margin: 0px 6px 0px 0px; padding: 0px; width: 84px; height: 65px !important; background-color: #FFFFFF; }
.first_thumb_img {cursor:pointer; float:left; margin: 0px; padding: 0px; width: 84px; height: 65px !important; background-color: #FFFFFF; }
#thumbs li { float: left; cursor: pointer; }
#false_thumb { position:absolute; }

.download { height: 400px; width: 260px; display: block; float: left; }