@charset "UTF-8";
/* CSS Document */

div#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}
	
html, body {
	background-color:#1d1d1d;
	margin: 0;
	padding: 0;
	}

hr {
	color: #6b5f3e; 
	background-color: #6b5f3e;
	height: 2px;
	margin: 20px 0 20px 0;
	border:none;
	}


#header {
	width: 800px;
	height: 80px;
	padding: 0;
	margin: 0;
	background-image: url(images/crg_banner.jpg);
	background-repeat:no-repeat;
	margin: auto 0;	
	padding: 0;
	}

#content {
	width: 800px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	background-color:#29343a;
   	}
	
/* NavBar */

ul#nav {

	width: 800px;

	height:30px;

	list-style: none;

	margin:auto 0;

	padding:0;

	}



















ul#nav li {display: inline;}



ul#nav li a {height: 30px; float: left;	overflow: hidden;  text-indent: -9999px; text-decoration:none;}



/*regular state*/

ul#nav li#home a {width: 63px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat 0 0;}

ul#nav li#about a {width: 137px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat -63px 0;}

ul#nav li#business a {width: 178px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat -200px 0;}

ul#nav li#services a {width: 78px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat -378px 0;}

ul#nav li#contact a {width: 75px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat -456px 0;}

ul#nav li#book a {width: 132px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat -531px 0;}

ul#nav li#blog a {width: 137px; background:url(http://chinaresourcesgroup.com/images/nav_bar2.jpg) no-repeat -663px 0;}



/*hover state*/

ul#nav li#home a:hover {background-position:0 -60px;}

ul#nav li#about a:hover {background-position:-63px -30px;}

ul#nav li#business a:hover {background-position:-200px -30px;}

ul#nav li#services a:hover {background-position:-378px -30px;}

ul#nav li#contact a:hover {background-position:-456px -30px;}

ul#nav li#book a:hover {background-position:-531px -30px;}

ul#nav li#blog a:hover {background-position:-663px -30px;}



/*current state*/

ul#nav li#home a.current {background-position:0 -60px;}

ul#nav li#about a.current {background-position:-63px -60px;}

ul#nav li#business a.current {background-position:-200px -60px;}

ul#nav li#services a.current {background-position:-378px -60px;}

ul#nav li#contact a.current {background-position:-456px -60px;}

ul#nav li#book a.current {background-position:-531px -60px;}

ul#nav li#blog a.current {background-position:-663px -60px;}


/*body copy*/
#left_column {
	width: 400px;
	padding: 20px 0 20px 50px;
	float: left;
	}
	


/*About Page*/
#left_column_about {
	width: 400px;
	padding: 20px 0 20px 50px;
	float: left;
	}

#left_column_about img{
	text-decoration: none;
	border: 0;
	margin: 5px 10px -20px -30px;
	float: right;
}	

#right_column_about{
	position:relative;
	padding: 30px 0 0 40px;
	width:310px;
	float:right;
	padding-right: 0px;
	}

/*Services Page*/
#left_column_services {
	width: 417px;
	padding: 40px 0px 20px 50px;
	float: left;
	}
	
#services {
	margin: -30px 0 20px 0;
	}

#backtotop {
	margin: -35px 0 0 0;
	}

#nav_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height:1.75em;
	color: #fff5dd;
	text-align:center;
	margin: 20px 0 0 0;
	}

#nav_txt a{
	color: #fff5dd;
	}

#services_top {
	margin: -20px 0 0px 0;
	float:right;
	}

.more {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1.35em;
	color: #a79461;
	}
	
.more a{
	color: #a79461;
	text-decoration:none;
	}

#service_more {
	width: 400px;
	overflow:auto;
	margin: 0 25px 25px 25px;
	padding: 20px 25px 25px 25px;
	background-color:#29343a;
   	}


/*Business Page*/

#left_column_business {
	width: 425px;
	padding: 20px 0 20px 50px;
	float: left;
	}

#right_column_business {
	position:relative;
	padding: 0;
	width:320px;
	float:right;
	padding-right: 0px;
	padding-top: 75px;
	text-align:center;
	}
	
#right_column_business a img{
	text-decoration: none;
	border: 0;
}	

/*Contact Page*/
#left_column_contact {
	width: 700px;
	padding: 20px 50px 20px 131px;
	float: left;
	}


/* CONTACT FORMS */

#contact-page {
    margin: 20px 0 0 125px;
	width: 675px;
	}

#contact_txt {
	width: 550px;
	margin: -30px 0 20px 0;
	}

#contact_txt2 {
	width: 550px;
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	}



fieldset {
	float:left;
	clear:left;
	width: 100%;
	margin: 0 0 2em 0;
	padding: 0;
	background-color:#fff5dd;
	
	}

fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none;
	}

fieldset li {
	float:left;
	clear:left;
	width: 100%;
	padding-bottom: 1em;
	}

label {
	float: left;
	width: 75%;
	margin-right: 1em;
	}

#uploadform {
	padding: -10px 0 0 0;
	margin: 0 0 0 0;
	width: 550px;
	}

input, textarea {
	width: 85%;
	resize: none;
	}

input#submit {
	width: auto;
	}

.required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height:1.3em;
	color: #a79461;
	}

.required a{
	color: #a79461;
	}	

#formfeedback {
	color:#fff5dd;
	line-height:1em;
	margin-bottom: 1em;
	}


/*Book Page*/	

#book_quotes {
	background-image:url(images/book_headline.jpg);
    background-repeat: no-repeat;
	}


.book_quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height:1.75em;
	color: white;
	}

.book_attribution {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height:1.25em;
	color: #628cab;
	font-weight: bold;
	}	


#right_column a img{
	text-decoration: none;
	border: 0;
	}

#left_column_book {
	width: 425px;
	margin: 0;
	padding: 0 0 20px 50px;
	float: left;
	}


#right_column_book {
	position:relative;
	padding: 0;
	width:230px;
	float:right;
	padding-right: 0px;
	margin-left: 45px;
	margin-right: 45px;
	text-align:center;
	}
	
#right_column_book a img{
	text-decoration: none;
	border: 0;
}	


/*General Text*/	

.body_headers_lg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height:.5em;
	color: #fff5dd;
	font-weight:bold;
	}

.body_headers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:.5em;
	color: #a79461;
	font-weight:bold;
	}

.pullquotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #a79461;
	font-weight:bold;
	}

.body_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	line-height:1.5em;
	color: #F7EACD;
	letter-spacing: .125px;
	font-weight:normal;
	}

.body_copy a:link{
	color: #F7EACD;
	}
.body_copy a:visited{
	color: #F7EACD;
	}

.subtext {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.4em;
	color: #a79461;
	letter-spacing:.125px;
	}
	
.subtext a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff5dd;
	}



#right_column{
	position:relative;
	padding: 30px 0 0 30px;
	width:320px;
	float:right;
	padding-right: 0px;
	}
	
#right_column a img{
	text-decoration: none;
	border: 0;
}	



	



#footer {
	width: 100%;
	margin: auto 0;
	padding: 20px 0 20px 0;
	clear:both;
	text-align:center;	
	}

.footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1.75em;
	color: #fff5dd;
	}

.footer_text a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1.75em;
	color: #fff5dd;
	}