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

/*
-----------------------------------------------
Style Sheet
Color Table:
background
	A.	#d2d2d2	darkGrey
	B.	#8CC540	green
border
	A.	#8CC540	green
	B.	#EEEEEE	lightGrey
text
	A.	#999999	darkGrey
	B.	#000000	black
link
	A.	#8CC540	green
logo
	A.	#8CC540	green
	B.	#000000	black
	C.	#999999	grey
	
----------------------------------------------- */

/* MISC: =FormatTags
----------------------------------------------- */
* {margin:0; padding:0;}
body {
	background:#d2d2d2 url(images/bg.jpg) repeat-x;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#999999;
	text-align:center;
	line-height:130%;
}
h1, h2, h3 {font-size:16px;}
h4, h5, h6 {font-size:14px;}
ul {list-style-type:none;}
img {border:none;}
table {border-collapse:collapse;}

/* MISC: =Form
----------------------------------------------- */

/* MISC: =LINK
----------------------------------------------- */
a {text-decoration:underline; color:#8CC540;}
	a:hover {text-decoration:none;}

/* MISC: =Public Class
----------------------------------------------- */
.hidden {display:none;}
.clear {clear:both;}
.clearFix {display:inline-block;}
	.clearFix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

/* Hides from IE-mac \*/
* html .clearFix {height:1%; display:block;}
/* End hide from IE-mac */


/* =LayoutId
----------------------------------------------- */
#globalWrapper {width:960px; margin:0 auto; text-align:left;}
#header {
	float:left;
	width:100%;
	height:139px;
	background-image:url(images/bg_head.jpg);
	background-repeat:repeat-x;
	background-position:202px 0px;
}
#contentWrapper {float:left;width:100%;}
#footer {
	clear:both;
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-position:85px 40px;
}
	#footer p {text-indent:-9999px;}
#extraBG {
	position:absolute;
	width:100%;
	height:139px;
	left:0;
	top:0;
	background:url(images/bg_head.jpg) repeat-x;
	z-index:-99;
}
#extraBG div {
	background:#d2d2d2 url(images/bg.jpg) repeat-x;
	width:50%;
	height:139px;
	float:left;
}

/* LAYOUT: =twoColMainRt
----------------------------------------------- */
.twoColMainRt {float:left; width:100%;}
	.twoColMainRt .mainContent {float:right; width:758px;	height:351px; background:url(images/dot_green_2px.png) repeat-y;}
	.twoColMainRt .sideBar {float:left; width:200px; height:351px;}

/* LAYOUT: =#header
----------------------------------------------- */
#logo {
	float:left;
	background-image:url(images/bg_logo.jpg);
	background-repeat:no-repeat;
	width:202px;
	height:61px;
}
#logo a {
	display:block;
	width:127px;
	height:32px;
	text-indent:-9999px;
	margin:29px 0 0 23px;
}
#navMain {display:block; float:left; margin-top:26px;}
	#navMain li {
		display:block;
		float:left;
		margin:0 10px 0 0;
		background-repeat:no-repeat;
		background-position:10px 5px;
	}
	#navMain #divWorksCate li {
		float:none;
		margin:0;
	}
	/*#nav_xxxx = #navMain li*/
	#nav_about {background-image:url(images/navi_about.png);}
		#nav_about a {width:51px;}
	#nav_works {background-image:url(images/navi_works.png);}
		#nav_works a {width:54px;}
	#nav_cooperation {background-image:url(images/navi_cooperation.png);}
		#nav_cooperation a {width:97px;}
	#nav_contact {background-image:url(images/navi_contact.png);}
		#nav_contact a {width:67px;}
	#navMain li a {display:block; text-indent:-9999px; padding-left: 10px;}
		#navMain li a:hover {background:url(images/bullet_green.gif) no-repeat 0px 8px;}
	#navBack {float:left; display:inline; margin-top:26px; margin-left:334px;}
		#navBack a {width:40px; display:block; text-indent:-9999px; background:url(images/navi_back.png) no-repeat;}
.about #nav_about a, .works #nav_works a, .cooperation #nav_cooperation a, .contact #nav_contact a {background:url(images/bullet_green.gif) no-repeat 0px 8px;}
#divWorksCate {
	position:absolute; 
  background: #ffffff;
  width:100px;
  border: 1px solid #8CC540;
  padding: 5px 0px; 
  z-index:99;
  display:none;
}
#nav_works #divWorksCate li a {
	font-size:8pt; 
	color:#999999; 
	text-decoration:none; 
	width:100%; 
	display:block; 
	background:none; 
	text-indent:10px; 
	padding:0;}
#nav_works #divWorksCate li a:hover {background:#8CC540; color:#fff;}
#divWorksCate li {
	border-bottom:1px solid #EEEEEE;
}
#divWorksThumb {
	float:left;
	border-left:1px solid #8CC540;
	width:640px;
	height:68px;
	margin-left:202px;
	display:none;
}
#divWorksThumb li {
	float:left;
}
#divWorksThumb img {
	border-right:1px solid #8CC540;
	border-bottom:1px solid #8CC540;
}


/* LAYOUT: PUBLIC
----------------------------------------------- */
/*-- Apply to .about, .cooperation --*/
.mainContent h4 {margin-bottom:23px;}
.mainContent p {line-height:150%; width:348px;margin-bottom:20px;}


/* LAYOUT: =about
----------------------------------------------- */
.about .sideBar {background:url(images/left_about.gif) no-repeat 85px 0;}
	.about .mainContent div {
		position:relative;
		margin-left:27px;
		width:613px;
		height:351px;
		background:url(images/about_bg_content.gif) no-repeat 393px 0;
	}
	.about .mainContent h4 {margin-bottom:23px;}
	.about .mainContent p {line-height:150%; width:348px;margin-bottom:20px;}
	.about .showroom {position:absolute; bottom:0;}
	.about .showroom li {float:left;}

/* LAYOUT: =works
----------------------------------------------- */
.works .sideBar {background:url(images/left_works.gif) no-repeat 85px 0;}
	.works #divWorksThumb {display:inline;}
	.works #divWorksZoom {
		margin-left:2px; 
		width:613px; 
		height:351px;
		background:url(images/loading.gif) no-repeat 50% 50%;
	}
	.works #divLoader {
		margin-top:-180px;
		margin-left:205px;
		display:none;
	}

/* LAYOUT: =cooperation
----------------------------------------------- */
.cooperation .sideBar {background:url(images/left_cooperation.gif) no-repeat 30px 0;}
	.cooperation .mainContent div {
		margin-left:27px;
		width:613px;
		height:351px;
		background:url(images/cooperation_bg_content.jpg) no-repeat 280px 0;
	}

/* LAYOUT: =contact
----------------------------------------------- */
.contact .sideBar {background:url(images/left_contact.gif) no-repeat 30px 0;}
	.contact .mainContent div {
		margin-left:27px;
		width:613px;
		height:351px;
		background:url(images/contact_map.gif) no-repeat 350px 0;
	}

/* LAYOUT: =#footer
----------------------------------------------- */