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

body {
background:#212717 url(../images/bg_b.gif) 0 90px repeat-x;
font-family:"Lucida Sans Unicode","Lucida Grande","Mukti Narrow",sans-serif;
font-size:12px;
line-height:20px;
margin:0;
padding:0;
}
#containter{
background:#E5EAE5;

}
#header{
height:90px;
width:860px;
position:relative;
margin:auto;
}
#header h2{
background:url(../images/logo.gif) no-repeat 0 10px;
height:90px;
width:200px;
text-indent:-9999px;
margin:0;
}
#header h2 a{
display:block;
height:90px;
width:200px;
}

#globalNavi{
	background:none repeat scroll 0 0;
	line-height:normal;
	width:618px;
	position:absolute;
	bottom:0;
	right:-10px;
}
#globalNaviK ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:10px 0 0 50px;
}
#globalNavi li {
display:inline;
margin:0;
padding:0;
height:30px;
}
#globalNavi a {
float:left;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#globalNavi a span {
	color:#E7E5E2;
	display:block;
	float:left;
	padding:5px 10px 4px 6px;
	margin-right:3px;
}
#globalNavi .off a {
background:transparent url(../images/naviL.gif) no-repeat scroll left top;

}
#globalNavi .off a span {
background:transparent url(../images/navi.gif) no-repeat scroll right top;
}
#globalNavi .on a {
background:transparent url(../images/naviL.gif) no-repeat scroll left -30px;

}
#globalNavi .on a span {
background:transparent url(../images/navi.gif) no-repeat scroll 100% -30px;
}
#globalNavi a span {
float:none;
}
#globalNavi a:hover span {
background-position:100% -30px;
color:#E7E5E2;
}
#globalNavi a:hover {
background-position:0 -30px;
}
#globalNavi a:hover span {
background-position:100% -30px;
}

#top{
	padding:10px 0 10px 0;
	color:#E5EAE6;
	position:relative;
	width:860px;
	margin:auto;
}
#top .flash{
	width:400px;
	position:absolute;
	top:31px;
	/*right:16px;*/
	right:0;
}

#top .flash_webbiz{
	position:absolute;
	top:19px;
	/*right:16px;*/
	right:11px;
}

#top .flash2{
	width:400px;
	position:absolute;
	top:18px;
	right:0;
}

#top h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	color:#90dafd;
	margin:0;
	padding:0;
	line-height:23px;
	/**line-height:25px;*/
	font-weight:normal;
}
#top ul{
	margin:0;
	padding:10px 0 0 15px;
	width:430px;
}

#top li{
	list-style: disc;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}
.buttonOr {
	width:181px;
	height:46px;
	padding-top:10px;
}
.buttonOr a{
	background:url(../images/start_btn.gif) no-repeat  left top;
	/*_background:url(../images/start_btn.gif) no-repeat  left top;*/
	color:#ffffff;
	padding:6px 0;
	display:block;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	width:181px;
	/*height:33px;*/
	font-weight:bold;
	line-height:17px;
}
.buttonOr a:hover{
	background:url(../images/start_btn.gif) no-repeat  left -46px;
	/*_background:url(../images/start_btn.gif) no-repeat  left -46px;*/
}

#gray{
	background:#1e2020;
	padding:10px;
	color:#E5EAE6;
}
#gray_container{
	width:860px;
	margin:auto;
}
#gray .left{
	width:68%;
	float: left;
}

#gray .left p {
	margin:0;
	padding:8px 0 0 0;
}

#gray .left ul {
	margin:15px 0 0 15px;
	padding:0;
}

#gray .right{
	width:29%;
	float: right;
	padding-top:5px;
}

#gray .right p {
	margin:0;
	padding:8px 0 0 0;
}

#gray .right2{
	width:29%;
	float: right;
	padding-top:200px;
	padding-right:10px;
}

#gray .right_testimonials {
	width:29%;
	float: right;
	padding-top:140px;
	padding-right:10px;
}

