*{ margin:0px; padding:0px;}
html{height: 100%;}
body {height: 100%;color:#4c4c4c;font-size:12px;font-family:Arial, Helvetica, sans-serif; }

a:active 		{  	text-decoration: underline;color:#999; 	}
a:visited 	{   text-decoration: none;	color:#999; 		}
a:link 		{	text-decoration: none;	color:#999; 		}
a:hover 		{  	text-decoration: underline;color:#000;  }

img{border:0px;}

h1,h2 {color:#000; margin-bottom:15px; color:#000; font-weight:normal; }
h1{ font-size:24px; }
h2{ font-size:18px; }
h3{ font-size:14px; }


#outer{margin:0 auto; max-width:1540px; min-width:1010px;min-height: 80%; overflow:hidden; }
#header{height:87px; position:fixed; background:#fff; width:100%; max-width:1540px; min-width:1010px; font-family:Arial, Helvetica, sans-serif; font-size:15px; z-index:99999;background:url(../image/transparent_bg.png);}
#header #logo{ height:76px; width:220px; float:left; margin-left:15px; border-bottom:1px solid #b2b2b2;}
#header #logo img{margin-top:6px; width:213px; height:54px;}
#header #menu{
	height:76px;
	border-bottom:1px solid #b2b2b2;
	z-index:9999;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 270px;
}

#top_menu			{position:relative; z-index:10;text-transform:uppercase;}
#top_menu_margin	{padding:25px 0 0 0px; }
#top_menu ul		{list-style:none; float:left; margin:22px 0 0 3px; /*background-color:#0000CC*/}
#top_menu ul li		{display:block; float:left; position:relative; padding-top:3px;}
#top_menu ul li a	{color:#B2B2B2; font-size:14px; letter-spacing:0px;text-decoration:none  }
#top_menu ul li a:hover, #top_menu ul li a.active{color:#000; text-decoration:none;}

#top_menu ul li {margin-left:10px;/* background-color:#990000 BORDEAUS*/}


#social{float:right; margin-top:28px; height:40px;text-transform:uppercase;width:113px;  }
#social img{margin-left:1px;border:none}



/*********end header styles***************/

#content{overflow:hidden; padding-top:87px; position:relative;height:auto; }


/*********left column styles***************/

#contentleft {width: 213px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 15px;  text-transform:uppercase; float:left; margin-right:57px; }
#leftmenu  {	margin-bottom:50px}
#leftmenu ul {	list-style: none; margin: 0px 0px 0px 14px; padding: 0px;}
#leftmenu li {	list-style: none; margin: 0px 0px 5px; padding: 0px;}
#leftmenu a {  font-family:Arial, Helvetica, sans-serif; }

#leftmenu a.active { font-weight:bold }

#sharebox { margin: 0px 0px 0px 14px;}
#sharebox div { margin-bottom:5px;text-transform:none}


#maincontent {
	height: auto;
	width:735px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	float:left;
}


/*********footer styles***************/


#footer {position: relative; background:#fff; margin:0 auto; height: 63px; clear:both; max-width:1540px; min-width:1010px;  font-size:13px;text-transform:uppercase;}
#footer #copyright {float:left; border-top:1px solid #999; width:550px; margin-top:18px;margin-left:270px;padding-top:13px;}

/*********normal article styles***************/

#maincontent_article {width:100%; height: auto; font-size: 12px;  line-height:22px; text-transform:uppercase }
#maincontent_article .artdate {margin-bottom:3px; color:#999999; font-size:13px}

/*********image slider styles***************/
#image_data_area{margin:4px 0 50px 0; position:relative; width:auto; height:600px; }

#image_slider {width:800px; height:600px; float:left; margin-right:3px; display:block; position:relative; overflow:hidden;}
#image_slider ul{width:auto;height:100%; margin:0;padding:0;}
#image_slider li{width:100%; height:100%; display:none; position:relative }
#image_slider li.active{display:block!important; }
#image_slider li span.img_data{position:relative; display:block; width:100%; height:40px; z-index:900; text-align:left; background:#FFF; margin:10px 0;}
p.img_title{color:black; font-size: 15px; line-height: 22px;}
p.img_descr {font-size: 15px; color: #969696 !important; line-height: auto; height: auto; font-family:Arial, Helvetica, sans-serif;}
#image_slider li img {}

#image_slider .next-image {width:50%; height:540px; position:absolute; right:0; cursor:pointer; z-index:99; display:block;}
#image_slider .prev-image {width:50%; height:540px; position:absolute; left:0; cursor:pointer; z-index:99; display:block;}

#image_slider .next-image .arrow{width:80px; height:100%; position:relative; float:right; cursor:pointer; z-index:99; display:none; background:rgba(255,255,255,0.5) url(../image/arrow_next.png) center no-repeat;}
#image_slider .prev-image .arrow{width:80px; height:100%; position:relative; float:left; cursor:pointer; z-index:99; display:none; background:rgba(255,255,255,0.5) url(../image/arrow_prev.png) center no-repeat;}

#image_slider .next-image:hover .arrow {display:block; }
#image_slider .prev-image:hover .arrow {display:block; }


#slideshow-carousel .jcarousel-skin-tango .jcarousel-clip {height:476px;}

#slideshow-carousel {float:right; width:84px; height:540px; position:relative; background:none; overflow:hidden; z-index:999;}
#slideshow-carousel ul{position:relative; list-style:none; margin:0; padding:0; height:auto; width:84px; overflow:hidden;}
#slideshow-carousel li{background:none !important; height:80px; width:84px; position:relative; overflow:hidden; margin-bottom:10px; border:none; float:none;}
#slideshow-carousel li a {background:#FFF;display:block; height:76px; width:76px; overflow:hidden; border:2px solid #CCC;}
#slideshow-carousel li a img {height:100px; width:auto; }
#slideshow-carousel .active{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0; }
#slideshow-carousel .faded{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}



/*********video styles***************/


.videocols {
	width: 100%; 
	overflow: hidden; 
	display: block; 
	position: relative;
}

#maincontent .video_col {
	width: 235px; 
	height: 132px; 
	margin: 0px 10px 10px 0px; 
	overflow: hidden; 
	display: block; 
	position: relative;
	float: left; 
}
#maincontent .video_col:hover img {
	opacity: 0.6; 
	transition:0.8s; 
	-webkit-transition: all .8s ease; 
	-moz-transition: all .8s ease; 
	-o-transition: all .8s ease;
}


#maincontent .video_col img {
	width: 100%; 
	float: left;
}

#maincontent .overlay {
	background: #000; 
	width: 100%; 
	bottom: 0px; 
	color: #fff; 
	position: absolute;
	opacity: 0.6; 
}

#maincontent .overlay a {
	margin: 5px 8px; 
	color: #fff; 
	font-size: 15px; 
	display: block; 
	position: relative;
}

