*{margin:0;padding:0;border:none;}

a{text-decoration:none; color:#606060;}



body {

	font-family: "Trebuchet MS", Georgia, Arial;

	background:#040404 url(../img/bg.jpg);

	font-size: 13px;

	color: #606060;

	}
	
::selection {

        background: #272727; /* Safari */

        }

::-moz-selection {

        background: #272727; /* Firefox */

}

a {
  -moz-outline: none 0;
  outline: none 0;
}

.navi ul {

	list-style:none;margin:0;padding:0;

	}

.navi li {

	float:left;width:91px; height:41px; margin:0;padding:3px;text-align:center;

	}

.navi li a {

	display:block;padding:0px 0px;height:100%;

	}

.navi li a:hover, li a:focus, li a:active {

	background-position:-100px 0;

	}

#a a {

	background:url(../img/bg2.jpg) repeat 0 0;

	}

#b a {

	background:url(../img/bg3.jpg) repeat 0 0;

	}

#c a {

	background:url(../img/bg4.jpg) repeat 0 0;

	}

#d a {

	background:url(../img/bg5.jpg) repeat 0 0;

	}

#e a {

	background:url(../img/bg6.jpg) repeat 0 0;

	}

#f a {

	background:url(../img/bg7.jpg) repeat 0 0;

	}

	

.padd {

	padding-top: 80px;

}

.ttl-con {

	padding-top: 20px;

	padding-bottom: 10px;

}

.prj-txt {

	font-size: 10px;

	font-style: normal;

	line-height: 40px;

}

.prj-txt span a{

	font-size: 10px;

	font-style: normal;

	line-height: 40px;

	color:#606060;

}



.port-bg {

	background-image: url(../img/bg-prj.jpg);

	background-repeat: no-repeat;

	background-position: top;

	height: 153px;

	width: 265px;

	text-align: center;

	vertical-align: bottom;

	float: left;

	margin-right: 12px;

	margin-bottom: 25px;

}

.prj-spc {

	padding: 4px;

}



#container {

	background-image: url(../img/bg01.jpg);
	background-repeat: repeat-x;
	width:100%;

	}

#block-left {

	width: 400px;

	float:left;

	padding-top: 35px;

	

	}

.ttls {

	background-image: url(../img/ttl-dot.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-top: 70px;

	padding-bottom: 8px;

	margin-right: 5px;

}

.ttls01 {

	background-image: url(../img/ttl-dot.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-top: 25px;

	margin-right: 5px;

	margin-bottom: 10px;

	padding-bottom: 8px;

}

#testimonial {

	background-image: url(../img/testi-bg.jpg);

	background-repeat: no-repeat;

	height: 150px;

	width: 520px;

	padding-top: 50px;

	padding-left: 25px;

	padding-right: 20px;

}



.services-box01 {

	width: 180px;

	float: left;

}

.services-box01 li {

 	list-style-image:url(../img/design-icon.jpg);

	margin-left:30px;

	padding:3px;

	text-align:left;

}

.services-box01-ttl{

	line-height:30px;

	font-weight: bold;

	color: #787878;

	padding-left: 3px;

	padding-top: 1px;

	list-style:none;

}



.services-box02 {

	width: 165px;

	float: left;

}

.services-box02 li {

 	list-style-image: url(../img/design-icon02.jpg);

	margin-left:30px;

	padding:3px;

	text-align:left;

	}

.services-box02-ttl {

	list-style-position:inside;

	line-height:30px;

	font-weight: bold;

	color: #787878;

	padding-left: 3px;

	padding-top: 1px;

	list-style:none;

}

.services-box03 {

	width: 170px;

	float: left;

}

.services-box03 li {

 	list-style-image: url(../img/develop-icon.jpg);

	margin-left:30px;

	padding:3px;

	text-align:left;

}

.services-box03-ttl {

	list-style-position:inside;

	line-height:30px;

	font-weight: bold;

	color: #787878;

	padding-left: 3px;

	padding-top: 1px;

	list-style:none;

}

.aln01 {

	padding-right: 10px;

	padding-top: 12px;

	height: 70px;

	font-size: 11px;

}

#block-right {

	padding-top: 20px;

	padding-right: 10px;

	padding-left: 5px;

	width: 560px;

	float: right;

	

}



