/*#########################################################
http://shamsher.tj
desing and programming by : Dodikhudoev Parviz
E-mail: dodikhudoevparviz@gmail.com
		dpb_1988@mail.ru
Web-site: http://mypage.tj
Telefon number : 98-5222225 98-5560219
date : 16-11-2012
#########################################################*/


body { 	padding:0px; margin:0px; background-image:url(../img/background.png); background-repeat:no-repeat; background-attachment:fixed; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13px; color:#333; }

#wrapper { margin:0px auto; width:940px; height:100%; background-color:#FFF; box-shadow: 0px 0px 15px 1px #727272; }




/*/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// 	BANER	//////////////////////////////////////*/

#wrapper header { display:block; width:100%;  }

#wrapper header #frame { width:940px; height:190px; border:0px #000 solid; } 

#frame .logo { width:350px; height:160px; border:0px #ccc solid; padding:10px 20px 20px 30px; float:left; }
#frame .title { width:530px; height:170px; border:0px #000 solid; padding:0px 0px 20px 0px; margin-left:-15px; float:right; }

#s3slider ul,li { padding:0px; margin:0px; }

/**--////// SLIDER ///////--*/

#s3slider {  width: 530px; height: 190px; position: relative; overflow: hidden; }


.s3sliderImage {  float: left; position: relative; display: none; }

.s3sliderImage span { position: absolute; left: 0; font: 10px/15px Arial, Helvetica, sans-serif; width: 474px;
background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff;
   display: none; top: 0; }

.clear {   clear: both; }




#wrapper header h1 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:40px; color:#760f16; text-shadow:2px 1px #CCC; margin:0px 5px 0px 120px; padding:35px 0px 0px 45px; border:0px #ccc solid; width:280px; }

#wrapper header h2 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:14px; color:#760f16; text-shadow:2px 1px #CCC; margin:-7px 0px -5px 120px; padding:0px 0px 50px 45px; border:0px #ccc solid; width:280px; }



/*/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// TOP MENU //////////////////////////////////////*/

nav { display:block; text-align:center; width:100%; height:30px; background-color:#87111c; margin-bottom:10px; padding-top:10px; }

nav ul { padding:0px; list-style-type:none; display:inline; }
nav ul li { list-style-type:none; display:inline;  padding:15px 20px 0px 20px; }

nav a:link, nav a:visited { font-size:14px; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#FFF; padding:10px 13px 10px 13px; border:0px #000 solid; text-decoration:none; text-shadow: #0A4563 1px 1px 0;  -webkit-transition: all .3s ease-out;  text-shadow: -2px -1px #000; }

nav a:hover { background-color:#6f0711; text-shadow: 2px 2px #000;  -webkit-transition: all.6s ease; 35        -moz-transition: all.6s ease; 36        -o-transition: all.6s ease; 37        -ms-transition: all.6s ease; 38        transition: all.6s ease;
}
 
nav a:after{ position: absolute;	-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out; -o-transition: all .4s ease-out; transition: all .3s ease-out; }

nav a { border:1px #FFF solid;}

/*/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// MAIN ///////////////////////////////////////////*/

	
#container { overflow:hidden; clear:both; border:0px #000 solid; width:100%; }

/*/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// LEFT SIDE //////////////////////////////////////*/

#container aside { margin:2px 0px 10px 8px; background:#f4f4f4; border:0px #000 solid; width:225px; float:left; }

#left_side h3 { font-size: 16px; text-shadow: 0px 2px 3px #ddd; margin:0px 0px 0px 15xp; padding:0px 0px 0px 30px; border:0px #ccc solid; color:#000;  }

#left_side h4 { font-size:12px; font-family: "Arial Unicode MS", "Arial", sans-serif; color:#000; padding:0px 5px 0px 30px; font-weight:100; line-height:14px; }

#left_side h4 span { color:#600; font-weight:bold; font-size:11px; } 

.photo { margin-left:6px; margin-bottom:10px; padding:2px; border:1px #b2b2b2 solid; width:80px; height:100px; float:left }


/*/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// MIDDLE /////////////////////////////////////////*/

#container article { display: inline; padding: 0px; float:right; width:690px; margin:5px 5px 10px 0px; }	

#container article h3 { display:block; color:#333; font-size:16px; padding:10px 5px 0px 15px; margin:0px; border:0px #ccc solid; color:#760f16; text-shadow:2px 1px #CCC; font-family: "Arial Unicode MS", "Arial", sans-serif;  }

#container article h4 { display:block; padding:-5px 5px 10px 5px; margin:-5px 10px 0px 0px;  border:0px #ccc solid; color:#000; font-family: "Arial Unicode MS", "Arial", sans-serif; font-weight:100; font-size:14px; text-align:justify; text-shadow:1px 1px #f1f1f1; }

#container article h4 img { border: 0px solid #CCC; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #CCC; box-shadow: 0 0 10px #CCC; }
#container article h4 a { color:#333; text-decoration:underline;}
#container article h4 a:hover { color:#333; text-decoration:none;}

.frame { width:600px; border:0px #ccc solid; margin:0 auto; padding:10px 0px 10px 0px; height:145px;}
.frame .ob { padding:5px; float:left; border:0px; }


/*/////////////////////////////////////////////////////////////////////////////////
//////////////////////////////// FOOTER //////////////////////////////////////*/


footer { width:100%; height:50px; background-color:#6c141c; }

footer h1 { border:0px #fff solid; width:500px; font-size:11px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:100; color:#efefef; text-shadow:1.5px 1.5px #000; padding:4px 0px 0px 8px; float:left; }

footer h2 {border:0px #fff solid; width:400px; float:right; font-size:11px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:100; text-align:right; color:#efefef; text-shadow:1.5px 1.5px #000; padding:4px 8px 0px 0px; }

footer h1 a { color:#FFF; text-decoration:underline;  }
footer h1 a:hover { color:#FFF; text-decoration:none;  }

footer h2 a { color:#FFF; text-decoration:underline; }
footer h2 a:hover { color:#FFF; text-decoration:none;  }