body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
padding: 0; 
margin: 0; 
} 
fieldset,img,abbr,acronym {
border:0;
}
dl,ol,ul {
list-style:none;
}
q:before,q:after {content:'';
}
table { 
border-collapse: collapse; 
border-spacing: 0; 
}  
address,caption,cite,code,dfn,em,th,var { 
font-weight: normal; 
font-style: normal; 
}  
caption,th {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
} 
h2 {
	font-size:20px;
	color: #666666;
	font-weight: bold;
	padding-bottom: 10px;
}
h3 {
	font-size:18px;
	color: #666666;
	font-weight: bold;
}
h5 {
	color: #b1c92b;
}p {
	margin-bottom: 12px;
}
*{
	margin:0;
	padding:0;
}
body{
	font-size:12px;
	color:#fff;
	line-height:20px;
	font-family:"Lucida Sans", Arial, sans-serif;
	background:url(../images/stone-wall.jpg) repeat top center;
	background-attachment:fixed;
	background-color: #000000;
}
a{
	color:#3a3a47;
	text-decoration:none;
}
a:hover{
	color:#707070;
}
/*------main css----------*/
#wrap{
	margin:0 auto;
	width:100%;
}
#header{
	padding-bottom:10px;
}
#header, #banner{
	width:965px;
	margin:0 auto;
}
#banner{
	background:url(../images/dotted.gif) repeat-x top center;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 163px;
}
#banner2 {
	background:url(../images/dotted.gif) repeat-x top center;
	padding-top: 10px;
	padding-bottom: 10px;
	width:965px;
	margin:0 auto;
}
#logo{
	padding:20px 0 20px;
}
#nav{
	width:400px;
	height:25px;
	float:left;
}
#nav ul{
	height:25px;
}
#nav ul li{
	float:left;
	padding-right:15px;
	font-size:11px;
	line-height:25px;
}
#nav ul li a{
	color:#fff;
	font-weight:bold;
}
#nav ul li a:hover, #nav ul li a.on{
	color:#b1c92b;
}
.contactop{
	float:right;
	font-size:10px;
	font-weight:bold;
	text-transform: uppercase;
}
.contactop a{
	color:#fff;
}
.contactop a:hover{
	color:#b1c92b;
}
#containerindex, #container{
	width:1050px;
	margin:0 auto;
	padding-top:20px;
}
#container{
	width:965px;
	margin:0 auto;
	padding-top:0;
}
#container h2, #containerindex h2{
	color:#666;
	font-size:20px;
	margin-bottom:18px;
	line-height:30px;
	font-weight:normal;
}
.clear{
	clear:both;
}
.recentwork{
	width:965px;
	margin:0 auto;
	background:url(../images/dotted.gif) repeat-x top center;
	padding-top:10px;
	font-size: 20px;
	color: #666666;
	font-weight: bold;
}
.recentwork h2{
	float:left;
	font-weight:bold;
	font-size: 14px;
}
.part3{
	width:965px;
	margin:0 auto;
	background:url(../images/dotted.gif) repeat-x top center;
	padding-top:35px;
	margin-top:10px;
}
.part, .part-last{
	width:300px;
	margin-right:30px;
	float:left;
	padding-bottom:70px;
	text-align: justify;
	color:#666666;
	font-weight: bold;
}
.part-last{
	margin:0;
}
.part a, .part-last a{
	color:#666;
}
.cor-green{
	color:#b1c92b;
}
.part4{
	width:965px;
	background:url(../images/dotted.gif) repeat-x top center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 4;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.follow{
	width:965px;
	margin:0 auto;
	background:url(../images/dotted.gif) repeat-x bottom center;
}
.follow-list{
	width:420px;
	float:left;
	padding-bottom: 12px;
}
.follow-list img{
	border:3px solid #fff;
	margin-right:10px;
}
.flickr{
	float:right;
	width:450px;
	height:55px;
	text-align:right;
	margin-top:5px;
}
.borderdash{
	padding-right:10px;
	background-image: url(../images/flickbk.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 34px;
}
.flickr img{
	margin-left:2px;
}
#footer{
	width:100%;
	background:#000;
	padding-top:20px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	margin-top: 50;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight: bold;
}
.footer{
	width:965px;
	margin:0 auto;
	text-align:right;
	line-height:30px;
	color:#828282;
	font-size:11px;
}
.footer a{
	float:left;
	color:#828282;
}
.contact{
	width:965px;
	margin-bottom:40px;
	background:url(../images/dotted.gif) repeat-x top center;
	padding-top:10px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 60px;
}
.map{
	border:3px solid #fff;
	float:left;
}
.contactform{
	width:465px;
	float:right;
	color:#666;
}
.contactform input, .contactform textarea{
	width:460px;
	height:30px;
	line-height:30px;
	border:1px dashed #2d2d2d;
	background:none;
	color:#fff;
}
.contactform textarea{
	height:135px;
	line-height:20px;
}
.contactform .submit{
	cursor:pointer;
}
.content{
	background:url(../images/dotted.gif) repeat-x top center;
	padding-top:20px;
}
.portfoliolinks{
	background:url(../images/dotted.gif) repeat-x top center;
	height:45px;
	line-height:45px;
}
.portfoliodots{
	background:url(../images/dotted.gif) repeat-x top center;
	height:5px;
	width:965px;
}

.portfoliolinks a{
	color:#99cc33;
	margin-right:15px;
	font-weight: bold;
}
.portfoliolinks a:hover{
	color:#ffffff;
	margin-right:15px;
	font-weight: bold;
}
.portfolio h3{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:60px;
	text-transform: uppercase;
}
.portfoliotext{
	width:500px;
	color:#999;
	line-height:25px;
	font-weight: bold;
}
.linksdown{
	background:url(../images/dotted.gif) repeat-x bottom center;
	height:30px;
	line-height:30px;
	text-align:right;
	margin:0 0 15px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.linksdown a{
	color:#666;
	margin-right:5px;
	font-weight: bold;
}
.linksdown a:hover{
	color:#fff;
	margin-right:5px;
	font-weight: bold;
}.portfoliogallery{
	padding-top:20px;
	margin:auto;
	padding-bottom: 60px;
}
.portfoliogallery div, .portfoliogallery-more div{
	border:3px solid #fff;
	margin: 0 25px 22px 0;
	width:457px;
	float:left;
}
.contentext{
	background:url(../images/dotted.gif) repeat-x bottom center;
	padding-bottom:20px;
}
.portfoliogallery div.maright0, .portfoliogallery-more div.maright0{
	margin-right:0;
}
#container h4{
	color:#666;
	font-size:20px;
	line-height:50px;
	margin-bottom:10px;
	font-weight:bold;
}
.portfoliogallery-more div{
	width:215px;
	clear: none;
}
.portfoliogallery-more div.linkstopmore{
	border:none;
	text-align:right;
	width:965px;
	background:url(../images/dotted.gif) repeat-x bottom center;
	padding-bottom:15px;
	margin-bottom:15px;
}
.portfoliogallery-more div.linkstopmore a{
	color:#848484;
	margin-left:10px;
	font-size:11px;
	font-weight: bold;
}
.portfoliogallery-more div.linkstopmore a:hover{
	color:#ffffff;
}/*----it`s for photo gallery-------*/
	.photo {
	position:relative;
	font-family:arial;
	overflow:hidden;
	width:215px;
	height:132px;;
	float:left;
	}	
	
		 .photo .caption {
			position:absolute;
			background:#000;
			height:40px;
			width:205px;
			opacity:0.6;
	    	border:none;	
			bottom:-70px;		
			left:0px;
			line-height:30px;
			padding-left:10px;
		}
		.photo .caption a{
	color:#b1c92b;
	display:block;
	font-size: 10px;
	font-weight: bold;
}
		.portfolio .photo .caption img{
		border:none;
		position:absolute;
		bottom:15px;
		right:10px;
}
/*---------end gallery-----------------------*/



/*----------index roll------------*/
.rollbox{
	width:1045px;
	overflow:hidden;
	margin-top:15px;
	clear: both;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}
.rollbox .pic img{
	display:block;
}
.rollbox .pic p{
	line-height:26px;
	color:#505050;
}
	.rollbox .rollboximg {
	position:relative;
	font-family:arial;
	overflow:hidden;
	width:284px;
	height:178px;
	float:left;
	border:3px solid #fff;
	}	
	
		 .rollbox .rollboximg .caption {
	position:absolute;
	background:#000;
	height:40px;
	width:280px;
	opacity:0.6;
	border:none;
	bottom:-69px;
	left:2px;
	line-height:30px;
	padding-left:10px;
		}
		.rollbox .rollboximg .caption a{
	color:#b1c92b;
	display:block;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
}
		.rollbox .rollboximg .caption img{
		position:absolute;
		bottom:10px;
		right:20px;
}


/* v style */
.v { width:100%; margin:20px auto; overflow:hidden}
	.v_caption { height:196px; overflow:hidden;}
			
			
.highlight_tip {
	display:inline;
	float:right;
	padding-top:5px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.highlight_tip span { 
	display:inline; 
	float:left; 
	width:12px; 
	height:12px; 
	overflow:hidden; 
	margin:0 2px; 
	background:url(../images/page.gif) no-repeat; 
	text-indent:-9999px; 
}
.highlight_tip .current {
	background:url(../images/current.gif) no-repeat; 
}
			
			
			
		.change_btn { float:left; margin:7px 0 0 10px; }
			.change_btn span { display:block; float:left; width:30px; height:23px; overflow:hidden; background:url(../images/2008112818328299.gif) no-repeat; text-indent:-9999px; cursor:pointer; }
			.change_btn .previous { }
			.change_btn .next { width:31px;}
			.change_btn .first_btn {cursor:pointer;
			}
			.change_btn .last_btn {cursor:pointer; }
		.v_caption em { display:inline; float:right; margin:10px 12px 0 0; font-family:simsun; }
	.v_content { position:relative; height:196px; overflow:hidden;  width:960px;}
	
		.v_content_list { position:absolute; width:3000px; }
		
		.v_content ul { }
		.v_content ul li {
	display:inline;
	float:left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 15px;
}
		.v_content ul li a { 
			display:block; 
			width:290px; 
			height:190px; 
			overflow:hidden; 
			}


.v_content ul li img {  }
		.v_content ul li h4 { width:128px; height:36px; overflow:hidden; margin-top:12px; font-weight:normal; }
			.v_content ul li h4 a { display:inline !important; height:auto !important; } 
		.v_content ul li span { color:#666; }
			.v_content ul li em { color:#888; font-family:Verdana; font-size:0.9em; }
			
			
			
			.v_content_list img {}
			.v_content {
			float:left;
			width:980px;
			}
			#cartoon_previous_btn {width:25px;float:left;height:130px;
				padding-top:60px;}
			#cartoon_next_btn {width:25px;float:right;height:130px;
				padding-top:60px;}
/******-------------**********/
/*-----------------jq ending--------------------------------------*/
#aboutrightside {
	float: right;
	width: 315px;

}
#abouttext{
	padding-bottom: 50px;
	float: left;
	width: 573px;
	background-image: url(../images/aboutdouble.png);
	background-repeat: repeat-y;
	background-position: right;
	color: #999999;
	font-weight: bold;
	padding-right: 35px;
}
#abouttext h1{
	color: #ffffff;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 24px;
}
#abouttopdots{
	background-image: url(../images/topabout.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 20px;
}
.testimonial-dots {
	background-image: url(../images/testimonials-double.png);
	background-repeat: repeat-x;
	height: 10px;
	margin-bottom: 26px;
	margin-top: 26px;
}
.testimonial-quote {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 12px;
}
.testimonial-name {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 12px;
}
.testimonial-green {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #99cc33;
}
.aboutcoredesign {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}