@import url("defgcms.css");
.bg_main {
background:url(/gcms/images/bg_main.png) repeat-x top;
width:100%;
}

.bg_dwn {
background:url(/gcms/images/bg_dwn.gif) bottom repeat-x;
width:100%;
}

.bg_ddwn{
width:118px;
height:27px;
background:url(/gcms/images/bg_redbar.png) no-repeat top;
float:left;
}

.bg_header {
margin-top:43px;
text-align:right;
width:990px;
height:57px;
background:url(/gcms/images/bg_header.jpg) no-repeat;
}

.bg_menutop {
text-align:right;
margin-top:8px;
float:right;
color:#898989;
width:990px;
height:40px;
padding:0px;
}
.btn_about {
background:url(/gcms/images/about.png) top no-repeat;
width:118px;
height:40px;
}
.btn_about:hover {
cursor:pointer;
background:url(/gcms/images/about.png) bottom no-repeat;
}
.btn_about_act {
width:118px;
height:40px;
background:url(/gcms/images/about.png) bottom no-repeat;
}
.btn_facility {
background:url(/gcms/images/facility.png) top no-repeat;
width:138px;
height:40px;
}
.btn_facility:hover {
cursor:pointer;
background:url(/gcms/images/facility.png) bottom no-repeat;
}
.btn_facility_act {
width:138px;
height:40px;
background:url(/gcms/images/facility.png) bottom no-repeat;
}
.btn_portfolio {
background:url(/gcms/images/portfolio.png) top no-repeat;
width:109px;
height:40px;
}
.btn_portfolio:hover {
cursor:pointer;
background:url(/gcms/images/portfolio.png) bottom no-repeat;
}
.btn_portfolio_act {
width:109px;
height:40px;
background:url(/gcms/images/portfolio.png) bottom no-repeat;
}
.btn_demo {
background:url(/gcms/images/demo.png) top no-repeat;
width:120px;
height:40px;
}
.btn_demo_act {
background:url(/gcms/images/demo.png) bottom no-repeat;
width:120px;
height:40px;
}
.btn_demo:hover {
cursor:pointer;
background:url(/gcms/images/demo.png) bottom no-repeat;
}
.btn_price {
background:url(/gcms/images/price.png) top no-repeat;
width:238px;
height:40px;
}
.btn_price:hover {
cursor:pointer;
background:url(/gcms/images/price.png) bottom no-repeat;
}
.btn_price_act {
width:238px;
height:40px;
background:url(/gcms/images/price.png) bottom no-repeat;
}
.btn_contact {
background:url(/gcms/images/contact.png) top no-repeat;
width:98px;
height:40px;
}
.btn_contact:hover {
cursor:pointer;
background:url(/gcms/images/contact.png) bottom no-repeat;
}
.btn_contact_act {
width:98px;
height:40px;
background:url(/gcms/images/contact.png) bottom no-repeat;
}





.bg_boxes{
margin:10px 6px 10px 6px; 
width:192px;
}
.bg_box{
color:#FF0000;
background:#000000;
margin-top:10px;
width:172px;
padding:10px;

}
.bg_box:hover {
background:#660000;
}
.bg_box:hover .title {
color: #CCCCCC;
}
.bg_box .title{
font-size:14px;
padding:9px 0px 0px 0px;
text-align: center;
}
.bg_box .txt{
color:#FFFFFF;
padding:9px;
text-align: justify;
border:1px solid #CCCCCC;
}
.bg_box_top{
color:#FFFFFF;
padding-right:10px;
margin-top:10px;
width:980px;
height:45px;
background: url(/gcms/images/bg_box_top.png) no-repeat bottom;
}
.bg_box_top .title{
padding-top:15px;
padding-right:20px;
text-align:right;
width:500px;
float:right;
}
.bg_box_top .back{
padding-top:22px;
padding-left:60px;
text-align: left;
width:300px;
float: left;

}
.bg_box_mid{
padding:12px;
width:966px;
background: url(/gcms/images/bg_box_mid.png) repeat-y;
}
.bg_box_mid .txt{
color:#FFFFFF;
line-height:18px;
text-align:right;
}
.bg_box_mid .txt p{
margin:0
}
.bg_box_dwn{
width:990px;
height:5px;
background: url(/gcms/images/bg_box_dwn.png) no-repeat top;
}
.bg_footer {
margin-top:10px;
width:990px;
height:250px;
}
.copyright {
padding:110px 0px 10px 10px;
font-size:10px;
color:#898989;
width:320px;
text-align:left;
float:left;
}
.time{
width:330px;
font-size:14px;
color:#FFFFFF;
margin-top:70px;
text-align:right;
}
.contact{
width:330px;
text-align:right;
color:#FFFFFF;
margin-top:80px;
}
.bg_menufooter {
padding:20px 20px 10px 0px;
font-size:10px;
color:#898989;
width:500px;
text-align: right;
float: right;
}
.bg_menufooter a {
color:#898989;
}
.bg_menufooter a:hover {
color:#FF9900;
}
.bg_footer_time{
padding:2px 6px 2px 6px;
color:#FFFFFF;
margin-top:5px;
width:331px;
height:22px;
background:url(/gcms/images/bg_footer_time.png) no-repeat top;
}
.bg_footer_time .addrs{
width:130px;
float:left;
text-align:left;
overflow:hidden;
height:20px;
margin-top:2px;
font-size:12px;
}
.bg_footer_time .txt{
width:190px;
float: right;
text-align:right;
overflow:hidden;
height:20px;
margin-top:2px;
font-size:12px;
}
/* start image effct*/
.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}
.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:11px tahoma;
}




