@charset "utf-8";
/* CSS Document */
strong{
	font-size: 13px;
}
#main_design{

	background:#FFFFFF none repeat scroll 0 0;
	border-left:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	float:left;
	margin:0;
	width: 928px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#design_left{
	float:left;
	width:415px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;	
}
#left_tlitle{
	float:left;
	width:100%;
	font-size: 24px;
	color: #F09216;
	font-weight: normal;
	margin-bottom: 15px;
}
#left_img{
	float:left;
	width:100%;
	margin-bottom:15px
}
#left_txt{
	float:left;
	width:100%;
	margin-bottom:15px
}

	#view_web_portfolio a {
	float:left;
	margin-left:3px;
	width:152px;
	background-image: url(/images/btn-view_web_portfolio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	text-indent: -9999px;
	}
#view_web_portfolio a:hover	
		{
background-position:left bottom;
	}
	#view_web_portfolioc a {
	float:left;
	margin-left:3px;
	width:152px;
	background-image: url(/images/btn-view_web_portfoliocn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	text-indent: -9999px;
	}
#view_web_portfolioc a:hover	
		{
background-position:left bottom;
	}
	#request_a_quote a:hover{
background-position:left bottom;
	}
	#request_a_quote a {
	float:right;
	margin-right:3px;
	width:129px;
	background:url(/images/btn-request_a_quote_services.gif) left top no-repeat;
	text-indent: -9999px;
	height: 24px;
	}
#request_a_quotec a:hover{
background-position:left bottom;
	}
	#request_a_quotec a {
	float:right;
	margin-right:3px;
	width:129px;
	background:url(/images/btn-request_a_quote_servicescn.gif) left top no-repeat;
	text-indent: -9999px;
	height: 24px;
	}


#design_right{
float:right;
width:430px;
	
}
#right_line{
	float:left;
	width:430px;
	padding-top: 5px;
	padding-bottom: 20px;
	}
#img_left{
float:left;
margin-right:15px;
width:40px;}
#text_right{
	float:left;
	width:86%;
	line-height: 16px;
}
#line{
	float:left;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	margin-bottom: 25px;
	padding-top: 25px;
}
/*--------------------------------------------------------------------------------------------- */
#main_portfolio{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border-left:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	float:left;
	margin:0;
	width: 918px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#web_portfolio{
	float:left;
	padding-bottom:20px;
	width:260px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0px;
	padding-top: 20px;
	background-image: url(/images/bjline.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding-left: 44px;
	margin-bottom: 10px;
}
#web_portfolio_bj{
	float:left;
	width:218px;
	height:212px;
	background-image: url(/images/web_portfoliobj.jpg);
	padding: 10px;
}
#web_portfolio_title{
	float:left;
	width:138px;
	padding-top: 20px;
	line-height: 16px;
	height: 40px;
}
.org{
	color: #f48221;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.hui{
	font-size: 12px;
	color: #757575;
}
#view_details a{
	float:right;
	height:26px;
	margin-right:17px;
	margin-top:15px;
	text-indent:-9999px;
	width:97px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/btn-view_details-gray.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#view_details a:hover{

	background-position: left bottom;
}

#main_line{
	float:left;
	width:100%;
	padding-top: 5px;
	padding-bottom: 30px;
	}
#pr_about{
	float:left;
	width:688px;
	background-image: url(/images/bg-other_projects-dark.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 6px;
	margin-bottom: 15px;
	}
#pr_aboutbj{
	float:left;
	width:688px;
	height:350px;
	background-image: url(/images/profile.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 6px;
	}
#pr_aboutbj ul {
	float:right;
	width:230px;
	margin:0;
	list-style-type:none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
#pr_aboutbj ul li a {
	float:left;
	width:195px;
	display: block;
	margin-bottom: 5px;
	background-image: url(/images/btn-quick_links-arrow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	color: #757575;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 15px;

	}
#pr_aboutbj ul li a:hover{
	color: #F48222;


	}
#details{
	float:left;
	width:100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
#details_l{
	float:left;
	width:350px;
	margin-right: 15px;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E8E8E8;

}
.orgl li{
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 10px;
	display: block;
	width: 300px;
	list-style-type: square;

	background-image: url(/images/orgq.jpg);
}
#details_r{
	float:right;
	width:278px;
}
#details_img{
	float:left;
	padding: 5px;
	border:1px solid #E8E8E8;
}
#details_img img {
	border:1px solid #E8E8E8;
}
#go_back a{
	float:right;
	height:24px;
	margin-right:17px;
	margin-top:15px;
	text-indent:-9999px;
	width:75px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/btn-go_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#go_back a:hover{

	background-position: left bottom;
}
.ditto_page{
	padding-right: 5px;
	padding-left: 5px;
}
/*logo-development styles------------------------------start*/

ul#logo_list li.vall {
	float: left;
	display: block;
	background-color:#E8E8E8;
	padding:10px;
	border:1px solid #FFFFFF;
}
ul#logo_list li.vall img {
	display: block;	
	border:1px solid #CCCCCC;
}
ul#logo_list li.vall h3 {
	font-size:1.25em;
	font-weight:bold;
	line-height:1.3em;
	padding-top:8px;
}

/*logo-development styles------------------------------end*/