/* Imports */
@import url("reset.css");



/* General Classes */
.clearfix:after { 
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; 
}
.clearfix { 
  display:inline-block; 
}
/* Hides from IE-mac \*/
* html .clearfix {
  height:1%; 
}
.clearfix { 
  display:block; 
}

a{	
	color: #7D796D;
	outline:none;
}

a:hover{
	color:#AFE688;
}

a.green{
	color:#74985B;
	text-shadow:1px 1px 0px #fff;
}
ul{
	list-style:none;
}

/* Body */

body {
	background-color: #F1F0EA;
	color: #7D796D;
	font-size: 81.3%; /* Base font size: 14px */
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
}
body#landing{
	background: url('../img/bg/bg_yellow_lines_grad.gif') left 600px repeat-x, url('../img/bg/bg_yellow_lines.gif') repeat;
}
body#internal{
	background: url('../img/bg/bg_yellow_lines_grad.gif') left 210px repeat-x, url('../img/bg/bg_yellow_lines.gif') repeat;
}


/* Headings */

h1 {font-size: 1.667em} /* 24px */
h2 {font-size: 4em} /* 48px */
h3 {font-size: 1.308em} /* 22px */
h4 {font-size: 1.15em} /* 20px */
h5 {font-size: 1.1em} /* 15px */
h6 {font-size: 1.1em} /* 16px */
h7 {font-size: 1.667em} /* 24px */

h2, h3, h4, h5, h6 {
    font-weight: 700;
	letter-spacing:-0.05em;
    line-height: 1.1;
    margin-bottom: 20px;   
}

h2{
	color:#EDEDED;
	text-shadow:1px 1px 1px #5E7B87;
}

h4{ font-weight: 600;margin-bottom:10px;}
h5{ font-weight: 600;}

h3.clouds{
	padding: 20px 10px 58px;
	text-indent: -9000px;
	text-shadow:1px 1px 0 #E6E5E1;
	width:160px;
}

h3.orange{
	background: url("../img/bg/bg_title_orange.png") no-repeat;
	color:#A5674A;	
}
h3.green{
	background: url("../img/bg/bg_title_green.png") no-repeat;
	color:#557445;
}
h3.blue{
	background: url("../img/bg/bg_title_blue.png") no-repeat;
	color:#546577;
}


h3.clouds_big{
	padding: 20px 10px 58px;
	text-indent: -9000px;
	text-shadow:1px 1px 0 #E6E5E1;
	width:200px;
}
h3.project{
	background: url("../img/bg/bg_title_project.png") no-repeat;
	color:#546577;
}
h3.more{
	background: url("../img/bg/bg_title_more.png") no-repeat;
	color:#546577;
}
h3.about{
	background: url("../img/bg/bg_title_about.png") no-repeat;
	color:#546577;
}
h3.follow{
	background: url("../img/bg/bg_title_follow.png") no-repeat;
	color:#546577;
}

textarea, input{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Paragraphs */
p{
	line-height: 1.5;
	margin-bottom:10px;
}

/* Lists */
ul.vert li{
	margin-bottom:20px;
}
ul.horz{
	overflow:hidden;
}
ul.horz li{
	float:left;
	margin: 0 10px 5px 0;
}
ul li.last{
	margin:0 0 0 0!important;
}

/* Social Buttons */
a.round{
	background: url("../img/icn/icn_circle_brown.png") no-repeat;
	display:block;
	height:32px;
	text-indent:-9000px;
	width:33px;
}

a.twitter{
	background-position: 0px 0px;
}
a.facebook{
	background-position: 0px -74px;
}
a.rss{
	background-position: 0px -148px;
}
a.contact{
	background-position: 0px -222px;
}
a.vcard{
	background-position: 0px -296px;
}

a.twitter:hover{
	background-position: 0px -32px;
}
a.facebook:hover{
	background-position: 0px -106px;
}
a.rss:hover{
	background-position: 0px -180px;
}
a.contact:hover{
	background-position: 0px -254px;
}
a.vcard:hover{
	background-position: 0px -328px;
}


a.btn{
	background: url("../img/btn/btn_stone_yellow.gif") top left no-repeat;
	display:inline-block;
	letter-spacing:-0.5px;
	line-height:35px;
    padding-left:7px;
    text-decoration:none;

}
a.btn.brown{
	background: url("../img/btn/btn_stone_yellow_brown.gif") top left no-repeat;
}
a.btn:hover{
	background-position: left -46px;
	text-shadow: 0px 0px 0px #ffffff;
}
a.btn:active{
	background-position: left -92px;
}

a.btn span{
	background: url("../img/btn/btn_stone_yellow.gif") top right no-repeat;
	color:#8B814C;
    display:inline-block;
    font-size:1em;
	font-weight:700;
    margin-right:-4px;
    line-height:35px;
    text-shadow: 1px 1px 1px #ffffff;
    
    padding: 5px 30px 6px 23px;
}
a.btn.brown span{
	background: url("../img/btn/btn_stone_yellow_brown.gif") top right no-repeat;
}
a.btn:hover span{
	background-position: right -46px;
}
a.btn:active span{
	background-position: right -92px;
}


/* Header */
header{
	background:url("../img/bg/bg_sky_stars.jpg") repeat-x;
	/*background: url("../img/bg/bg_triangles.png") bottom repeat-x, url("../img/bg/bg_sky_stars_clouds.jpg") repeat-x;*/
	overflow:hidden;
}
header.nonwebkit{
	background: url("../img/bg/bg_sky_stars_clouds.jpg") repeat-x;
	
}
#landing header{
	height:600px;
}
#internal header{
	height:210px;
}
header section{
	margin:0 auto;
	position:relative;
	width:820px;
	z-index:10;
}

