*{margin:0;padding:0;border:none;}
a{text-decoration:none; color:#606060;}

body {
	font-family: "Trebuchet MS", Georgia, Arial;
	background-image: url(../img/bg.jpg);
	font-size: 13px;
	color: #606060;
	}
.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;
	
	}
#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;
}

#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: 74px;
	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;
}
#quote-ph {
	background-image: url(../img/quote-phone-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;
}
#quote-cmy {
	background-image: url(../img/quote-com-nam-bg.jpg);
	background-color:#171717;
	background-repeat: no-repeat;
	height: 20px;
	width: 450px;
	display: block;
	padding-left: 133px;
	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;
}
#quote-url {
	background-image: url(../img/quote-url-bg.jpg);
	background-color:#171717;	
	background-repeat: no-repeat;
	height: 20px;
	width: 450px;
	display: block;
	padding-left: 116px;
	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;
}
#quote-cunt {
	background-image: url(../img/quote-cunt-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;
}
#quote-cunt {
	background-image: url(../img/quote-cunt-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;
}
#quote-how {
	background-image: url(../img/quote-how-bg.jpg);
	background-color:#171717;	
	background-repeat: no-repeat;
	height: 20px;
	width: 450px;
	display: block;
	padding-left: 220px;
	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;
}
.chk-box {
	background-image: url(../img/quote-check-bg.jpg);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	background-position: bottom;
	float: left;
	margin-right: 5px;
}
.chk-dv {
	width: 260px;
	float: left;
	padding-top: 5px;
	color: #444444;
	padding-left: 7px;
}

#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;
}
#quote-mess {
	background-color:#171717;
	background-image:url(../img/quote-comment-bg.jpg);
	background-repeat:no-repeat;
	border-style:none;
	color:#4B4A4A;
	float:left;
	display:block;
	font-family:"Trebuchet MS",Georgia,Arial;
	font-size:12px;
	height:136px;
	margin-top:20px;
	margin-bottom:10px;
	padding:14px 8px 15px 170px;
	width:450px;
}

#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: 136px;
	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;
}