@charset "utf-8";

* {
	 font-family: 'Roboto Condensed',sans-serif; 
	 font-weight:300;
	font-size: 14px;
	line-height: 1.50em;
    margin:0px;
    padding:0px;
	letter-spacing:1px;
}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
	
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


body {
	margin:0;
	padding:0;
	color:#b1b1b1;


}


#back { 
	background-image:url(../images/back.png);
	background-position:center top;
	height:auto;
	background-repeat:no-repeat;
}



#wrapper {
	width:915px;
	margin:0 auto;
	padding:5px 20px;
	
	}


h2 {
	font-family: 'Marcellus', serif;
	font-size:49px;
	padding:20px 0;
	color:#2AB6DE;}

/*----- HEADER------*/	
	
header {
	width:915px;
	position:fixed!important;
position: absolute;  
    top: 0;  
	margin-top:-5px;
	background-color:#fff;
	padding-bottom:3px!important;
	z-index:999;
}

header .logo {
	width:162px;
	margin:0 auto;
}


.line {
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

nav {
	position: relative;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	padding:4px 0 6px 50px;
	
}
nav a {text-decoration:none; 
padding: 25px; color: #333; 
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px; 
font-size:14px;
}


nav a:hover{
	font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
    text-decoration:none;
    color:#2ab6de;
	font-size:14px;
}




nav span{
	background:#50cbee;
	height: 2px;
	display:block;
	position: absolute;
	width:50px;
	left:0;
	margin-top: 5px;
}





.current {
	color:#2ab6de;
}


.footer {
	padding-bottom:30px;
	
	
}


.footer p{
	margin-top:15px;
	text-align:right;
	font-size:9px;
	line-height:1.2em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:0;
	color:#c3c3c3;
	
}




/*------Index Content------*/

.clear {
	clear:both;
}






/* Custom Classes
------------------------------------------------------------ */

.group {}

.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0;  }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */



/* Filter */
dl { margin-bottom: 3em; color: #777; }
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter li { float: left; }
.filter li:after { content: "/"; }
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 10px; color: #959595; text-decoration: none; font-family: 'Roboto Condensed',sans-serif; letter-spacing:1px;}
.filter a:hover, .current a { color: #2AB6DE; }

/* Portfolio Items */
.portfolio {margin-bottom: 2.9em;}
.portfolio li { float: left; margin-right: 9px; margin-bottom: 1em; border: 1px solid #fff; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 4px 4px -3px #858585; }
.portfolio li:nth-child(5n) { margin-right: 0; }
.portfolio a { display: block; border: 3px solid #fff;  text-decoration: none; }
.portfolio img { width: 165px; height: 108px; display: block; border: 1px solid #ccc; }

.port-title { color:#666; font-size:16px; margin-bottom:1px; margin-left:5px; /* padding-left:10px; border-left:4px #50cbee solid;*/}

.port-title span { font-weight:bold; font-size:20px; color:#23a8cf;}

/*------Technician------*/

.left_column {
	width:300px;
	float:left;
}


.one_column {
	width:915px;
	margin-bottom:50px;
}

a.test:link {display:block;
	padding:5px 0;;
	text-align:center;
	border:1px solid #dfdfdf;
	width:150px;
	color: #959595; 
	text-decoration: none; 
	font-family: 'Roboto Condensed',sans-serif; 
	letter-spacing:1px;
	 font-size:13px; }	
	 
	 
a.test:visited { 
color: #959595; 
text-decoration: none; 
font-family: 'Roboto Condensed',sans-serif; 
letter-spacing:1px; 
font-size:13px;border:1px solid #dfdfdf;}


a.test:hover { color: #2AB6DE; font-size:13px;border:1px solid #2AB6DE; font-family: 'Roboto Condensed',sans-serif; }	


.portlate {
	width:184px;
	margin:0 auto;
}


.portlate p {
	text-align:center;
	padding-top:7px;
	font-family: 'Roboto Condensed',sans-serif;
	 letter-spacing:1.5px;
	 color:#777;
	 font-size:14px;
}

.right_column {
	width:580px;
	float:left;
	border-left:1px #dbdbdb solid;
	padding:0 0 30px 30px;
}	
	
.chrono tr td {
	vertical-align:top;
	padding-top:0;
	padding-bottom:20px;
	
}
	
	
.chrono tr th {
	font-size:25px;
	padding:10px 0 15px 0;
	color:#474646;
	font-family:"Times New Roman", Times, serif;
	
	
}
	
	
.time {
	width:168px;
	color:#2AB6DE;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	padding-right:10px;
	border-right:1px solid #2AB6DE;
	font-family: 'Roboto Condensed',sans-serif;
	 letter-spacing:1px;

}

.detail {
	padding-left:10px;
	color:#9e9e9e;
	 font-family: 'Roboto Condensed',sans-serif;
	 font-weight: 300;
	 letter-spacing:0.5px;
}

/*------Testimonial------*/



.testi {
	width:242px;
	background-color:#fafafa;
	float:left;
}


.comment {
	padding:0 17px;
	font-size:12px;
	
}

.name {padding:0 15px 10px 15px;
	font-weight:bold;
	color:#949494;}
	
.left20 {margin-left:20px;}

.left76 {margin-left:76px;}

/*-------CONTACT FORM-------*/

#contact_box {margin:10px 0;}

#contact_box td { padding:10px 0 10px 10px;}

#contact_box input {color:#777; background:#f7f7f7; border:2px solid #f7f7f7; padding:3px; vertical-align:middle;}

#contact_box textarea {background: none repeat scroll 0 0 #F7F7F7;
    border: 2px solid #F7F7F7;
    color: #777777;
   padding:6px;}

#contact_box select {color:#777; background:#f7f7f7; border:2px solid #f7f7f7; padding:3px 0 3px 3px;}	

#contact_box option {color:#777; background:#f7f7f7;  border-bottom:1px solid #fff; padding:3px 5px; }

.font140 {
	font-size:140%;
	}
	
.font125 {
	font-size:110%;
	}
	
.mleft30 {
	margin-left:30px;
	}

.font70 {
	font-size:80%;
	}
	
.grey {
	color:#1e1e1e;
	}
.blue {
	color:#2AB6DE;
}

.c_image {
}

.c_image p {
	width:250px;
	margin:18px 0 0 40px;
}
	
.address {text-decoration: none; font-family: Meiryo, sans-serif; letter-spacing:1px;  color:#6f6f6f;
}


.address b {text-decoration: none; font-family: 'Meiryo',sans-serif; letter-spacing:1px; color:#666; font-weight:bold;
}

.address a {text-decoration: none; font-family: 'Meiryo',sans-serif; letter-spacing:1px; color:#E85B5E;
}
	

a.ad:link {color: #2AB6DE; text-decoration: none; font-family: 'Meiryo',sans-serif; letter-spacing:1px; font-size:18px; }	

a.ad:hover { color: #2AB6DE; font-size:18px; text-decoration:underline; }	


.timeschedule { width:900px;}

.timeschedule th { text-align:center; line-height:16px; padding:5px 5px; background:#979797; color:#fff;}

.timeschedule td { padding:10px 15px; text-align:center; color:#6f6f6f; border:1px #b1b1b1 solid;}
	
	
/* Showcase
-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #000;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../images/arrows.png');
		width: 33px;
		height: 33px;
		top: 165px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -56px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #fff;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('../images/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(../images/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(../images/white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #8f8f8f;
			letter-spacing:-1px;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #2AB6DE;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #000;
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(../images/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}
		
	.download { margin-left:20px;}
	
	.download tr td { padding-left:40px; font-family: 'Roboto Condensed',sans-serif; letter-spacing:1px; font-size:14px; padding-bottom:20px;}
	
.numbering {
	list-style-type:decimal;
	margin-left:63px;
	margin-top:10px;

}

.numbering li {
	font-size:18px;
	color:#6f6f6f;
	margin-bottom:5px;
	letter-spacing: 1px;
	 font-family: 'Roboto Condensed',sans-serif; 
	 font-weight:300;
}


.team {
	color:#6f6f6f;
	width:915px;
	margin-top:80px;
}

.team img {
	margin:0 35px 10px 0;
}

a.slip:link {color: #959595; text-decoration: none; font-family: 'Roboto Condensed',sans-serif; letter-spacing:1px; font-size:16px }	
a.slip:visited { color: #959595; text-decoration: none; font-family: 'Roboto Condensed',sans-serif; letter-spacing:1px; font-size:16px}
a.slip:hover { color: #2AB6DE; font-size:16px}	

.sample_01{

border-collapse: collapse;
width:100%;
}
.sample_01 th{

padding: 10px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sample_01 td{
padding: 10px;
background-color: #fff;
border: 1px solid #b9b9b9;
}