#p02, #p05, #p06 { margin: 3px 5px 0 0 !important; margin: 5px 5px 0 0 }

a { cursor:pointer }

#writing a:hover, #gallery a:hover, #video a:hover, #archives a:hover, #about a:hover, #contact a:hover { color: #333300 }

#writing b, #gallery b, #video b, #archives b, #about b, #contact b { border:solid 0px red; float:right; font-weight:normal; padding:78px 13px 0 0 }

#writing a, #gallery a, #video a, #archives a, #about a, #contact a, #language { text-align: right; text-decoration: none; background-repeat: repeat; }

#header, #bg_news, #p01, #p02, #p03, #p04, #p04_2, #p05, #p06, #p07, #copy { background-repeat: no-repeat }

body, #header, .main, #p01, #p02, #p03, #p04, #p04_2, #p05, #p06, #p07, .Table { padding: 0 }

#language, #language a:hover, #archives a { color: #4c5469 }

#writing a, #gallery a, #video a, #about a, #contact a, #note { color: #d7d7c1 }

#bg_news, #p01, #writing a, #gallery a, #p02, #video a, #p03, #archives a, #p05, #about a, #contact a, #p06, #copy { float: left }

#copy,#p04_2, #p07, #archives a, #video a	 { margin: 3px 0 0 0 !important; margin: 5px 0 0 0 }

#p04_2, #p07, #p04, #language, #alarm, #note	{ float: right }

