/* CSS Document */

body{
margin: 0px;
background-color:#000000;
}
.top-menu01{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 47px;
text-decoration: none;
color: #cccccc;
}
.top-menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 47px;
text-decoration: none;
color: #666666;
}

.top-menulink{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 47px;
text-decoration: none;
color: #666666;
}

.top-menulink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 47px;
text-decoration: none;
color: #cccccc;
display:block;
}

.photography{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 47px;
text-decoration: none;
line-height: 15px;
color: #000000;
}

.photographylink{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
text-decoration: none;
line-height: 15px;
color: #000000;
}

.photographylink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
text-decoration: none;
line-height: 15px;
color: #CCCCCC;
}


.photography01{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 30px;
text-decoration: none;
line-height: 16px;
color: #000000;
}

.photography01link{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
text-decoration: none;
line-height: 16px;
color: #000000;
}

.photography01link:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
text-decoration: none;
line-height: 16px;
color: #CCCCCC;
}

.copy{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 23px;
line-height: 25px;
text-decoration: none;
color: #666666;
}

.webplus{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
padding-right: 23px;
line-height: 25px;
text-decoration: none;
color: #666666;
}

.webpluslink{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
line-height: 25px;
text-decoration: underline;
color: #666666;
}

.webpluslink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
line-height: 25px;
text-decoration: none;
color: #999999;
}

.sub-menu{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding-left: 7px;
line-height: 19px;
text-decoration: none;
color: #CCCCCC;
border-right:#2E2E2E 1px solid;
}

.sub-menulink{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 19px;
text-decoration: none;
color: #CCCCCC;
}

.sub-menulink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 19px;
text-decoration: underline;
color: #FFFFFF;
}


.left-img{
background-image:url(../sub-images/left-img.jpg);
background-position: left bottom;
background-repeat:no-repeat;
}

.page-left{
background-image:url(../sub-images/page-left.jpg);
background-position: left bottom;
background-repeat: repeat-x;
}

.page-right{
background-image:url(../sub-images/page-right.jpg);
background-position: left bottom;
background-repeat: repeat-x;
}

.form-ttl{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: left;
padding-left: 5px;
text-decoration: none;
line-height: 26px;
color: #000000;
}

.form{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-left: 3px;
text-decoration: none;
line-height: 20px;
color: #000000;
}

.form-border{
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-top: #000000 1px solid;
border-bottom: #000000 1px solid;
}

.border01{
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}

.cont01{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 22px;
text-decoration: none;
color: #CCCCCC;
}

.cont{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
line-height: 18px;
text-decoration: none;
color: #999999;
}

.cont02{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding-left: 3px;
line-height: 18px;
text-decoration: none;
color: #999999;
}

.cont03{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding-left: 5px;
line-height: 18px;
text-decoration: none;
color: #999999;
}

.cont03link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 18px;
text-decoration: underline;
color: #999999;
}

.cont03link:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 18px;
text-decoration: none;
color: #CCCCCC;
}

.cont-bor{
border: #666666 1px dotted;
}

.prod{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
padding-right:35px;
text-decoration: none;
line-height: 35px;
color:#919191;
}

.prodlink{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
padding-right:0px;
text-decoration: none;
line-height: 35px;
color:#919191;
}

.prodlink:hover{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
padding-right:0px;
text-decoration: none;
line-height: 35px;
color: #FFFFFF;
}

.prod01{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: right;
padding-right:0px;
text-decoration: none;
line-height: 35px;
color:#FFFFFF;
text-decoration:none;
}

.cont-ttl{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 25px;
color: #FFFFFF;
text-decoration: none;
}

.page{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
padding-right:1px;
line-height: 20px;
text-decoration: none;
color: #cccccc;
}

.number{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
padding-left: 3px;
line-height: 20px;
text-decoration: none;
color: #BCBCBC;
}

.numberlink{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 20px;
text-decoration: none;
color: #BCBCBC;
}

.numberlink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
line-height: 20px;
text-decoration: none;
color: #BCBCBC;
}

.number01{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: left;
line-height: 20px;
text-decoration: none;
color: #FFFFFF;
}