h1 {

	font-size: 20px;

	color: #656565;

	font-weight: normal;

	font-style: normal;

}





#container-in {

	background-repeat: repeat-x;

	width: 998px;

	margin:	auto;

 	}

	

.bold {

	font-weight: bold;

	color: #8b8b8b;

}

.q_he{
	text-align:center; 
	height:400px;
}


#logo {

	width: 380px;

	padding-top: 26px;

	padding-left: 18px;

	float:left;

	}



.navi {

	width:573px;

	float: left;

	padding-top: 30px;

	padding-bottom: 35px;

	padding-left: 23px;

	float: left;

	}

	

	

.color {

	color: #8b8b8b;

}

.space {

	padding-top: 10px;

	padding-bottom: 8px;

}

.port-bg01 {

	background-image: url(../img/bg-prj.jpg);

	background-repeat: no-repeat;

	background-position: top;

	height: 153px;

	width: 265px;

	text-align: center;

	vertical-align: bottom;

	float: left;

	margin-left: 12px;

	margin-bottom: 25px;

}

.ttls02 {



	background-image: url(../img/ttl-dot.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-top: 5px;

	padding-bottom: 8px;

	margin-right: 5px;

}

.ttls03 {





	background-image: url(../img/ttl-dot.jpg);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-top: 20px;

	padding-bottom: 8px;

	margin-right: 5px;

}

#con-name {

	background-image: url(../img/con-name-bg.jpg);

	background-color:#171717;

	background-repeat: no-repeat;

	height: 20px;

	width: 450px;

	display: block;

	padding-left: 78px;

	font-family: "Trebuchet MS", Georgia, Arial;

	font-size: 12px;

	color: #4b4a4a;

	padding-top: 7px;

	padding-bottom:7px;

	background-position: left center;

	margin-bottom: 10px;

	padding-right: 8px;

}



#con-subj {

	background-image: url(../img/con-subj-bg.jpg);

	background-color:#171717;	

	background-repeat: no-repeat;

	height: 20px;

	width: 450px;

	display: block;

	padding-left: 78px;

	font-family: "Trebuchet MS", Georgia, Arial;

	font-size: 12px;

	color: #4b4a4a;

	padding-top: 7px;

	padding-bottom:7px;

	background-position: left center;

	margin-bottom: 10px;

	padding-right: 8px;

}

#con-email {

	background-image: url(../img/con-email-bg.jpg);

	background-color:#171717;	

	background-repeat: no-repeat;

	height: 20px;

	width: 450px;

	display: block;

	padding-left: 78px;

	font-family: "Trebuchet MS", Georgia, Arial;

	font-size: 12px;

	color: #4b4a4a;

	padding-top: 7px;

	padding-bottom:7px;

	background-position: left center;

	margin-bottom: 10px;

	padding-right: 8px;

}





#con-mess {

	background-color:#171717;

	background-image:url(../img/con-mess-bg.jpg);

	background-repeat:no-repeat;

	border-style:none;

	border-width:0;

	color:#4B4A4A;

	display:block;

	font-family:"Trebuchet MS",Georgia,Arial;

	font-size:12px;

	height:136px;

	margin-bottom:10px;

	padding:17px 8px 15px 78px;

	width:450px;

}





.formtext{

	background-color:#171717;

	background-repeat: no-repeat;

	height: 20px;

	width: 450px;

	display: block;

	padding-left: 78px;

	font-family: "Trebuchet MS", Georgia, Arial;

	font-size: 12px;

	color: #4b4a4a;

	padding-top: 7px;

	padding-bottom:7px;

	background-position: left center;

	margin-bottom: 10px;

	padding-right: 8px;

	margin-top: 7px;

}



#con-captcha {

	background-image: url(../img/con-captcha-bg.jpg);

	width: 300px;

	padding-left: 178px;

}