#testimonial{
	background:url(../images/testimonial_top.gif) no-repeat;
	width:250px;
	padding-top:20px;
	position:relative;
	color:#1e201f;
}
#testimonial .more{
	text-align:right;
}
#testimonial .more a{
	color:#90dafd;
	text-decoration:none;
	border-bottom:1px dashed #90dafd;
}
#testimonial .more a:hover{
	color:#b8e8ff;
	border-bottom:1px dashed #b8e8ff;
}
#testimonial p{
	background:#feffca;
	padding:0 10px;
	width:230px;
	margin:0;
	text-indent:20px;
	padding-left:10px !important;
	padding-right:10px !important;
}
#testimonial span{
	font-size:40px;
	width:20px;
	top:10px;
	left:5px;
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:10px;
	/**padding-top:5px;*/
}
#testimonial .bottom{
	background:url(../images/testimonial_bottom.gif) no-repeat;
	width:195px;
	padding:35px 0 0 55px;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fff;
	margin:0;
	font-style:italic;
	line-height:14px;
}
#gray h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0;
	font-weight:normal;
}
#gray h2 a{
	text-decoration:none;
}
#gray h2 a:hover{
	text-decoration:none;
}
#gray .left p{
	margin-top:5px;
	/*width:270px*/
}
#green{
	background:#788a2e;
	padding:10px;
	color:#E5EAE6;
}

#green_container{
	width:860px;
	margin:auto;
	padding:5px;
}
#portfolio{
	width:465px;
	float:left;
	border-right: solid 1px #212718;
	padding:0;
}
#portfolio p{
	text-align:right;
	float:right;
	margin:0 10px 0 0;
}
#portfolio span{
	float:left;
	padding:50px 0 0 0px;
	width:20px;
	height:80px;
}

#portfolio h2, #webbiz h2{
	color:#212718;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:normal;
}
#portfolio h2 a, #webbiz h2 a {
	text-align:right;
	color:#212718;
	text-decoration:none;

}
#portfolio h2 a:hover, #webbiz h2 a:hover {
	border-bottom:#212718 dashed 1px;
	text-decoration:none;
	color:#212718;
}
#portfolio p a, #webbiz p a, #webbizSide p a{
	text-align:right;
	color:#212719;
	text-decoration:none;
	border-bottom:#212717 dashed 1px;

}
#portfolio p a:hover, #webbiz p a:hover, #webbizSide p a:hover {
	border-bottom:#434e31 dashed 1px;
	text-decoration:none;
	color:#434e31;
}
#portfolio ul{
	width:410px;
	margin:0;
	padding:0;
	float:left;
}
#portfolio li{
	list-style:none;
	float:left;
	/*padding:0 4px;*/
	/*margin:0 4px;*/
	margin-right:4px;
	margin-left:3px;

}
#portfolio li img, #webbiz img, #webbizSide img{
	border:#212718 solid 4px;
}
#portfolio li:hover img, #webbiz a:hover img, #webbizSide a:hover img{
	border:#406011 solid 4px;
}
#webbiz{
	width:375px;
	float:right;
}
#webbiz span{
	margin-right:10px;
	display:inline;
}
#webbiz p{
	margin:0 0 0 105px;
}
#webbizSide{
	margin-top:10px;
	/*background-color:#788a2g;*/
	background-color:#788a2e;
	padding:10px;
}
#webbizSide span {
	display:inline;
	margin-right:10px;
}
#webbizSide p{
	margin:0;
}
#webbizSide h3{
	margin-bottom:10px;
	color:#212718;
}
#webbizSide h3 a{
	color:#212718 !important;
	text-decoration:none;

}
#webbizSide h3 a:hover{
	border-bottom:1px dashed #212718 !important;
	text-decoration:none;
}		

#footer{
	background:#212717;
	padding:10px;
	color:#E5EAE6;
	font-family:Georgia, "Times New Roman", Times, serif;

}
#footer ul{
	width:500px;
	margin:0;
	padding:0;
	float: left;
}
#footer p{
	margin:0;
	color:#788a2f;
}
#footer li{
	list-style:none;
	display:inline;
	padding:0 5px 0 0;
}

#footer li a{
	color:#E5EAE6;
	text-decoration:none;

}
#footer li a:hover{
	text-decoration:none;
	border-bottom:1px dashed #E5EAE6;
}
#footer .info{
	float:right;
	width:350px;
	text-align:right;
	text-transform:uppercase;
	
}
#footer .info h3{
	margin:0 0 5px 0;
	color:#788a2f;
	font-size:22px;
	font-weight:normal;
}
#footer_container{
	width:860px;
	margin:auto;
}
.ucLeft{
float:left;
}
.ucRight{
float:right;
}

