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

/*-----------------------------
RESET STYLES
-----------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
}

ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
	color:#3dc6ff;
}

/*-----------------------------
	BASIC PAGE STYLING
-----------------------------*/

body {
font-family:MS PGothic, MS Gothic, Helvetica, Arial, sans-serif;
text-align:center;
}

#page_wrapper_cyan{
	background-color:#3dc6ff;
	overflow:auto;
	padding-bottom:40px;
}

#page_wrapper_white{
	overflow:auto;
	padding-bottom:40px;
	background-color:#fff;
}

#page_wrapper_grey{
	overflow:auto;
	padding-bottom:40px;
	background-color:#2c2c2c;
}

/*-----------------------------
			MENU
-----------------------------*/

#sliderWrap {
text-align:center;
}

#slider {
text-align:center;
position: fixed;
background-image:url(../images/slider_320_1px.png);
background-repeat:repeat;
background-position: initial initial;
width: 100%;
height: 120px;
margin-top: -120px;
left:0;
z-index:1;
}

#sliderContent {
margin: 14px auto 0 auto;
width:320px;
}

#openCloseWrap {
margin:auto;
margin-top:120px;
width: 104px;
height: 31px;
}

#openCloseIdentifier{
text-align:center;
}

/*-----------------------------
			TITLES
-----------------------------*/

#sectionTitleCyan {
text-align:center;
font-size:1.5em;
color:#3dc6ff;
font-weight:bold;
margin-bottom:15px;
}

#sectionTitleCyan a,
#sectionTitleCyan a:visited{
color:#3dc6ff;
}

#sectionTitleCyan a:active,
#sectionTitleCyan a:focus {
color:#2c2c2c;
}

#subTitle_grey {
text-align:center;
font-size:1.2em;
color:#c6c6c6;
font-weight:normal;
margin-bottom:16px;
line-height:1.25em;
}

/*-----------------------------
		Background images
-----------------------------*/

.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bgs35th {
	background-color:#ffffff;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bgs35th a {
	display: block;
	width: 80%;
	padding-top:10%;
	margin-left:10%;
	color:#000;
}

.bgs35th a img {
	width: 100%;
}


.bgs {
	width: 100%;
	/*position: absolute;
	top: 0;
	left: 0;*/
}



/*-----------------------------
			COMPANY
-----------------------------*/

#company {
padding:0 10px 0 10px;
padding-top:65%;
background-color:#3dc6ff;
font-size:0.75em;
color:#FFF;
font-weight:bold;
}

#text_field_company {
width:100%;
float:left;
padding:10px 0 10px 0;
border-bottom:dotted 1px #3399cc;
line-height:1.5em;
}

#text_field_company1 {
font-weight:bold;
color:#FFF;
width:30%;
text-align:left;
float:left;
}

#text_field_company2 {
font-weight:normal;
text-align:left;
width:65%;
color:#333;
float:left;
}

/*-----------------------------
			SERVICES
-----------------------------*/

#services {
padding:0 10px 0 10px;
padding-top:73%;
// padding-top:140%;
background-color:#2c2c2c;
font-size:0.75em;
color:#a6a6a6;
float:left;
line-height:1.5em;
}

/*-----------------------------
			RECRUIT
-----------------------------*/

#recruit {
padding:0 10px 0 10px;
padding-top:70%;
background-color:#2c2c2c;
font-size:0.75em;
color:#FFF;
font-weight:normal;
line-height:1.5em;
}


/*-----------------------------
			NEWS
-----------------------------*/

#news {
padding:0 10px 0 10px;
padding-top:50%;
margin:0 auto;
background-color:#fff;
font-size:0.75em;
color:#414141;
font-weight:normal;
text-align:center;
line-height:1.5em;
}

#DataBox{
width:150px;
height:17px;
margin-top:25px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
background-color:#c1c1c1;
text-align:center;
font-size:1em;
color:#fff;
}

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

#contact {
padding:0 10px 0 10px;
padding-top:82%;
background-color:#fff;
font-size:0.75em;
color:#414141;
font-weight:normal;
text-align:center;
line-height:1.5em;
}

#contactBox{
width:100%;
height:65px;
margin-bottom:25px;
background-image:url(../images/contact_bg.gif);
background-repeat:repeat;
text-align:center;
font-size:1.9em;
}

#contactBox a{
	color:#414141;
}

/*-----------------------------
			LAB
-----------------------------*/

#lab {
padding:0 10px 0 10px;
padding-top:71%;
background-color:#2c2c2c;
font-size:0.75em;
color:#FFF;
font-weight:normal;
line-height:1.5em;
}

.labLink {	
	width: 100%;
	float:left;
	height:17px;
	text-align:left;
	color:#cbcbcb;
	border-bottom:dotted 1px #565656;
	padding:12px 0 12px 0;
	font-size:1.4em;
}


/*-----------------------------
			dotted line
-----------------------------*/
#dotted_line{
width:100%;
clear:both;
height:1px;
border-bottom:dotted 1px #565656;
margin-bottom:20px;
}

#dotted_line2{
width:100%;
clear:both;
height:1px;
border-bottom:dotted 1px #ccc;
margin:25px 0 25px 0;
}

#dotted_line3{
width:90%;
clear:both;
height:1px;
border-bottom:dotted 1px #333;
margin:0 auto 20px auto;
}

/*-----------------------------
			WORKS
-----------------------------*/

#works {
padding:0 10px 0 10px;
padding-top:80%;
margin:0 auto;
background-color:#fff;
}