﻿html
{
	overflow:hidden;
}
body.theme
{
	background: #f0f0f0;
	padding: 0; margin: 0;	
	height: 100%;
	color:#000;
}

/* Header */
div.page_head
{
	height: 150px;
	display: block;
	background: #FFF url(head_back.jpg) repeat-y top right;
	position: relative;
	
}
div.page_head div#site_logo
{
	background: url(site_logo.png) no-repeat center;
	width: 478px; height: 142px;
	display: block;
	left: 40px; top: 15px;
}
div.page_head #sculp_top
{
	background: url(sculpture_top.jpg) no-repeat center;
	width: 248px; height: 149px;
	top: 0; right: 0px;
}
div.site_menu
{
	height: 35px;
	background: #93a8ab;
	font-family: Tahoma;
	font-size: 10pt;
	position: relative;
}

/*=============== Menu============= */

#nav a
{
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	-ms-transition: color .3s ease;
	-o-transition: color .3s ease;
	transition: color .3s ease;
}
#nav a,a:hover{text-decoration: none;}
ul, li#nav{font-size: 100%;padding: 0;margin: 0;list-style: none; }

#nav{width: 100%; /* 1000 */ font-family: 'BKoodakBold',tahoma;}

#nav > a {display: none;}

#nav li{position: relative;z-index:10;}
#nav li a{color: #000;display: block;}
#nav li a:active{background-color: #196872 !important;}
.currentmenu{background-color: #196872;}
#nav span:after
{
	width: 0;height: 0;border: 0.313em solid transparent; /* 5 */
	border-bottom: none;border-top-color: #efa585;content: '';
	vertical-align: middle;display: inline-block;position: relative;left: -0.313em; /* 5 */
}
/* first level */
#nav > ul{height: 100%; /* 60 */margin: 0 10px;z-index:10;}
#nav > ul > li{height: 100%;margin: 0;float: right;}
#nav > ul > li > a
{	
	height: 100%;font-size: 10pt;line-height: 35px;text-align: center;
	cursor: pointer;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
}
#nav > ul > li > a{padding: 0 15px;}
#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a{background: #196872;}
/* second level */
#nav li ul{background-color: #fd9243;display: none;position: absolute;top: 100%;width:150%;}
#nav li:hover ul{display: block;left: 0;right: 0;}
#nav li:not( :first-child ):hover ul{right: -1px;}
#nav li ul a
{
	font-size: 1.25em; /* 20 */border-top: 1px solid #e15a1f;
	padding: 0.75em; /* 15 (20) */cursor: pointer;
	-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;
	-o-transition: all 0.2s;transition: all 0.2s;
}
#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a{background-color: #459fc4;}


@media only screen and ( max-width: 40em ) /* 640 */
{
	
#nav
{position: relative;top: auto;left: auto;width:100;direction:rtl;}
#nav > a
{
	width: 3.125em; /* 50 */height: 2.65em; /* 50 */
	text-align: right;text-indent: -9999px;background-color: #196872;position: relative;
}
#nav > a:before,
#nav > a:after
{
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
}
#nav > a:after{top: 60%;}
#nav:not( :target ) > a:first-of-type,#nav:target > a:last-of-type {display: block;}
/* first level */
#nav > ul{height: auto;display: none;position: absolute;right: 0;width:50%;background:#93a8ab;}
#nav:target > ul{display: block;}
#nav > ul > li{width: 100%;float: none;}
#nav > ul > li > a{height: auto;text-align: right;padding: 0 0.833em; /* 20 (24) */}
#nav > ul > li:not( :last-child ) > a{border-right: none;border-bottom: 1px solid #cc470d;}
/* second level */
#nav li ul{position: static;padding: 1.25em; /* 20 */padding-top: 0;width:87%;}

div.profile_pic
{
	display:none;
}
}
/* ==================Menu================== */
		
		
div.site_menu div#fullscreen_btn
{
	width: 32px; height: 32px;
	background: url(fullscreen_32.png) no-repeat center center;
	cursor: pointer;
	position: absolute;
	z-index: 105;
	top: 0; left: 5px;
}

/* Body (Contents) */
div.page_container
{
	margin: 0; padding: 0;
	/*background: #000;*/
	top: 185px; right: 0; bottom: 30px; left: 0;
	position: absolute;
}
div.site_body
{
	margin: 0; padding: 0;
	position: absolute;
	/*background: #2D2F30;*/
	width: 100%; height: 100%;
	color: #000;
}

/* Footer */
div.site_footer
{
	width: 100%;height: 20px;
	margin: 0; padding: 0;
	position: absolute;	
	left: 0; bottom: 0;
	/*border-top: solid 10px #000;*/
	display: block;
	
}
div.site_footer ul
{
	list-style: none;
	text-align: left;
	margin: 0; padding: 0;
	border: solid 0px;
}
div.site_footer ul li
{
	display: inline-block;
	margin: 0 0 12px 7px;
	padding-top: 7px;
	position: relative;
	border: solid 0px;
	width: auto;
}
div.site_footer ul li div.thumb
{
	display: none;
	position: absolute;
	margin: 0; padding: 0;
	width: 85px; height: 85px;
	padding-right: 10px;
	top: 0; left: 0;
}
div.site_footer ul li div.thumb img
{
	width: 85px; height: 85px;
	border: solid 1px #000;
}
div.site_footer ul li div.text
{
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 450px; height: 80px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana;
	font-size: 9pt;
	line-height: 115%;
	color: #000;
	padding-top: 0px;
}
div.site_footer ul li div.text h3
{
	font-size: 11pt;
	padding: 0; margin: 0;
	color: #F4F0F0;
}
div.site_footer ul li div.text a.rm_lnk
{
	/*
	display: block;
	text-align: right;
	*/
	color: #35919C;
	text-decoration: none;
	/*position: absolute;*/
	margin: 0; padding: 0;
	bottom: 0; right: 0;
}
div.site_footer ul li div.text a.rm_lnk:hover
{
	color: #59C7D4;
}
div.copyrightmin
{
	display:none;
}
div.site_footer div.copyright,div.copyrightmin
{
	display: block;
	position: absolute;
	right: 0; bottom: 0;
	font-family: Tahoma;
	font-size: 9pt;
	line-height: 200%;
	color: #666;
	margin: 5px 15px;
	text-align: right;
}
div.site_footer div.copyright a,div.copyrightmin a
{
	color: #888;
	text-decoration: none;
}
div.site_footer div.copyright a:hover , div.copyrightmin a:hover{ color: #35919C; }
	

/*Loading Panel*/
div.loading_panel
{
	background-image: url(loading.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 9pt;
	font-family: Verdana;
	color: #888;
	text-align: center;
	height: 75px;
}

/*Messages*/
.error_msg
{
	color: #DE0200;
	font-family: Verdana;
	font-size: 10pt;
	margin: 5px;
}
.succ_msg
{
	color: #009C14;
	font-family: Verdana;
	font-size: 10pt;
	margin: 5px;
	text-align: center;
}

/*Profile Pic*/
/*div.profile_pic
{
	position: absolute;
	display: block;
	width: 249px; height: 166px;
	padding: 0; margin: 0;
	bottom: 250px; right: 200px;
	z-index: 99;
	background: url(profile_pic.jpg) no-repeat top center;
	border: solid 0px #2D2F30;
}*/
div.profile_piclover
{
	width: 249px; height: 166px;
	background: url(profile_pic.jpg) no-repeat top center;
	border: solid 0px #2D2F30;
	display: block;
}
	
@media only screen and (max-width:1049px) 
{
div.page_head div#site_logo
{
	position: absolute;
	background-position:left;
}
div.page_head #sculp_top
{
	position: absolute;	
}
}
@media only screen and (min-width:960px)
{
div.page_head div#site_logo
{
	position: absolute;
	background-position:left;
}
div.page_head #sculp_top
{
	position: absolute;
}
}


@media only screen and (min-width:768px) and (max-width:959px) 
{
div.page_head div#site_logo
{
	position: absolute;
	background-position:left;
}
div.page_head #sculp_top
{
	position: absolute;
}
}
@media only screen and (min-width:500px) and (max-width:767px) 
{
div.page_head div#site_logo
{
	position: absolute;
	background-position:left;
	
}
div.page_head #sculp_top
{
	position: absolute;
}	
}
@media only screen and (min-width:500px) and (max-width:750px) 
{
	div.site_footer div.copyright
{
	display:none;
}
div.copyrightmin
{
	display:block;
}
div.profile_pic
{
	display:none;
}
div.profile_piclover
{
	width: 249px; height: 166px;
	background: url(profile_pic.jpg) no-repeat top center;
	border: solid 0px #2D2F30;
	display:block;
}
}
@media only screen and (min-width:320px) and (max-width:500px) 
{
div.page_head
{
	background:none;
}
div.page_head div#site_logo
{
	position: absolute;
	background-position:left;
}
div.page_head #sculp_top
{
	position: absolute;
	display:none;
}
div.site_footer div.copyright
{
	display:none;
}
div.profile_pic
{
	display:none;
}
div.profile_piclover
{
	width: 249px; height: 166px;
	background: url(profile_pic.jpg) no-repeat top center;
	border: solid 0px #2D2F30;
	display:block;
}
}
@media only screen and (min-width:100px) and (max-width:319px) 
{
div.page_head
{
	background:none;
}
	div.page_head div#site_logo
{
	position: absolute;
	background-position:left;
}
div.page_head #sculp_top
{
	position: absolute;
	display:none;
}
div.copyrightmin
{
	display:none;
}
div.profile_pic
{
	display:none;
}
}