body{
	background-image: url(../images/bg-patterns-blkgray-03.jpg);
	font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	position:relative;
}
#wrapper{
	width: 780px;
	margin: 0 auto;
}

#content{
	background-color: #fff;
	width: 758px;
	margin: 0 auto;
}
img{
	border:0;	
}
a:link{
	color: #ee145b;
	text-decoration: none;	
}
/*------------------------------- ENTRANCE SECTION ----------------------------------*/
#entrance{
	background-color:				#000;
	width: 							100%;
	height:							350px;
	padding:						0px 0px;
	position:						absolute;
	top:							150px;
}
#entrance p{
	width:							300px;
	position:						absolute;
	left:							35%;
	margin: 						15px 0px 0px 0px;
	font-size:						16px;
	font-weight:					bold;
	text-transform:					uppercase;
	text-align:						center;
	color:							#808080;
	z-index:						100;
	cursor:							pointer;
}
ul#wrongSite{
	margin:0;padding:0;
	width:							120px;
	height:							125px;
	position:						fixed;
	left:							10px;
	bottom:							20px;
	list-style-type:				none;
}
ul#wrongSite li{
	width:							120px;
	height:							125px;
	background:						url(../images/wrongsite-link01.png) left top no-repeat;
	display:						block;
	text-indent:					-9999px;
}
ul#wrongSite li:hover{
	width:							120px;
	height:							125px;
	background:						url(../images/wrongsite-link02.png) left top no-repeat;	
}
/*------------------------------- FLASH SECTION ----------------------------------*/
#flash-animation{
	position: absolute;
	top:		15px;
	left:		0;
	right:		20%;
}

#run-animation{
	position:	absolute;
	left:		-200px;
	z-index:	2;
}
#logo-animation{
	margin-top:	20px;
	position:	absolute;
	left:		50%;
	z-index:	1;
}
/*------------------------------- HEADER SECTION -----------------------------------*/
#header{
	margin: 0;
	position: relative;
}
#header p{
	margin: 0;
}

#banner{
	background-image: url(../images/mh-rainbow-pattern.jpg);
	height: 75px;
}
#banner img{
	position: relative;
	left: -25px;
}
#topNav{
/*--Original color	background-color: #83d7f8; --*/
	background-color: #CCCCCC;
	height: 30px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
#topNav ul{
	float: right;
	margin: 0;
	padding:0;
	padding-right: 25px;
	list-style: none;
}
#topNav li{
	text-align: center;
	float: left;
}
#topNav a{
	font: bold 1.6em Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 15px;
	margin: 0;
}

#wrapper #content #header #topNav a#currentPage{
	font: bold 1.6em Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/here.png) no-repeat left top;
	text-decoration: none;
	color: #0072bc;
	padding: 10px 15px;
	margin-top: -8px;
	height: 50px;
}
#wrapper #content #header #topNav a#currentPage:hover{
	font: bold 1.6em Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/here.png) no-repeat left top;
	text-decoration: none;
	color: #ee145b;
	padding: 10px 15px;
	margin-top: -8px;
	height: 50px;
}

/*---------------------------------- MAIN SECTION -----------------------------------*/
#main{
	background-color: #fff;
	width: 758px;
	min-height: 600px;
	margin:0;
	padding:0;
}
img.indeximg{
	margin-top:-12px;
}
.indexsublinks li{
	list-style-type: none;
	float:	left;
	padding: 0px 15px;
}
#largeNav{
	width: 100px;
	margin: 0px;
	padding:0px;
	float: left;
}
#largeNav ul{
	list-style: none;
}
li#gallery{
	width: 87px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 88px;
	background:url(../images/chinese-nav-buttons/one.jpg) no-repeat top left;
}
li#services{
	width: 87px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 88px;
	background:url(../images/chinese-nav-buttons/two.jpg) no-repeat top left;
}
li#store{
	width: 87px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 88px;
	background:url(../images/chinese-nav-buttons/three.jpg) no-repeat top left;
}
li#about{
	width: 87px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 88px;
	background:url(../images/chinese-nav-buttons/four.jpg) no-repeat top left;
}
#largeNav a{
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	visibility: hidden;
}
#largeHomeNav {
	padding: 10px;
	float: left;
}
#largeHomeNav ul{
	width: 400px;
	list-style: none;
}
#largeHomeNav li{
	float: left;
	padding-right: 15px;
}
#largeHomeNav a{
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 5px 0px;
	visibility: hidden;
}
#largeHomeNav li#gallery{
	width: 175px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 175px;
	background:url(../images/chinese-nav-buttons/large-one.jpg) no-repeat top left;
}
#largeHomeNav li#services{
	width: 175px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 175px;
	background:url(../images/chinese-nav-buttons/large-two.jpg) no-repeat top left;
}
#largeHomeNav li#store{
	width: 175px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 175px;
	background:url(../images/chinese-nav-buttons/large-three.jpg) no-repeat top left;
}
#largeHomeNav li#about{
	width: 175px;
	line-height:1;
	text-align: center;
	text-transform: uppercase;
	padding-top: 175px;
	background:url(../images/chinese-nav-buttons/large-four.jpg) no-repeat top left;
}