.bio-fild{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:left;
padding-left:5px;
line-height: 15px;
text-decoration: none;
color: #000000;
}

.bio-fild02{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align:left;
padding-left:5px;
line-height: 15px;
text-decoration: none;
color: #000000;
}

.dott-text{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 15px;
text-decoration: none;
color: #FF0000;
}

.bio-fild01{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: left;
padding-left: 5px;
line-height:25px;
text-decoration: none;
color: #FFFFFF;
}

.bio-fild03{
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: left;
line-height: 20px;
text-decoration: none;
color: #000000;
}

.button{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 20px;
text-decoration: none;
background-color: #585858;
color: #FFFFFF;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-top: #000000 1px solid;
border-bottom:#000000 1px solid;
}

.outside-bor{
border-left:#B1B1B1 1px dotted;
border-bottom:#B1B1B1 1px dotted;
border-right:#B1B1B1 1px dotted;
border-top:#B1B1B1 1px dotted;
}

.mid-bor{
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
}

.bio-bor{
padding-left:5px;
border-left: #CFCFCF 1px solid;
border-right: #CFCFCF 1px solid;
border-top: #CFCFCF 1px solid;
border-bottom: #CFCFCF 1px solid;
}


.profile{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height:20px;
text-align:justify;
text-decoration:none;
color: #999999;
padding-left:20px;
padding-right:30px;
}

.profile-bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:20px;
text-align:justify;
text-decoration:none;
color:#999999;
}

.infrastructure{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: left;
padding-left: 5px;
text-decoration: none;
line-height: 25px;
color: #CCCCCC;
border:#666666 1px solid;
}

.cliant{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:30px;
text-align:center;
text-decoration:none;
color:#B6B6B6;
}

.cliant-bor{
border-top:#EBEBEB 1px solid;
border-bottom:#EBEBEB 1px solid;
border-left:#EBEBEB 1px solid;
border-right:#EBEBEB 1px solid;
}

.here-are{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
padding-left: 22px;
text-decoration: none;
line-height: 25px;
color: #FFFFFF;
}

.error{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#F00;
}

.inq-text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#999999;
text-align:left;
text-decoration:none;
line-height:20px;
padding-left:10px;
background-color: #1A1A1A;
}

.send{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#CCCCCC;
text-align:center;
text-decoration:none;
line-height:30px;
}

.inq-text01{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
text-align:right;
text-decoration:none;
line-height:16px;
padding-right:10px;
}

.inq-opt{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:left;
text-decoration:none;
line-height:16px;
padding-right:4px;
}

.inq-send{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#999999;
text-align:left;
text-decoration:none;
line-height:16px;
padding-right:4px;
}

.inq-ttl{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#666666;
text-align:left;
text-decoration:none;
line-height:25px;
padding-left:10px;
background-image:url(../sub-images/inq-bg.jpg);
background-position:left top;
background-repeat:repeat-x;
background-color:#000000;
}

.inq-box{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
border:#666666 1px solid;
background-color:#1A1A1A;
}

.inq-bor{
border:#000000 1px  dotted;
}

.inq-btn{
background-image:url(../sub-images/submit.jpg);
background-position:left top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#666666;
border:#000000 1px solid;
}


.sub-ttl{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: right;
padding-right: 50px;
text-decoration: none;
color: #CCCCCC;
line-height: 35px;
}

.top-call{
background-image:url(../images/mobile.jpg);
background-position:right;
background-repeat:no-repeat;
}



/* pop up css */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:896px; 
  height:auto;
  padding:0px;
}

#lorem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
    text-align: center;
	background:#ffffff;
	float:left;
	width:46%;
	margin:0 2%;
	position:relative;
}

#lorem .pop-up-img{border: solid 10px #fbfbfb; }

.agree{
	position:absolute;
	top:38%;
	left:0;
	right:0;
	margin:auto;
	width:100px;
	background:#FFBF00;
	line-height:40px;
	color:#000000;
	text-decoration:none;
	font-size:13px;
}
.close.agree{top:77%; }

.close-img{
	position: absolute;
    top: -16px;
    right: -16px;
}
.agree:hover{
  opacity:0.9;
}