@import url(reset.css);

* { margin:0px; padding:0px; outline:none;}

body { padding:35px 0px 0px 0px; background: url(../images/back.png) #ECF3FB top left repeat-x;}


/** This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish.**/
@font-face {
	font-family: 'TeXGyreHerosRegular';
	src: url('texgyreheroscn-regular.eot');
	src: local('TeX Gyre Heros Regular'), local('TeXGyreHeros-Regular'), url('texgyreheroscn-regular.ttf') format('truetype');
}

/*ALL PAGE*/
#content_holder { width:960px; margin:0px auto; overflow:hidden; padding: 0px 0px 50px 0px;}


/*HEADER*/
#header { float:left; width:960px; background: url(../images/clouds.png) top left no-repeat; height:160px;}
	h1 a{ background:url(../images/logo.png) top left; float:left; position:relative; top:35px; left:100px;
			text-indent: -999999px; width:202px; height:98px;}


/*CONTENT*/
#content { margin:0px auto; overflow:hidden; width:740px;}
	.recent_project { background: url(../images/bird.png) top right no-repeat; float:left; padding-top:66px;}
		.cont_top { background: url(../images/cont_top.png) top left no-repeat; float:left; width:740px; margin-top:-3px;}
			.recent_top_title { background: url(../images/recent.png) top left no-repeat; width:55px; text-align: center; padding:10px 22px 27px 13px; float:left; 
								margin:-10px 0px 0px 10px; display:inline; color:#fff; font-size:13px; text-shadow: 1px 1px 1px #333333; }
			.cont_top h2 { float:right; width:625px; color:#333333; font: 25px 'TeXGyreHerosRegular', Arial, sans-serif; letter-spacing: 0; padding-top:14px;}
			.cont_top h2 span {font-size:14px;}
	
		
		.cont_middle { background: url(../images/cont_middle.png) top left repeat-y; float:left; width:726px; padding:0px 0px 0px 8px;}
			.middle_content { float:left; background: #F8FBFC; width:682px; border:1px solid #ECF3FB; padding:15px;}
			.middle_content img { float:left;}
			.middle_content a.view_live { bottom:5px; float:right; height:50px; position:absolute; right:5px; width:50px;}		
	
		.cont_bottom { background: url(../images/cont_bottom.png) top left no-repeat; float:left; font-size:0px; line-height:0px; height:10px; width:740px;}
	
	.other_project {float:left; padding-top:66px;}
		.middle_little_content { margin:3px; border: 1px solid #ECF3FB; background: #fff; width:210px; padding:5px; float:left;}
		.last {margin-left:0px;}


/*FOOTER*/
#footer_holder { background: url(../images/footer_back.png) #ECF3FB top left repeat-x; float:left; width:100%;}
	#footer { margin:0px auto; width:740px; padding-bottom:20px; overflow: visible;}

#footer_holder_bottom { background: url(../images/footer_back.png) #ECF3FB top left repeat-x; float:left; width:100%;}
	#footer_bottom { margin:0px auto; width:740px; padding-bottom:20px; overflow: hidden;}
	.list_item_right {width:230px;}
	
	.left_form { float:left; width:330px; padding-left:10px;}
		.left_form label { float:left; width:300px; padding:1px 0px 0px 5px; clear:both; color:#333; font: 17px 'TeXGyreHerosRegular', Arial, sans-serif; letter-spacing: 0;}
		.left_form input { background: url(../images/input.png) bottom right no-repeat; float:left; padding:9px 5px; width:290px !important; height:22px; clear:both; color:#333; font-size:16px;}
		.left_form p { float:left; width:295px; color:#cccccc; font: 17px 'TeXGyreHerosRegular', Arial, sans-serif; letter-spacing: 0; padding:29px 0px 5px 5px;}

	
	.right_form { float:right; width:330px; padding-left:10px;}
		.right_form label { float:left; width:300px; padding:1px 0px 0px 5px; clear:both; color:#333; font: 17px 'TeXGyreHerosRegular', Arial, sans-serif; letter-spacing: 0;}
		.right_form .textarea_background { float:left; height:160px; background: url(../images/textarea.png) bottom right no-repeat;}
		.right_form textarea { background:none; float:left; width:285px; height:150px; line-height:30px; clear:both; color:#666; font-size:16px; overflow:auto; padding:5px 5px 5px 10px;}
			.right_form .sent { float:right; background:url(../images/button_sent.png) top left no-repeat; color:#333333; font-size:16px; padding:12px 24px 16px 50px; margin:15px 25px 0 0; width:120px;}
			.right_form .sent:hover { background:url(../images/button_sent_hover.png) top left no-repeat;}
		.copyright { color:#333333; float:right; font-size:14px; padding-top:30px; text-align:left; width:340px;}
		.color { color:#006699;}
		.list { float:left; background: url(../images/list.png) no-repeat scroll left top; bottom:80px; left:760px; top:-60px; padding:30px 50px; position:relative; width:30px;}
	
	#change-form { width:100%!important;}
	.thanks {height:150px; color:green; font-size:18px; padding-top:100px; text-align:center;}
	.thanks span {color:#333; font-size:14px;}
	
	label.error {color:#b12607; float:left; position:absolute; top:-17px; left:100px; font-size:12px; text-decoration: none; width:190px; display:none;}
	.right_form label.error {color:#b12607; float:left; position:absolute; top:-16px; left:100px; font-size:12px; text-decoration: none; width:190px;}	
	.jqTransformInputWrapper {float:left;}
		ul.follow_me { float:left; list-style: none; padding-top:20px;}
			ul.follow_me li { float:left; padding:5px 5px 10px 5px; width:30px;}
			ul.follow_me li.twitter {background: url(../images/twitter.png) top left no-repeat;}
			ul.follow_me li.facebook {background: url(../images/facebook.png) top left no-repeat;}
			ul.follow_me li.linkedin {background: url(../images/linkedin.png) top left no-repeat;}
				ul.follow_me li a { float:left; width:30px; text-indent:-123456px; height:25px}

		.list_all {float:left; width:740px; padding:30px 0px 60px 0px; list-style: none;}
			.friends {float:left; width:230px;}
			.tweet {float:left; width:250px; margin-left:5px; display:inline;}
			.quick {float:left; width:250px; margin-left:0px; display:inline;}
			.friends h3 { font:18px Arial; float:left; font-weight:normal; padding-bottom:5px; color: #333;}
			.tweet h3 { font:18px Arial; float:left; font-weight:normal; padding-bottom:5px; color: #333;}
			.quick h3 { font:18px Arial; float:left; font-weight:normal; padding-bottom:5px; color: #333;}
				.tweet p {float:left; font-size:13px;}
				ul.list_item { float:left; display:inline; clear:left;}
				ul.list_item li { float:left; list-style: none; padding: 0px 0px 0px 10px; background: url(../images/footer_list_style.png) center left no-repeat; clear:left; margin-top:5px; font-size:14px; width:100%;}
					ul.list_item li a { color: #333;}
					ul.list_item li a:hover { color: #006699;}


				
				/*Twetter plugin*/
				.tweet .tweet_list {float:left; list-style-type: none; margin: 0; padding: 0; clear:left;}
					.tweet .tweet_list li { overflow: hidden; padding: .5em; width:240px;}
						.tweet_text {font-size:14px; width:230px; float:left; line-height: 22px;}
						.tweet .tweet_list li a { color: #006699; font-size:12px; float:left; margin-right:5px;}
							.tweet .tweet_list .tweet_even { background-color: none;}
							.tweet .tweet_list .tweet_avatar { padding-right: .5em; float:left; width:20px;}
								.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }