@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style:none; font-size:12px;}
html { height:100%;}
body { height:100%; text-align:center; padding:0; margin:0; background-color:#666;}

body#indexpage { background-color:#CCC;}

ul,li { margin:0; padding:0;}
.centerDiv { 
	position: absolute;
	width:844px;
	height:450px;
	left:50%;
	top:50%;
	margin-left:-422px;
	margin-top:-225px;
	overflow:hidden;
	vertical-align:middle;
	text-align:left; 
	background:url(../images/body_bg.png) #CCC;

}
.hiddenDiv { 
display: none;
}


/*--------------------------------------------------*/
#indexA{
display:block;
width:844px; height:450px;
margin: 0;
padding: 0;
background:url(../images/indexbg.png) #ccc left top no-repeat;}
#indexA span{ display:none;}

/*--------------------------------------------------*/


#leftside_index2 { float:left; display:inline; width:600px; height:450px; background-color:#ccc;}
#logo_index2 { margin:280px 20px 100px 40px;}
#rightside_index2 { float:left;}
#menu_index2 { margin:240px 20px 20px 50px; }
#menu_index2 div{ margin:10px 0 0 0;}

#menu_index2 ul{ margin:10px 0;}

/*--------------------------------------------------*/

#topside {width:844px; height:100px;}
	#title_box { float:left; margin-top:50px; margin-left:55px; display:inline;}
	#thumb_box { float:right; margin-top:50px;}
#wrap_box { padding:0;}
	#leftside { float:left; width:200px; display: inline;}
	#rightside { float:right; width:600px; height:300px; margin-top:10px;background-color:#fff;  display: inline;}
	#logo { padding:10px 0 0 60px; text-align:left;}




/*--------------------------------------------------*/

#leftside_index{ float:left; width:400px; height:450px; background-color:#ccc; display: inline;}
#rightside_index { float:left; padding:140px 10px 10px 150px; height:450px; background:#ccc; display: inline;}
#logo_index { display:block; margin-top:260px; margin-left:75px; width:284px; height:56px; background:url(../images/logo_index.jpg) left top no-repeat;}
#logo_index span{ display:none;}

#protfolio_index { margin-top:25px;}
#project_index { margin-bottom:20px;}

.TProject{ margin-top:25px;}



#rightside_subpage{
float:left; height:450px; background:#ccc;
	}

.Contact_content { margin:40px 0 20px 60px;}
.About_content { margin:50px 0;}
#contact_title { padding:42px 0 10px 50px; margin:0;background:#ccc}


img {
    border: none;
}


/*- Menu_index--------------------------- */

#menu_index {
        width: 200px;
        }

#menu_index li { margin:0; padding:0;}
#menu_index li a {
        height: 14px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 12px;
        text-decoration: none;
        }

#menu_index li a:link, #menu_index li a:visited {
        color: #5E7830;
        display: block;
        padding: 0;
        }

#menu_index li a:hover, #menu_index li #current {
        color: #26370A;
        }

#menu_index li a:active {
        color: #26370A;
        }
		
		
		
/*- Menu--------------------------- */

#menu {
        width: 180px;
       	height:220px;
		padding:10px 0 0 60px;	
        }

#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
		text-align:left;
		font-size:0;
        }

#menu li a {
	
        height: 14px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 12px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        color: #666;
        display: block;
        padding: 0;
        }
#menu li a.select { color:#900;}
#menu li a:hover, #menu li #current {
        color:#333;
        }
#menu .selected {}
#menu div { padding-left:20px;}




/*.#menu img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
*/

/*- Menu--------------------------- */

#thumb_img { text-align:right; padding:20px 15px 5px 5px;}
#thumb_img li { float:left; margin:0 2px 0 0;}
#thumb_img img { border:1px solid #ccc;}
#thumb_img .current_img { border:1px solid #fff;}


/*- ----------------------------------------------------------------- */

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:600px;
	height:190px;
	margin-top:50px;
	position:relative;
	background-color:#fff;
	text-align:center;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:540px;
  height:190px;
  overflow:hidden; /* allow scrollbar */
  position:relative;
  text-align:center;
  background-color:#fff
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:520px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:190px;
  overflow:hidden;
  text-align:center;
 
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:none;
  width:39px;
  height:190px;
  position:absolute;
  cursor: pointer;
  border:0 solid #000;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.jpg) no-repeat 0 0;
}