#internal header section{
	height:182px;
}

header hgroup {
	background-color: rgba(0,0,0,0.2);
	display:block;
	height:70px;
	margin-bottom:50px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-box-shadow: 1px 1px 1px #86B4C9;
	-webkit-box-shadow: 1px 1px 1px #86B4C9;
	box-shadow: 1px 1px 1px #86B4C9;
	
}

header .shadow{
	background: url("../img/bg/bg_shadow.png") top center repeat-x;
	height:30px;
	position:absolute;
	top:0;
	width:820px;
}

header h1{
}
header h7 a{
	background: url("../img/misc/logo.png") no-repeat;
	display: block;
	float: left;
	height: 34px;
	left: 32px;
	position: relative;
	text-indent: -9000px;
	top: 19px;
	width: 441px;
}
#internal header h2{
	top:95px;
	left:0;
	position:absolute;
}
header nav{
	float:right;
	margin:0 10px 0 0;
}
header nav ul{
	overflow:hidden;
}
header nav ul li{
	float:left;
	text-align:center;
	width:87px;
}
header nav ul li a{
	color:#e6e6e6;
	display: block;
	font-size:0.95em;
	font-weight:600;
	letter-spacing:-0.5px;
	text-decoration:none;
	text-shadow: 1px 1px 0px #364A5C;
	padding:28px 0 45px;
	position: relative;
	z-index: 2;	
}

header nav ul li a:hover{
	color:#e6e6e6;
}

#blob {
    background: url(../img/misc/nav_ribbon.png) no-repeat;
    position: absolute;
	padding:28px 0 45px;
    z-index: 0;
}


nav .nonwebkit{
	background: url("../img/misc/nonwebkit.png") repeat-x;
				}

header nav p{
	padding: 0 10px 0 0;
	text-align:right;
/*	text-shadow: 1px 1px 0px #7991A5;*/
}
#landing nav p{
	color:#334658;
}
#internal nav p{
	color:#E5E5E5;
	text-shadow:1px 1px 1px #5E7B87;
}

header blockquote{
	background: url("../img/misc/intro_text.png") top center no-repeat;
	height:164px;
	margin-bottom:30px;
	text-indent:-9000px;
}
header p{
	text-align:center;
}

header .home_gallery{
	height:203px;
	position:relative;
	z-index:10;
}

header .home_gallery a{
	position:absolute;
}
header .home_gallery a:hover{
	margin-top:-10px;
}
header .home_gallery a.first{
	left:0;
	top:40px;
	z-index:20;
}
header .home_gallery a.second{
	left:220px;
	top:13px;
	z-index:40;
}
header .home_gallery a.third {
	right:0;
	top:40px;
	z-index:20;
}

header .triangles_divider{
	background: url("../img/bg/bg_triangles2.png") bottom repeat-x;
	height:28px;
	position:relative;
	z-index:50;
}

/* Content */
section#content{
	font-weight: normal;
	margin:0 auto 40px;
	padding:20px 0 0;
	overflow:hidden;
	width:820px;
}
section#content .content{
	float:left;
}
#landing section#content .content{

	margin:0 20px 0 0;
	width:580px;
}
#internal section#content .content{
	margin:0 60px 0 0;
	width:520px;
}

