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

body {
	background-color:#b3b3ba;
	margin: 0;
	text-align:center;
}

#container {
	width:790px;
	margin:0 auto;
	text-align:left;
		
}

#div_1 {
	margin-top:25px;
	width:394px;
	height:100px;
	float:left;
	clear:left;
}

#div_2 {
	margin-top:25px;
	width:394px;
	height:100px;
	float:right;
}

#div_3 {
	width:394px;
	height:50px;
	float:right;
	visibility:visible;
	overflow:visible;
	position:relative;
	z-index:2;
}

#div_4 {
	width:394px;
	height:50px;
	float:right;
	z-index:1;
}

#div_5 {
	width:790px;
	height:10px;
	background-color:#333465;
	position:relative;
}

#div_5_construction {
	width:790px;
	height:10px;
	background-color:#7b7373;
	position:relative;
}

#div_5_service {
	width:790px;
	height:10px;
	background-color:#822719;
	position:relative;
}

#div_6_body {
	width:790px;
	float:left;
	position:relative;
}

#div_7 {
	width:144px;
	height:88px;
	float:left;
	background-color:#333465;
	background-image:url(../images/gif/bottom-corner.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#div_7_construction {
	width:144px;
	height:400px;
	float:right;
	background-color:#7b7373;
	background-image:url(../images/gif/bottom-tab.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#div_7_construction_c {
	width:790px;
	height:515px;
	float:right;
	background-color:#7b7373;
	background-image:url(../images/gif/bottom-tab_3.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#div_7_service {
	width:144px;
	height:575px;
	float:right;
	background-color:#822719;
	background-image:url(../images/gif/bottom-tab_2.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#div_7_service_c {
	width:350px;
	height:365px;
	float:right;
	background-color:#822719;
	background-image:url(../images/gif/bottom-tab_4.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}


#div_8 {
	width:646px;
	height:375px;
	float:left;
	clear:left;
}

#div_8_content {
	width:430px;
	float:left;
	clear:left;
}

#div_9 {
	width:646px;
	height:275px;
	background-color:#E6E6E6;
	margin-bottom:8px;
	float:left;
	clear:left;
	
}

#div_9_about {
	width:790px;
	background-color:#E6E6E6;
	margin-bottom:8px;
	float:left;
	clear:left;
	margin-top:10px;
}



#div_9_construction {
	width:636px;
	height:185px;
	background-color:#E6E6E6;
	margin-bottom:8px;
	float:left;
	clear:left;
	
}

#div_9_content {
	width:430px;
	height:470px;
	background-color:#E6E6E6;
	margin-bottom:8px;
	margin-top:8px;
	float:left;
	clear:left;
	
}

#div_10 {
	width:646px;
	height:100px;
	float:left;	
	
}

#div_10_content {
	width:646px;
	height:100px;
	float:left;
	margin-top:5px;	
	
}

#div_11_p1 {
	width:790px;
	height:132px;
	float:left;
	margin-top:10px;	
	margin-bottom:10px;
	background-color:white;
	background-image:url(../images/gif/side_tab_1.gif);
	background-position:right;
	background-repeat:no-repeat;	

}

#div_11_p2 {
	width:790px;
	height:132px;
	float:left;
	margin-top:10px;	
	margin-bottom:10px;
	background-color:#333465;
	background-image:url(../images/gif/side_tab_2.gif);	
	background-position:right;
	background-repeat:no-repeat;	
}

#div_12 {
	width:790;
	height:50px;
}

.style1 {
	font-family: "Arial Narrow", Arial;
	font-size: 12px;
	color: #FFFFFF;
}

.style2 {
	font-family: "Arial Narrow", Arial;
	font-size: 12px;
	color: black;
	cursor:pointer;
}

.style3 {
	font-family: "Arial Narrow", Arial;
	font-size: 12px;
	color: #b3b3ba;
}

.style4 {
	font-family: "Arial Narrow", Arial;
	font-size: 14px;
	color:#333333;
}

.style5 {
	font-family: "Arial Narrow", Arial;
	font-size: 16px;
	color:#333333;
}

.style6 {
	font-family: "Arial Narrow", Arial;
	font-size: 16px;
	color:white;
}

.style7 {
	font-family: "Arial Narrow", Arial;
	font-size: 14px;
	color:black;
}

.style8 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.style9 {
	font-size: 14pxl;
}

.style10 {
	color: #333333;
	font-family: "Arial Narrow", Arial;
}

.style11 {
	font-family: "Arial Narrow", Arial;
}

.style20 {
	font-size: 12px;
}