.red, .red_home {
	color:#FF6200 ;
}
.red_home a{
	color:#FF6200 ;
}
.red a{
	/*border-bottom:1px dashed #FF6200 ;*/
	color:#FF6200 ;
}
.red a:hover, .red_home a:hover{
	border-bottom:1px dashed #FF6200;
	text-decoration:none;
}

.blue, .blue_home {
	color:#90dafd ;
}
.blue_home a{
	color:#90dafd ;
}
.blue a{
	/*border-bottom:1px dashed #90dafd ;*/
	color:#90dafd ;
}
.blue a:hover, .blue_home a:hover{
	border-bottom:1px dashed #90dafd;
	text-decoration:none;
}

.gray a{
	color:#ccc ;
}
.gray a:hover {
	border-bottom:1px dashed #ccc;
	text-decoration:none;
}


.yellow, .yellow_home {
	color:#FFD042;
}
.yellow_home a{
	color:#FFD042 !important;
}
.yellow a{
	/*border-bottom:1px dashed #ebe225;*/
	color:#FFD042 !important;
}
.yellow a:hover, .yellow_home a:hover{
	border-bottom:1px dashed #ebe225 !important;
	text-decoration:none;
}

.sea, .sea a{
	/*border-bottom:1px dashed #ebe225;*/
	color:#5290B6 !important;
}

.sea_home a{
	color:#5290B6 !important;
}

.sea a:hover, .sea_home a:hover{
	border-bottom:1px dashed #5290B6 !important;
	text-decoration:none;
}

.green, .green_home {
	color:#25857D !important;
}
.green_home a{
	color:#25857D !important;
}
.green a{
	/*border-bottom:1px dashed #25857D;*/
	color:#25857D !important;
}
.green a:hover, .green_home a:hover{
	border-bottom:1px dashed #25857D !important;
	text-decoration:none;
}

.moreSea a{
	color:#5290B6 ;
	border-bottom:1px dashed #5290B6 ;

}
.moreSea a:hover{
	border-bottom:1px dashed #5290B6 ;
	text-decoration:none;
	color:#7fb0cf;
}

.moreRed a{
	color:#FF6200 ;
	border-bottom:1px dashed #FF6200 ;

}
.moreRed a:hover{
	border-bottom:1px dashed #fa7928 ;
	text-decoration:none;
	color:#fa7928;
}

.moreBlue a{
	color:#90dafd ;
	border-bottom:1px dashed #90dafd ;

}
.moreBlue a:hover{
	border-bottom:1px dashed #b7e7fe ;
	text-decoration:none;
	color:#b7e7fe;
}

.moreYellow a{
	color:#FFD042 ;
	border-bottom:1px dashed #FFD042 ;

}
.moreYellow  a:hover{
	border-bottom:1px dashed #ffe28c ;
	text-decoration:none;
	color:#ffe28c;
}

.moreGreen a{
	color:#25857D ;
	border-bottom:1px dashed #25857D ;

}
.moreGreen  a:hover{
	border-bottom:1px dashed #4ab2a9 ;
	text-decoration:none;
	color:#4ab2a9;
}
.spaceR{
	margin-right:10px;
}
.spaceL{
	margin-left:10px;
}

#footer_container ul li ul li {
	color:#788A2F;
}

br.clear {
	clear:both;
	line-height:0;
}

div.clear {
	clear:both !important;
}

.webmag {
	float:left;
	/*margin:0 0 0 360px;*/
	width:200px;
}

.toll_free {
	position:absolute;
	right:12px;
	top:25px;
	font-size:18px;
	color:#5290B6;
	letter-spacing:-1px;
}

.toll_free_jp {
	font-size:17px !important;
	letter-spacing:-2px;
}

form {
	margin:0;
	padding:0;
}

.view_portfolio {
	margin-right:5px !important;
	white-space:nowrap;
}

.langauges {
	position:relative;
	float:right;
	margin-right:10px;
	margin-top:3px;
}

.langauges a img {
	border:1px #ccc solid;
	margin-left:5px;
}