body {
	  background-color: #59C3EB;	  
	  color: #000000; /*#858585;*/
	  font-family: Geneva, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  font-style: normal;
	  font-weight: normal;
	  background: url(images/hsr_bg.jpg) repeat-x;
	  margin:0px;
	  padding:0px;
	}
	
	a:hover {
	  text-decoration: underline;
	}
		
	a {
	  color: #333333;
	  text-decoration: none;
	}
	
	/* common codes */
	
	/*############################ Library ############################*/

	.clear         { clear:both; }
	.float-left    { float:left; }
	.float-right   { float:right; }
	
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.highlight     { background:#ffc; }
	
	.img-left      { float:left;margin:4px 10px 4px 0; }
	.img-right     { float:right;margin:4px 0 4px 10px; }
	
	.nopadding     { padding:0; }
	.noindent      { margin-left:0; padding-left:0; }
	.nobullet      { list-style:none; list-style-image:none; }
	
	.width100 { width: 100%; } 
	.width75 { width: 75%; } 
	.width50 { width: 50%; }
	
	
	/*.left { float: left;}
	.right{ float: right;}
	.clear{ clear: both;}*/
	
	img {
	  border: 0 none;
	 }
	
	html, body, div, blockquote, form, #nav ul, ul, ol, li, h1, h2, h3, h4, p {
	  margin: 0;
	  padding: 0;
	}
	
	.margintop10 {
	  margin-top: 10px;
	}
	.margintop15 {
	  margin-top: 15px;
	}
	#top-nav, #nav, #sidebar ul, #footernav, .manu-logo, .other-manu
	 {
	   list-style-image: none;
	   list-style-position: outside;
	   list-style-type: none;
	}
	
	h1 {
	  color: #dfe0e1;
	  font-size: 24px;
	  font-weight: normal; 
	}
	
	h2 {
	  font-size: 18px;
	  color: #dfe0e1;
	  font-weight: normal;
	}
	
	h3 {
	  color: #333333;
	  font-size: 12px;
	  font-weight: normal;
	}
	
	h4 {
	  color: #FFFFFF;
	  font-size: 12px;
	  font-weight: normal;
	  padding-top: 10px;
	}	
	
	p {
	  line-height: 18px;
	}
	
	br {
	  display: block;
	  margin-top: 10px;
	}
		
	
	 /*  wrapper */ 
	#wrapper { 
	  width: 960px;
	  margin: 0 auto;
	  }

	 /*  header */
	 #header { 
	  width: 960px;
	  margin: 0 auto;
	  }


	#header-left {
	  background: url(images/hsr_logo.jpg) no-repeat;
	  float:left;
	  height: 155px;	  
	  width:508px;
	}
	
	#logo-holder h1{
	  text-indent: -9999px;
	  float: left;
	}
	
	#logo-holder h1 a {
	  display: block;
	  width: 228px;
	  height: 123px;
	}
	#header-right {
	  background: url(images/hsr_search.jpg) no-repeat;	  
	  float:right;
	  width: 452px;
	  height: 155px;	 	  
	}
	
	#top-header {
	  float: right;
	  width: 200px;	 
	}
	
	.tel a {
	  float: left;
	  font-size: 13px;
	  font-weight: normal;
	  color: #FFFFFF;	  
	  padding: 5px 8px 8px 30px;
	}
	
	#top-nav { /*  ul top navigation */
	  padding-top: 12px;
	  float: right;
	}

	#top-nav li {	
	  float: left;
	  border-right: #353533 1px solid;
	  padding-right: 20px;
	
	}
	#top-nav li a {
      display: block;
	  margin-left: 20px;	 
	  color: #dfe0e1;
	  text-transform: uppercase;
	  font-size: 11px;
	}
	
	#top-nav li a:hover {
	  color: #888888;
	  text-decoration: none;
	}
	
	#top-nav li.noborder, #nav li.noborder, #footernav li.noborder {/*  ul top navigation , main nav no margin last button */
	  border: none;
	  padding: 0;
	  margin: 0;
	}
	
	/*  main navigation */
	
	#nav {
	  float: left;
	  padding-left:40px;
	  margin-top:8px;
	  height: 35px;
    }
	
	#nav li {	
	  float: left;	  
	  margin-top: 0px;	  
	}
	
	#nav li a {	
	  height: 35px;
	  width:73px;
	  text-align:center;
	  display: block;	
	  color: #FFFFFF;
	  font-size: 12px;
	  line-height: 30px;
	  margin:0px 5px;	 
	}
	
	#nav li a:hover, #nav li.active a {
	  background: url(images/hsr_menu_over_bg.jpg) left bottom no-repeat;
	  font-size: 12px;
	  height:35px;
	  width:73px;
	  color: #000000;
	  line-height: 35px;
	  text-decoration: none;
	  margin:0px 5px;
	}
	
	#nav li a h3{
	  font-size: 12px;
	  color: #FFFFFF;
	  padding:0px;
	  margin:0px;
	}
	
	#nav li a:hover h3, #nav li a:active h3{
	  font-size: 12px;
	  color: #000000;
	}
	
	
	
	/*  main navigation */
	
	#body {
	 /*background-color: #272624;	 */
	 width:900px;
	 margin:0px auto;
	}
	
	#container
	{
		float: left;
		background: url(images/hsr_main_con_bg.jpg) repeat-y;
		width:900px;
	}
	
	#content_left
	{
		float:left;
		width: 468px;		
	}
	
	#menu
	{
		background: #6699FF url(images/hsr_menu_bg_left.jpg) no-repeat;	
		height: 43px;
	}
	
	#content_middle
	{
		float: left;	
		width: 244px;		
		height: auto;
	}
		
	#content_right
	{
		float:right;
		width: 188px;
		height:auto;		
		background: #6699FF url(images/hsr_menu_bg_right.jpg) right top no-repeat;	
	}
	
	#middlebar
	{
		float: left;	
		width: 244px;		
		height: auto;
	}
	#content {
	  padding: 0px;
	  float: left;
	  width: 468px;
	}
	#post-container
	{
		width: 468px;
	}
	
	#post-date-container
	{
		width: 80px;
	}
	.mainbar {
	}
	
	.mainbar div h2 
	{
		margin: 0 0 10px 15px;
		color: #48758C;
	}
	.mainbar div h2 a
	{
		color: #48758C;
	}
	
	/*Index Post*/
	.index_post
	{
		width:100%;
		padding:10px 0 8px 0;
		overflow:hidden;
		background:url(images/dashed.gif) bottom left repeat-x;
	}
	.post
	{
		width:100%;
		padding:10px 0 8px 0;
		margin:0 0 20px 0;
		overflow:hidden;
		background:url(images/dashed.gif) bottom left repeat-x;
	}
	.page
	{
		width:100%;
		padding:10px 0 8px 0;
		overflow:hidden;
	}
	.date
	{
		background: url(images/hsr_entry_date_bg.gif) no-repeat;
		float:left;
		height: 84px;
		width:80px;
		overflow:hidden;
	}
	.day
	{
		font:40px/100% Arial,"Times New Roman", Times, serif;
		color:#FFFFFF;
		text-align:center;
	}
	.day h1
	{
		font:32px/100% Arial,"Times New Roman", Times, serif;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		margin-top: 15px;
	}
	.month
	{
		font:10px Verdana, Geneva, sans-serif;
		color:#FFFFFF;
		text-transform:uppercase;
		text-align:center;
	}
	.meta_comments
	{
		font:11px/100% Arial, Helvetica, sans-serif;
		text-align:left;
		color: #333333;
	}
	.entry
	{
		width:468px;
		float:right;
		overflow:hidden;
	}
	.entry p
	{
		padding:0 10px 10px 15px;
		text-align: justify;
	}	
	.entry h2
	{
		color: #48758C;
	}
	.entry h2 a
	{
		color: #48758C;
	}
	.inner_entry
	{
		width:373px;
		float:right;
		overflow:hidden;				
	}	
	.inner_entry p
	{
		text-align: justify;
		padding:0 10px 10px 0;
	}
	.inner_entry h2
	{
		color: #48758C;
	}
	.inner_entry h2 a
	{		
		color: #48758C;
	}
	.post-edit-link
	{
		padding:0 10px 10px 15px;
	}
	.page_entry
	{
		width:100%;
		float:right;
		overflow:hidden;
	}
	.navigation
	{
		font:11px/100% Arial, Helvetica, sans-serif;
		text-align:left;
		color: #333333;				
		width:100%;
		overflow:hidden;
		margin:15px 0;
	}
	.navigation h5 a
	{
		font:11px/100% Arial, Helvetica, sans-serif;
		text-align:left;
		color: #333333;		
		margin: 10px;
		color: #333333;
	}
	.dashed_hr
	{
		margin: 5px 10px 0 0;
		border-top:1px dashed #666666; 
		height: 5px;
	}
	.dashed_hr_white
	{
		margin: 5px 10px 0 0;
		border-top:1px dashed #FFFFFF; 
		height:5px;
	}
	/* sidebar */
	#sidebar {
		width: 188px;
		float: right;
	  	background-color: #516178;
	}
	 
	#sidebar h3, #content-sidebar h3 {
	  text-indent: 10px;
	  padding:0px;
	  margin:0px;
	} 
	
	/* Links */
	.links
	{
		margin: 10px 10px 0 10px;
	}
	.links h4 
	{		
		font-size: 14px;
		font-weight: bold;
	}
	
	.links ul {
		padding-left:5px;
		margin:0px;
		list-style-type:none;
		font-size:12px;
		font-weight: normal;
		color:#FFFFFF;		
	}
	
	.links ul li {	
		line-height:25px;
		background:url(images/hsr_arrow_icon2.gif) no-repeat left 7px;
		padding-left:15px;
	}
	
	.links ul li a {	
		color:#FFFFFF;
	}
	
	.linkcat
	{
		list-style-type:none;
	}
	
	.linkcat h2
	{
		font-size: 14px;
		font-weight: bold;
		list-style-type:none;
		color:#FFFFFF;
	}
	
	.linkcat ul
	{
		padding-left:5px;
		margin:0px;
		list-style-type:none;
		font-size:12px;
		font-weight: normal;
		color:#FFFFFF;	
	}
	
	/* Categories */
	.categories
	{
		margin: 10px 10px 0 20px;
	}
	.categories h4 
	{		
		font-size: 14px;
		font-weight: bold;
		color:#516178;
	}
	.categories ul {
		padding-left:5px;
		margin:0px;
		list-style-type:none;
		font-size:12px;
		font-weight: normal;
		color:#516178;		
	}	
	.categories ul li {	
		line-height:25px;
		background:url(images/hsr_arrow_icon.gif) no-repeat left 7px;
		padding-left:15px;
	}	
	
	.categories ul li a {		
		color:#516178;	
	}
	
	#rssbox
	{
		margin: 10px 10px 0 22px;
		width: 208px;
	}	
	#rsstop
	{
		background: url(images/hsr_rss_top.jpg) no-repeat;
		height: 10px;
		width: 208px;
		margin: 0px auto;
	}	
	#rssbottom
	{
		background: url(images/hsr_rss_bottom.jpg) no-repeat;
		height: 10px;
		width: 208px;
	}	
	#rsscontent
	{
		background-color: #3A4757;
	}
	
	#rssfeed
	{
			
	}
	#rssfeed ul {
		padding-left:10px;
		margin:0px;
		list-style-type:none;
		font-size:12px;
		font-weight: normal;
		color:#FFFFFF;		
	}	
	#rssfeed ul li {	
		line-height:25px;
		background:url(images/hsr_rss_icon.jpg) no-repeat left 7px;
		padding-left:20px;
	}
	#rssfeed ul li a {	
		color: #FFFFFF;
	}
	/*  fix height */
	.photo {
	  padding: 10px;
	 }
	
	.box {
	  background-color: #95D8F3;
	  border-bottom: #95D8F3 1px solid;
	  padding: 10px;	  
	}
		
	#footer-container
	{
		margin: 0px;
		float:left;
		padding: 0px;
		width: 100%;
		height:72px;
		clear: both;
		background-color: #222d3d;
	}
	
	#footer {
		background: url(images/hsr_footer.jpg) no-repeat;	
		width : 960px;
		height: 72px;
		font-size: 11px;
	  	color: #FFFFFF;
	  	padding: 0px;	 
		margin: 0px auto;
		text-align: center;
		
	}
		
	#footer-content
	{
		
	}	
	
	#footer-content a
	{
		color: #FFFFFF;
	}
	#products, #pages {
		width: 730px;
		color: #CCCCCC;
		float: left;	
	}
		
	.form {
		width: 500px;
	}
  
	.form label {
		width:100px;
		text-align: right;
		display: block;
		float: left;
		padding-right: 10px;
	}
	
	.button-submit {
		padding: 10px 0 0 110px;   
	}
  
	input.search_input
	{
		width:150px;
		height:22px;
		padding:3px 0 0 7px;
		margin:0;
		background: #3A4757;
		/*background:url(images/search.gif) top left no-repeat;*/
		border:0;
		color: #FFFFFF;
		font:13px Verdana, Geneva, sans-serif;
	}
	
	input.search_submit
	{
		width:27px;
		height:23px;
		background:url(images/search_btn.gif) top left no-repeat;
		border:0;
		margin: 3px 0 0 5px;
		padding:0;
		cursor:pointer;
	}

	#searchform
	{		
		margin: 3px 0 0 22px;		
	}
	
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
	}

	#commentform {
		margin: 5px 10px 0 0;
	}
	
	#commentform textarea {
		width: 100%;
		padding: 2px;
	}
	
	#respond
	{
		margin: 0 10px 0 10px;
	}
	
	#respond:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
				
	}
	
	#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
	}
	
	/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 10px;
		}
	
	.commentlist {
		padding: 0;
		text-align: justify;
		}
	
	.commentlist li {
		margin: 10px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
	
		}
	.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
	}
	
	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	.children { padding: 0; }
	
	#commentform p {
		margin: 5px 0;
		}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	.commentmetadata {
		margin: 0;
		display: block;
		}
	
	h3.comments {
		padding: 0;
		margin: 40px auto 20px ;
	}
	/* End Comments */