.style21 {
	font-size: 9px;

}

.style22 {
	font-size: 24px;

}

.style23 {
	color: #F0F0F0;
}

.style25 {
	color: #3F3F3F;
}

.style26 {
	font-size: 10px;
}

.style27 {
	color: #333333;
}

.style28 {
	color: #000000;
}

.style31 {
	font-size: 18px;
	font-family: "Arial Narrow", Arial;
}

.style34 {
	font-size: 18px;
}

.style29 {
	color: #6E6E6E
}

.style30 {
	font-size: 14px;
	font-family: "Arial Narrow", Arial;
	color: #161616;
}

.style32 {
	color: #161616
	}

a.b:link {

color:#FFFFFF;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:14px;
}

a.b:hover {

color:#FFFFFF;
text-decoration:underline;
font:"Arial Narrow", Arial;
font-size:14px;

}

a.b:visited {

color:#FFFFFF;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:14px;

}

a.b:active {

color:#FFFFFF;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:14px;

}

a.c:link {

color:#FFFFFF;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:16px;
}

a.c:hover {

color:#FFFFFF;
text-decoration:underline;
font:"Arial Narrow", Arial;
font-size:16px;

}

a.c:visited {

color:#FFFFFF;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:16px;
}

a.c:active {

color:#FFFFFF;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:16px;
}


a.d:link {

color:black;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:16px;
}

a.d:hover {

color:black;
text-decoration:underline;
font:"Arial Narrow", Arial;
font-size:16px;
}

a.d:visited {

color:black;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:16px;
}


a.d:active {
color:black;
text-decoration:none;
font:"Arial Narrow", Arial;
font-size:16px;

}


 a.class1:link {text-decoration: none; color:#FFFFFF;}
 a.class1:visited {text-decoration: none; color:#FFFFFF;}
 a.class1:active {text-decoration: none; color:#FFFFFF;}
 a.class1:hover {text-decoration: underline; color: white;}
 
 a.class1_1:link {text-decoration: none; color:#000000;}
 a.class1_1:visited {text-decoration: none; color:#000000;}
 a.class1_1:active {text-decoration: none; color:#000000;}
 a.class1_1:hover {text-decoration: underline; color: black;}

 a.class2:link {text-decoration: none; color:black;}
 a.class2:visited {text-decoration: none; color:black;}
 a.class2:active {text-decoration: none; color:black;}
 a.class2:hover {text-decoration: underline; color:black;}
 
 a.class3:link {text-decoration: none; bcolor:black; border:1px black solid;}
 a.class3:visited {text-decoration: none; color:black; border:1px black solid;}
 a.class3:active {text-decoration: none; color:black; border:1px black solid;}
 a.class3:hover {text-decoration: none; color:black; border:1px black solid;}


.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 330px; /*Width of Carousel Viewer itself*/
	height: 330px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;

}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}






.stepcarousel_2 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_2 .belt_2 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	margin-left:15px;


}

.stepcarousel_2 .panel_2 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}








.stepcarousel_3 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_3 .belt_3 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	margin-left:15px;


}

.stepcarousel_3 .panel_3 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}






.stepcarousel_4 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_4 .belt_4 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	margin-left:15px;


}

.stepcarousel_4 .panel_4 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}


.stepcarousel_5 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_5 .belt_5 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	margin-left:15px;

}

.stepcarousel_5 .panel_5 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}


.stepcarousel_6 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_6 .belt_6 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	margin-left:15px;


}

.stepcarousel_6 .panel_6 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}


.stepcarousel_7 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_7 .belt_7 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	margin-left:15px;

}

.stepcarousel_7 .panel_7 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 132px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}





















.stepcarousel_8 {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width:790px; /*Width of Carousel Viewer itself*/
	height: 485px; /*Height should enough to fit largest content's height*/

}

.stepcarousel_8 .belt_8 {
	position: absolute; /*leave this value alone*/
	top: 0;
	Left:0;
	width:2000px;
}

.stepcarousel_8 .panel_8 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 752px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin-left:20px;
	margin-right:25px;


}


#thumbBox { /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility:hidden;
	z-index: 60;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */
	font:  14px  Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage { /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading { /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 55;
}


.typeface-js, h1, h2, h3, h4, h5, h6 {
visibility:hidden;
}
.typeface-js-selected-text {
color:rgba(128, 128, 128, 0);
font-family:Arial Narrow;
opacity:0.3;
position:absolute;
white-space:pre;
}
.typeface-js-selected-text::-moz-selection {
background:none repeat scroll 0 0 blue;
}