/*CSS for example Accordion #hc1*/

#hc1 li{
margin:10px 3px 3px 3px; /*Spacing between each LI container*/
color:#FFFFFF;
text-align:right;
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #191919;
}
.ahrflp {
background: #000000;
color:#999999;
padding:5px 50px 5px 0;
font-size:12px;
}

/*CSS for example Accordion #hc1*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/
#menu3 {
font-family:tahoma;
}
#menu3 a { /*Menu3 Links*/
color:black;
background-color:#E3E3E3;
text-decoration:none;
text-indent:1ex;
font-family:tahoma;
direction:rtl;
text-align:right;
padding:10px 0 10px 0;
margin-right:10px;
}
#menu3 a:hover {
color:black;
background-color:#C3C1C1;
}


                           /*End Menu Links*/
.login_box_1{
width:250px;
}


.allsmpl{
width:200px;
height:50px;
background:url(/gcms/images/allsmpl.png) no-repeat top;
cursor:pointer;
}
.bg_back_t{
width:988px;
height:293px;
background:url(/gcms/images/bg_back_t.png) no-repeat ;
margin-top:5px;
}

/*  */


#DemoContainer{margin:50px auto 50px auto; width:645px; height:295px;}
#DemoContainer h3.title{font-size:16px; margin:0px 0px 10px 0px;}

#DemoOptions{list-style:none;}
	#DemoOptions li{margin:0px 0px 20px 0px;}
	#DemoOptions li pre{padding:10px; margin:10px 0px 10px 0px; background:#f9f9f9 none repeat scroll 0 0; border-color:#dddddd #dddddd #dddddd #cccccc; border-style:solid; border-width:1px 1px 1px 3px; font-size:11px; width:95%;}
	#DemoOptions li pre code{padding:0px; margin:0px;}

/* ///// */
#ftHolder { width: 955px; float: right; text-align: center; height:250px; padding-top:10px; margin-bottom:40px; }
#ft { border: 5px solid #FFFF00; -moz-border-radius: 5px; }
.ft-title { padding: 10px 10px; width:935px; text-align: right; }
.ft-prev, .ft-next { background-color: #000; padding: 0 10px; }
.ft-button-ft-active { color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif }



/*  /// */


.bg_child {
width:954px;
height:100px;
background:url(/gcms/images/bg_child.png) no-repeat top ;
margin-top:5px;
} 
.bg_child:hover {
background:url(/gcms/images/bg_child.png) no-repeat bottom ;
} 
.bg_child .numbr{
font-size:60px;
float:right;
padding:0px;
margin-top:35px;
margin-right:10px;
margin-left:0px;
width:90px;
height:55px;
text-align:left;
color:#000000;
}
.bg_child:hover .numbr{
color:#FFFFFF;
}
.bg_child .title{
font-size:14px;
float:right;
margin-top:10px;
margin-right:127px;
margin-left:5px;
width:285px;	
text-align:right;
overflow:hidden;
color:#525252;
overflow:hidden;
height:75px;
text-align:justify;
}
.bg_child:hover .title{
color:#000000;
}
.bg_child .pic{
float:right;
margin-top:6px;
margin-right:5px;
opacity:0.3;
filter:alpha(opacity=30);
}
.bg_child:hover .pic{
opacity:1;
filter:alpha(opacity=100);
}
.pg_pc{
border:1px dashed #CCCCCC;
}

.menusub {
color:#FFFFFF;
}
.menusub a{
text-decoration: none;
color:#FFFFFF;
}
.menusub a:hover{
text-decoration:none;
color:#FFFFFF;
}