/*------------------------------------- BLOG -------------------------------------*/
#blog{
	background-color: #fff;
	width: 470px;
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 50px 0px 0px;
}
#blog h2{
	font-size: 1.4em;
	font-weight: bold;
	padding: 15px 0px 10px 0px;
}
#blog p.date{
	margin: -2px 0px 0px 0px;
	color: #0072bc;
}
#blog ul{
	padding-bottom: 10px;
	list-style: none;
}
#blog li{
	margin: 0px 0px 15px -20px;
	font-size: 10px;
	padding-right: 15px;
	line-height: 1.4em;
}
.feedburnerFeedBlock img {
display: none;
}
#blog a:link, a:visited{
	color:  #ee145b;
	text-decoration: none;
}
#blog a:hover{
	color: #990099;
	text-decoration: none;
}
#blog .headline{
	font: bold 2.2em/0.9em  Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #ee145b;
}
#blog p img{
	margin: 0;
	margin-left: -10px;
}
#blog h2{
	margin:0;
	color: #ee145b;
	text-transform: uppercase;
}
.floatLeft{
	float: left;
	margin: 0;
	padding: 0px 10px 5px 0px;
}
.clearLeft{
	clear: left;	
}
.bio{
	font-size: 0.9em;	
}
#blog #covers{
	margin-top: 10px;
}
#blog #covers img{
	padding: 0px 10px 20px 10px; 
}
/*---------------------------------------- CONTACT FORM ------------------------ */

#contactForm{
margin-top: 20px;
float:left;
width:415px;
}
#contactForm .label {
	float: left;
	clear: left;
	width: 130px;
	margin:0;
	margin-right: 10px;
	text-align: right;
}
#submit {
	margin-left: 140px;
}
input#Fname, input#Lname, input#email, input#sub{
	width: 150px;
	font-family:"Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: -2px;
	background:#fff;
}
 textarea#comments{
	width: 200px;
	background:#fff;
 }



/*---------------------------------- FLICKR BADGE -----------------------------------*/
#flickr{
	width: 370px;
	height: 200px;
}
#flickr a img{
	border:4px solid #b0a888;
	margin:6px;
	display: block;
	float: left;
}
#flickr a img:hover{
	border: 4px solid #AB9031;
	margin: 6px;
}


#flickrfeed{
	width: 370px;
}
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: 0px #000000;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/*---------------------------------- SIDE CONTENT -----------------------------------*/
#sideContent{
	float: left;
	width: 185px;
	margin: 0px 5px 0px 20px;
	padding: 0px;
}
#sideContent ul{
	margin: 0;
	padding:0;
	padding: 5px;
	list-style: none;
}
#sideContent li{
	text-align: left;
}
#sideContent a{
	font: bold 1.5em Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a7a7a7;
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 0px;
	margin: 0;
}
#sideContent .current {
	color:	#ee145b;
}

/*---------------------------------------- TWITTER FEED ------------------------ */
#soujohn_twitter_div{
	padding:0;
	margin:0;
}
#soujohn_twitter_div h2{
	padding:0;
	margin:0px 0px 10px 0px;
	color: #ee145b;
}
#soujohn_twitter_div ul#twitter_update_list li a{
	color: #ee145eb;
	display: none;
}
#soujohn_twitter_div ul#twitter_update_list li{
	margin-bottom: 15px;
}
#soujohn_twitter_div ul#twitter_update_list li span a{
	display:inherit;
	font-size: 11px;
}

/*---------------------------------------- SUBSCRIPTION FORM ------------------------ */
#signUp{
	margin:						0px;
	padding:					65px 0px 0px 60px;
}
#subForm{
	clear:						both;
	margin:						10px 0px 0px 0px;
}
#signUp h2{
	font-size: 1.4em;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;	
}
input#firstname, input#lastname, input#email{
	width: 						160px;
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 					1em;
	color:						#999999;
	font-weight:				bold;
	text-transform:				uppercase;
	margin: 					0px 3px 0px 0px;
	background:					#fff;
	float:						left;
}
#signUp .buttonwrapper {
	float:						left;
	text-decoration: 			none;
	text-transform:				none;
	cursor:						pointer;
	padding:					0px 0px 0px 0px;
}
button.subscribebutton {
  background:					transparent url(../images/button-subscribe.png) no-repeat;
  width:						80px;
  height:						19px;
  border:						none;
  margin-left:					5px;
}

/*------------------------------- FOOTER SECTION ----------------------------------*/
#footer{
	width: 758px;
	height: 200px;
	background: #fff url(../images/footer-bg-bw.jpg) no-repeat;
	clear: both;
	position: relative;
}
#bottomNav{
	position: absolute;
	top: 60px;
	left: 260px;
}
#bottomNav ul{
	margin: 0;
	padding:0;
	list-style: none;
}
#bottomNav li{
	text-align: center;
	float: left;
}
#bottomNav a{
	font: bold 1.2em Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #0072bc;
	text-decoration: none;
	display: block;
	padding: 2px 15px;
	margin: 0;
}
#bottomNav a:hover{
	color: #83d7f8;
}
#copyright{
	font: normal 0.8em/1 Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 0px;
	margin:0;
	padding: 0px 0px 0px 20px;
	color: #ee145b;
}