section#content .who_we_are{
	background: url("../img/misc/line_divider.png") top repeat-x, url("../img/misc/line_divider.png") bottom repeat-x;
	margin:0 0 20px;
	padding:20px 0 13px;
	text-indent: -3000px
	overflow:hidden;
}
section#content .who_we_are h3{
	background: url("../img/bg/bg_title_beishe.png") no-repeat;
	float:left;
	margin:0;
	padding: 22px 10px 40px;
	text-shadow:1px 1px 0 #E6E5E1;
	text-indent: -9000px;
	width:156px;
}
section#content .who_we_are p{
	font-family: "Myriad Pro";
	font-size: 1.4em;
	font-weight: 600;
	text-shadow: 1px 1px #fff;
}

section#content ul.what_we_do{
	margin:0 0 20px;
	overflow:hidden;
}
section#content ul.what_we_do li{
	list-style:none;
	float:left;
	margin: 0 20px 0 0;
	width:180px;
}

section#content .categories{
	background: url("../img/misc/line_divider.png") left top repeat-x;
	margin:0 0 10px;
	padding:20px 0 0 0;
}
section#content .categories h3{
	margin:0 0 15px;
}
section#content .categories img{
	padding:10px 0 20px;
}
section#content .categories ul{
	overflow:hidden;
}
section#content .categories ul li{
	float:left;
	margin: 0 20px 20px 0;
	min-height:270px;
	width:153px;
}
section#content .categories ul li img{
	padding:0 0 10px 0;
}
section#content .categories h5 a{
	text-decoration:none;
}
section#content .categories h5 a:hover{
	color:#514E45;
}
section#content .categories ul li h5 span{
	display:block;
	font-size:12px;
	font-style:italic;
	font-weight:400;
}

/* Form  */
section#content form.contact{
	background: url(../img/bg/bg_rhombus.png) repeat;
	padding:20px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
section#content form p{
	text-align:right;
	margin-right:8px;
}
section#content form h5{
	margin:0 0 3px 5px;;
}
section#content form fieldset{
	margin-bottom:15px;
}
section#content form fieldset input.text{
	background: url("../img/bg/bg_input_text.png") no-repeat;
	border: 0 none;
	height:41px;
	padding:0 10px;
	width:460px;
}
section#content form fieldset input.search{
	background: url("../img/bg/bg_input_search.png") no-repeat;
	border: 0 none;
	height:42px;
	padding:0 10px 0 30px;
	width:180px;
}
section#content form fieldset textarea{
	background: url("../img/bg/bg_textarea.png") no-repeat;
	border: 0 none;
	height:130px;
	resize:none;
	padding:10px;
	width:460px;
}

/* Blog */
section#content .blog .categories{
	margin: 0 0 40px;
}
section#content .blog .title{
	margin:0 0 20px;
	padding:0 0 0 55px;
}
section#content .blog .title a{
	text-decoration:none;
}
section#content .blog .texts{
	background: url("../img/icn/icn_text.png") no-repeat;
}
section#content .blog .link{
	background: url("../img/icn/icn_link.png") no-repeat;
}
section#content .blog .quotes{
	background: url("../img/icn/icn_quotes.png") no-repeat;
	line-height:32px;
}
section#content .blog .video{
	background: url("../img/icn/icn_video.png") no-repeat;
}
section#content .blog .photo{
	background: url("../img/icn/icn_photo.png") no-repeat;
}	
section#content .blog .title h3{
	margin:0 0 3px;
}
section#content .blog .title h3 p{
	line-height:normal;
	margin:0;
}
section#content .blog .title blockquote{
}
section#content .blog ul.blog_pages{
	overflow:hidden;
}
section#content .blog ul.blog_pages li{
	margin:0;
	width:40%;
}
section#content .blog ul.blog_pages li.right{
	float:right;
	text-align:right;
}


/* Content aside*/
section#content aside{
	float:left;
	width:220px;
}
section#content aside h5{
	margin:0 0 10px;
}
section#content aside .quote{
	margin: 0 0 20px;
	font-style:italic;
}
section#content aside .quote blockquote{
	font-size:1.05em;
}
section#content aside .quote p{
	font-size:0.9em;
	font-weight:700;
}
#landing section#content aside{
	background: url("../img/misc/line_divider.png") top repeat-x;
	padding:20px 0 0;
}
#landing section#content aside h4{
	background: url("../img/icn/icn_check.gif") no-repeat;
	line-height:16px;
	padding:0 0 2px 18px;
}

#internal section#content aside p a{
	color: #73985A;
}
#internal section#content aside p a.round{
	font-size:1.1em;
	line-height:33px;
	text-indent:40px;
	width:auto;	
}
#internal section#content aside ul li{
	background: url("../img/misc/line_divider.png") top repeat-x;
	padding:16px 0 0 0;
}
#internal section#content aside ul ul,
#internal section#content aside ul ul li,
#internal section#content aside ul ul li img{
	background:none;
	display:inline;
	margin:0;
	padding:0;
}