#maincontent #videoPlayer {
	margin: 0px 0px 10px; width: 100%; height: 408px; display: block; position: relative;
}

/*********image list styles***************/


.imagecols {
	width: 100%; 
	overflow: hidden; 
	display: block; 
	position: relative;
}

#maincontent .image_col {
	width: 235px; 
	height: auto; 
	margin: 0px 10px 10px 0px; 
	overflow: hidden; 
	display: block; 
	position: relative;
	float: left; 
}

#maincontent .image_item {margin-bottom:20px;}
#maincontent .image_col:hover img {
	opacity: 0.6; 
	transition:0.8s; 
	-webkit-transition: all .8s ease; 
	-moz-transition: all .8s ease; 
	-o-transition: all .8s ease;
}

#maincontent .image_col img {
	width: 100%; 
	margin:0; 
	padding:0;
}

#maincontent .image_col_title {
	width: 100%; 
	color: #999; 
	position: relative;
	margin:0; padding:0;
	text-align:center;
	text-transform:uppercase;
	margin-top:3px
}

#maincontent .image_col_title a {
	color: #999; 
	font-size: 12px; 
	display: block; 
	position: relative;
}

#maincontent .last {
	margin-right: 0px;
}



@media only screen and (min-width:1540px)
{
#outer {
	width: 1520px;
}
#top_menu ul li {margin-left:30px; /*background-color:#00ff00 GREEN*/}


#maincontent {
	width: 1250px !important;
}
#maincontent .video_col {
	width: 410px !important; height: 231px !important;
}
#maincontent .image_col {
	width: 410px !important; height: auto !important;
}


#maincontent #videoPlayer {
	height: 703px;
}
}
@media only screen and (min-width:1120px)
{
#maincontent {
	width: 833px;
}
#top_menu ul li {margin-left:20px; /*background-color:#FF33FF FUCHSIA*/}

#maincontent .video_col {
	width: 271px; height: 152px;
}
#maincontent .image_col {
	width: 271px; height: auto;
}


#maincontent #videoPlayer {
	height: 469px;
}
}


