@charset "utf-8";
/* CSS Document */
body{ background:url(../images/design-bg.gif); margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; background:#000}

#container-home{ text-align:center}
#container{ width:980px; margin:0 auto;}
#containerInn{ width:820px; margin:0 auto; margin-top:28px;}
#header{ height:60px; text-align:left; padding-top:30px; padding-bottom:15px;}
#header a{ margin:0px 10px; color:#999; font-size:12px;}
#header a:hover{color:#c7db07}
#content{text-align:center; width:820px; background:url(../images/abt-bg.jpg) left top no-repeat}
.bxnews{ float:left; width:400px; display:block; margin-bottom:35px; text-align:left}
.bxnews a{ color:#FFFFFF}
.clr{ clear:both}
a{ text-decoration:none; color:#333; border:0px; outline:0px; border:none; outline:none}
#footer{text-align:center; color:#474747; line-height:18px; background:url(../images/footer-bg.gif) top no-repeat; padding-top:10px;}
#footer a{ color:#676366}
#page{ padding:20px; text-align:left; height:350px; line-height:18px;}
.bx{ padding:10px; background:#333333; text-align:left}
.bx a{ color:#CCCCCC}
#page-port{ padding:20px; text-align:left;line-height:20px; text-align:justify; float:left;}
#page-port1{padding:10px; text-align:left;line-height:20px; text-align:justify; width:750px;}
.title{ font-size:20px; text-align:left; margin-bottom:15px;}
.title .sml{ font-size:17px;}
.abt{ text-align:justify; width:420px; float:left; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
.d-logo{width:343px; height:343px; float:right}
#footer a:hover{ color:#c7db07}
#footer a.act{ color:#c7db07}
.scroll{ width:150px;}
h2{ font-size:15px;}
.content-gallery{ float:right; width:800px;}
.scroll{height:300px; width:410px; padding-right:10px;}
#footer span a{ font-size:14px; padding:0px 10px;}
.project-list{ width:200px; float:left; height:400px;}
.list-pro{ margin:0px; padding:0px; list-style:none}
.list-pro li{ line-height:28px; border-bottom:solid 1px #282828}
.list-pro li a:hover{color:#c7db07}
.list-pro li a.act1{color:#c7db07}
.pd{ padding:10px 0px;}

input, select, textarea{ background:#333333; color:#CCC; border:solid 1px #414141; }
input.btn{ border:solid 1px #414141; cursor:pointer}


.thumb{ float:left; width:149px; height:80px; display:block; margin-right:10px; margin-bottom:20px;}
.thumb .none{ margin-right:0px;} 
.text{ background:#1b1b1b; text-align:right; color:#CCC; padding:5px;}
.text span{ margin:0px 10px;}




div.sc_menu_wrapper {
	position: relative; 	
	height:310px;
	width: 160px;
	overflow: auto;
}
div.sc_menu {
}
.sc_menu a {
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}

/* Here are styles for a link to an article. Not for you :) */
#back {
	margin-left: 8px;
	color: gray;
	font-size: 18px;
	text-decoration: none;
}
#back:hover {
	text-decoration: underline;
}


















#toolbar{ z-index:3; right:10px; top:10px; padding:5px; background:url(../images/fs_img_g_bg.png);}
#toolbar img{border:none;}
#img_title{position:fixed; z-index:3; left:10px; top:10px; padding:10px; background:url(../images/fs_img_g_bg.png); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:24px; text-transform:uppercase;}
#bg{z-index:1; overflow:hidden; width:800px; height:500px;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{ position:relative; display:none;z-index:3; width:32px; padding:20px; top:80px; margin:auto; background:#000;}
#thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:800px; background:url(../images/empty.gif);}
#outer_container{position:relative; padding:0; width:800px; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(../images/fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:180px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:5px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #fff; width:75px; height:75px;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:#000 url(../images/nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:#000 url(../images/prevImgBtn.png) center center no-repeat;}