#internal section#content aside ul ul.blogs li{
	display:inline-block;
}

#internal section#content aside ul ul li{
	margin:0 5px 5px 0;
}
#internal section#content aside ul li img{
	margin:0 0 15px;
}


/* quotes */
section#quotes{
	background: url("../img/bg/bg_forrest.png") no-repeat;
	font-size:0.92em;
	height:206px;
	margin: 0 auto;
	position:relative;
	width:960px;
}
section#quotes .quote{
	left:155px;
	line-height:17px;
	padding:15px 20px 20px 20px;
	position:absolute;
	top:10px;
	width:265px;
}
section#quotes .quote blockquote{
	background: url("../img/bg/bg_quote.png") no-repeat;
	padding: 0 0 0 20px;
}
section#quotes .quote p{
	font-size:0.9em;
	padding: 0 0 0 20px;
}
.quote blockquote{
	background: url("../img/bg/bg_quote.png") no-repeat;
	line-height: 1.4em;
	margin: 0 0 5px;
}
section#quotes .tweet{
	line-height:17px;
	position:absolute;
	right:135px;
	top:35px;
	width:185px;
}
section#quotes .tweet blockquote{
/*	margin: 4px 0;*/
	font-size: 0.9em;
	line-height: 16px;
	margin: 0;
}

/* Footer */
footer{
	background: url("../img/bg/bg_footer_grad.png") top repeat-x;
	padding:32px 0px 12px 0px;
}
footer h6{
	margin-bottom:10px;
}

footer p{
	color:#7D796C;
}
footer a{
	color:#84AC67;
}

footer section{
	margin:0 auto;
	position:relative;
	width:820px;
}
footer section h4{
	font-weight:600;
	margin-bottom: 0.4em
}
footer section h5{
	font-size:2.286em;
	font-weight:600;
	text-shadow: 1px 1px rgba(0,0,0,0.35);
}
footer section h6{
	letter-spacing:-0.05em;
	text-shadow: 1px 1px rgba(0,0,0,0.30);
}
footer .bones{
	background: url("../img/misc/img_skeleton.png") no-repeat;
	bottom:90px;
	height:88px;
	position:absolute;
	right:330px;
	width:77px;
}

footer ul.three_columns{
	height:256px;
	margin-bottom:22px;
	overflow:hidden;
}
footer ul.three_columns li{
	float:left;
	margin: 0 40px 0 0;
	width:240px;
}
footer ul.three_columns li a.mail{
	background: url("../img/icn/icn_brown.gif") top left no-repeat;
	display:block;
	font-size:1.429em;
	margin: 0 0 7px;
	padding: 0 0 0 30px;
}
footer ul.three_columns li a.vcard{
	background: url("../img/icn/icn_brown.gif") bottom left no-repeat;
	display:block;
	margin: 0 0 20px;
	padding: 0 0 0 30px;
}
footer ul.three_columns li p{
	margin: 0 0 20px 0;	
}
footer ul.three_columns li ul.horz li{
	margin: 0 5px 0 0;
	width:33px;
}
footer .copy{
	overflow:hidden;
}
footer .copy ul.horz{
	float:left;
	width:210px;
}
footer .copy p{
	float:right;
	margin:0;
	text-align:right;
	width:400px;
}


/* Button */

p#sharetext{
	margin-bottom: 10px;
}
div#shareboxes{
/* 	background: #242322; */
	margin-bottom: 20px;
	overflow: hidden;
/*
	padding:10px 15px 10px;
	width:100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
*/
}

div#shareboxes .share_network{
	float: left;
	margin-right: 12px;
}

.fb_position_fix{
	left: -10px;
	top: -6px;
	position:relative;
}
#twitter_update_list li span{
	display: block;	
	margin-bottom: 4px;
}


.qtip .qtip-wrapper .qtip-borderTop,
.qtip .qtip-wrapper .qtip-contentWrapper,
.qtip .qtip-wrapper .qtip-title .qtip-button,
.qtip .qtip-wrapper .qtip-borderBottom,
.qtip .qtip-tip {
   opacity: 0.65; // Santdard compliant browsers
   -moz-opacity: 0.65; // Firefox and Mozilla browsers
   -webkit-opacity: 0.65; // WebKit browser e.g. Safari
   filter:alpha(opacity=65); // IE7 and below
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=65)"; // IE8
}

input#saveForm{
	background: url("../img/btn/btn_submit.png") top left no-repeat;
	border: 0 none;
	cursor:pointer;
	height:38px;
	text-indent:-9000px;
	width:98px;
}
input#saveForm:hover{
	background-position: bottom left;
}

.formlink{
	size:30px;
		}

.date{ 
	size:30px;
		}