body	{ color: #fff;  background-color: #000; text-align: center; margin: 0; }
.table  { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; border:solid 1px #000; clear:both; width: 741px;  margin: 5% auto 10% auto;}
#note { font-size: 7pt;}
#header	   { background-image: url(../images/header.gif); margin: 15px 0 10px; width: 741px; height: 20px; }
.main	{ text-align: left; margin: 0; width: 741px; clear:both; }
#bg_news	{ background-image: url(../images/bg_news.gif); margin: 0 5px 0px 0; width: 316px; height: 102px; float:left; border:solid 0px red  }
#bg_news #note { padding: 0 13px 0 13px}
#p01	{ margin: 0 5px 0 0 ; border:solid 0px red}
#p03	{ margin: 3px 5px 0 !important; margin: 5px 5px 0 }
#p04	{ margin-top: -2px !important; margin-top: 0 }
#writing b { border:solid 0px red; float:right; font-weight:normal; padding:78px 13px 0 0 }
#writing a	{ background-color: #726731; width: 101px; height: 102px; float:left;}
#writing a:hover	{ background-color: #9b8948 }
#language	 { background-color: #d7d7c1; margin: 0; width: 102px; height: 102px ; border:solid 0px red}
#language b { border:solid 0px red; float:right; font-weight:normal; padding:54px 13px 0 0 }
#language a 	 { color: #9f9b74; font-family: Tahoma; line-height: 2; text-decoration: none }
#gallery a	 { background-color: #4c5469; margin: 3px 5px 0 0 !important; margin: 5px 5px 0 0; width: 101px; height: 101px; }
#gallery a:hover	{ background-color: #4e6172 }
#video a	{ background-color: #c20000; width: 101px; height: 101px }
#video a:hover	{ background-color: #d02f2f }

#archives a	 { background-color: #efbf15; width: 101px; height: 102px }
#archives a:hover	{ background-color: #fdd44f }
#about a	 { background-color: #4c5469; margin: 110px 5px 0 -101px !important; margin: 112px 5px 0 -101px; width: 101px; height: 101px }
#about a:hover	{ background-color: #4e6172 }
#contact a	 { background-color: #4c5469; margin: 3px 5px 0 0 !important; margin: 5px 5px 0 0; width: 101px; height: 101px }
#contact a:hover	{ background-color: #4e6172 }	 

#alarm   { color: #fff; font-weight: normal; background-image: url(../images/alarm.gif); background-repeat: no-repeat; margin: 0 5px 0; padding: 0 0 0 20px }

/****Top Menu****/
.menu
 { 
	border:solid 1px #d7d7c1;
	border-bottom:none;
	background-color:#1a1a1a;
	position:relative;
	float:left;
	width:741px;
	height:38px;
 }
 .menu ul
 { 
 	width: 100%;
 	border: solid 0px red;
	margin:0;
	position:relative;
	left:0px;
	padding:0;
	
 }

  .menu li
 { 
	display:inline;
	float:right;
	top:0px;
	left:0px;
	position:relative;
	margin:0;	
	
	
}
.menu li a
{
height:34px;
display:block;
border:0px;
margin:0;
background:url(../images/top-menu3.gif) no-repeat;
background-position:0 0;
border-top:solid 4px #c20000;
}
.menu li b
{
height:34px;
display:block;
border:0px;
margin:0;
background:url(../images/top-menu2.gif) no-repeat;
background-position:0 0;
border-top:solid 4px #4c5469;
}
#m_home
{
width: 67px;
background-position:0 0
}
#m_gallery
{
width: 81px;
background-position:-67px 0
}
#m_writing
{
width:85px;
background-position:-149px 0
}
#m_archives
{
width: 89px;
background-position:-235px 0
}
#m_video
{
width: 67px;
background-position:-325px 0
}
#m_about
{
width: 71px;
background-position:-393px 0
}
#m_contact
{
width:87px;
background-position:-465px 0
}
.menu li a:hover
{
background:url(../images/top-menu2.gif) no-repeat;
background-position:0 0;
border-top:solid 4px #efbf15;
}

/**** //Top Menu****/

.gallery, .contact, .comingsoon, .about {  background-color:#1a1a1a; border: solid 1px red; float:left; width:741px; height:392px;
	border:solid 1px #d7d7c1;border-top:0px;
}
.bg_gallery, .bg_contact, .bg_comingsoon, .bg_about  { background:url(../images/bg_gallery.gif) repeat-x; height:371px; margin:10px}
.bg_contact, .bg_about { background:url(../images/bg_contact.gif) }
.bg_comingsoon  { background:none }


.bg_gallery_right, .bg_contact_right, .bg_comingsoon_right, .bg_about_right  { background:url(../images/bg_gallery_right.jpg) no-repeat right; height:371px;}
.bg_contact_right  { background:url(../images/bg_contact_right2.jpg) no-repeat right; }
.bg_comingsoon_right  { background:url(../images/bg_comingsoon_right.jpg) no-repeat right; }
.bg_about_right { background:none;border:solid 0px red; width:460px; float:left; }
.about .pic img { float:right; margin:20px 20px 0 0 }

.footer{ float:left; text-align: center; margin-top:4px}

.content 
{
	 float:left; 
	 margin:18px 0 0 18px !important; 
	 margin:16px 0 0 8px; 
	 padding:0px 0 22px 0px; 
	 width:415px; 
	 height:300px; 
	 text-align:left;
	 color:#d7d7c1;
	 border:solid 0px red;
}
.content a img 
{
	background:url(../images/border.gif) no-repeat;
	margin:12px 0 0 12px; 
	float:left;
	width:70px;
	height:70px;
	color:#000;
}

.contact .content
{
	line-height:22px;	
}

.about .content
{
	line-height:18px;	
}

.bg_about_right
{
	overflow:auto;
	direction:rtl;
	height:371px;
	scrollbar-face-color:#1a1a1a;
	scrollbar-track-color:#292929;
}
.orange_bullet li
{
	list-style-image: url('../images/orange_bullet.gif');	
}

.about p
{
	background:url(../images/square_bullet.gif) no-repeat 0px 8px;
	padding-left:12px;
}

.bg_about_right .content
{
	direction:ltr;
	text-align:justify;	
}

.content a
{
	text-decoration:none;
	color:#efbf15;	
}

.content a:hover
{
	text-decoration:none;
	color:#c20000;	
}

.paging 
{
	float:left;
	width:100px;
	height:40px;
	padding-top:2px;
	margin:319px 0 0 10px !important;
	margin:317px 0 0 13px;
	border:solid 0px red;
}
.paging a
{
	float:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin-left:2px;	
padding:2px;
margin-top:4px;
	border:solid 0px red;
}
.paging a:hover
{
	border:solid 1px #fff;
	padding:1px;
	background-color:#4f6682;
	height:45px;
	height:35px;
	text-decoration:none;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position:relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#Loader 
{
	background-image:url(../images/black-loader.gif);
	background-repeat:no-repeat;
	background-position: 150px 150px !important;
	background-position: 50px 50px;
	float:left;
	border:solid 0px red;
	height:300px;
}

#Loader img
{
	margin:0;
	padding:0;	
	border:solid 0px green;
}