#yahoo-msg {

	background-image: url(../img/yahoo.jpg);

	background-repeat: no-repeat;

	display: list-item;

	height: 35px;

	margin-top: 30px;

	color: #656565;

	text-decoration: underline;

	padding-left: 50px;

	padding-top: 10px;

	list-style-type: none;

	width: 250px;

	float: left;

}

#gmail-msg {

	background-image: url(../img/gtalk.jpg);

	background-repeat: no-repeat;

	display: list-item;

	height: 45px;

	margin-top: 10px;

	color: #656565;

	text-decoration: underline;

	padding-left: 50px;

	padding-top: 10px;

	list-style-type: none;

	width: 250px;

	float: right;

}

.hide {	display:none;}

#footer_block {

	background-image:url(../img/footer-bg.gif);

	background-repeat: repeat-x;

	padding-top: 5px;

	padding-left: 5px;

	background-position: bottom;

	float: right;

	width: 560px;

	margin-right: 17px;

	height: 280px;

	color: #454444;

	font-size: 11px;

}

.outer_block { width:700px; float:left; background:url(images/til_fp.gif) repeat-x;}

.inner_block { width:560px; margin:0 0 0 70px; float:left; display:inline; }

/*.block1 { width:560px; float:left; border-top:1px dashed #323232; margin-top:42px; }*/

.block1 { border-top:1px dashed #323232; float:left; height:140px; margin-top:20px; width:560px;}

.block2 { border-top:1px solid #323232; float:left; height:40px; padding:5px; width:545px;}

.qdsymbol { width:352px; float:left; margin:22px 0 0 0px; display:inline; }

.flt { float:left; }

.flr{ float:right; }

.qd_txt { width:203px; float:right; padding-right:12px; }

.txt { font:14px/16px "Trebuchet MS"; color:#6A6969; border-bottom:1px dotted #393838; padding-bottom:4px; width:203px; float:left; }

.txt1 { font:14px/16px "Trebuchet MS"; color:#6A6969; border-bottom:1px dotted #393838; padding-bottom:4px; width:153px; float:left; }

.lorem { font:12px/14px "Trebuchet MS"; color:#474747; width:203px; float:left; margin:10px 0 0 0; }

.quick { width:165px; float:left; margin:22px 0 0 15px; display:inline; }

.quick a{ width:165px; padding:5px 0;font:14px/16px "Trebuchet MS"; color:#6A6969; border-bottom:1px dotted #393838; float:left; text-decoration:none; }

.quick img { border:0; margin:0 5px 0 0; display:inline; } 

.fp_links { width:550px; float:left; border-top:1px dotted #323232; padding:10px 0 10px 10px; }

.fp_links a { color:#3A3A3A; font:11px/14px "Trebuchet MS"; text-decoration:none;  }

.fp_links span { color:#3A3A3A; margin-top:3px; }

.copy{float:left; font:11px/14px "Trebuchet MS"; margin:10px;}

.clearfix { display:block;}

.about{background-position:center bottom; background-repeat:repeat-x; margin-right:5px; padding-bottom:8px; padding-top:43px;}

.about p{padding-top:15px;}

.about p a{border-bottom:1px dotted; color:#BBBBBB;}

.ttls-border-top{background-image: url(../img/ttl-dot.jpg); background-repeat: repeat-x; background-position: top; padding-top: 20px; padding-bottom: 8px; margin-right:5px; margin-top:15px;}

.ttls-border-bottom{background-image:url("../img/ttl-dot.jpg"); background-position:center bottom; background-repeat:repeat-x; margin-right:5px; padding-bottom:20px;}

.addthis_default_style{

width:20px;

float:left;

padding-top:12px;

padding-left:3px;

}



.con-email {

	background-color:#171717;	

	background-repeat: no-repeat;

	height: 20px;

	width: 450px !important;

	display: block;

	padding-left: 78px;

	font-family: "Trebuchet MS", Georgia, Arial;

	font-size: 12px;

	color: #4b4a4a;

	padding-top: 7px;

	padding-bottom:7px;

	background-position: left center;

	margin-bottom: 10px;

	padding-right: 8px;

}