@charset "utf-8";

/*
|--------------------------------------------------------------------------
| Hillstone Capital > Global Style Sheet
|--------------------------------------------------------------------------
|
| @package		Hillstone Capital
| @subpackage	Frontend
| @company		Hillstone Capital Salon
| @phone		
| @fax			
| @author		
| @email		
| @link			
| @copyright	
|
*/

/*
|--------------------------------------------------------------------------
| Hillstone Capital > Global Style Sheet > Primary Site Colors
|--------------------------------------------------------------------------
|
|	Background colors
| Dark Gray			#474747
| Medium Gray		#808080
| Light Gray		#a1a1a1
| Lighter Gray		#e6e6e6
| White				#ffffff
|	Font Colors
| White				#ffffff
| Gray				#8b8b8b
| Dark Gray			#474747
*/

/*
|--------------------------------------------------------------------------
| Hillstone Capital > Global Style Sheet > Images
|--------------------------------------------------------------------------
|
| Declares all global images and some positioning.
| Additional positioning can be found following this section.
|
*/

	/* ----- Main Section -------------- */
	html, body { background: url('../../images/layout/body_bg.jpg') repeat top left; }





	/* ----- Global Wrapper -------------- */
	#global_wrapper { background: url('../../images/layout/bg.jpg') repeat-y top left #ffffff; }
		#global_header {  }
			#header_image { background: url('../../images/layout/mid_img.jpg') no-repeat top left; }
		#page_content{  }
			#contact_info {  }
				#contact_info_image { background: url('../../images/layout/contact.png') no-repeat top left; } 




		/* ----- Logo -------------- */
		#logo { background: url('../../images/layout/logo.png') no-repeat top left; }





		/* ----- Main Menu -------------- */
		#menubar {  }





		/* ---- Footer --------------- */
		#footer {  }









/*
|--------------------------------------------------------------------------
| Hillstone Capital > Global Style Sheet > Global Styles
|--------------------------------------------------------------------------
|
*/

	/* ----- Global Declerations -------------- */
	div { position: relative; text-align: left; }
	img { border:none; }
	.left { float: left; display: inline; }
	.right { float: right; display: inline; }
	.clear { clear: both; }
	a { outline: none; }
		a:hover { }
	.no_right_margin { margin-right: 0px !important; }
	.no_bottom_margin { margin-bottom: 0px !important; }
	.no_left_margin { margin-left: 0px !important; }
	.no_border { border: 0px !important }
	ul { }
	ul li { }





	/* ----- If there are multiple columns -------------- */

	/* ----- Remove Margins -------------- */
	/* ----- Use these classes to remove menu margins on float. -------------- */
	/* ----- A selector might have to be specified in later secitons for this to work. -------------- */
	/* ----- This removes a left margin. -------------- */
	.no_left_margin { margin-left: 0px !important; }
	/* ----- This removes a right margin. -------------- */
	.no_right_margin { margin-right: 0px !important; }





	/* ----- Header Styles -------------- */
	h1 { }
	h2 { }
	h3 { }
	h4 { }
	.title { 	font-size:32px; color:#474747; margin-bottom:21px; 
				font-weight:bold; margin-top:30px;}
	.sub_title { 	font-size:24px; color:#474747; margin-bottom:21px; 
					font-weight:bold; }
	.text_block { line-height:20px; margin-right:130px; margin-bottom:21px;  }
	



	/* ----- Links And Text Classes -------------- */
	a { text-decoration:none; }
	a:hover { }
	.active { }
	a span { cursor: pointer; }
	
	#end { height:120px; width:835px; display:block; clear:both; }

	
	
	
	
	/* ----- CSS3 rounded corners -------------- */
				.round { 

					/* ----- Firefox -------------- */
					-moz-border-radius-topleft: 7px;
					-moz-border-radius-bottomleft: 7px;
					-moz-border-radius-topright: 7px;
					-moz-border-radius-bottomright: 7px;

					/* ----- Safari - Chrome -------------- */
					-webkit-border-top-left-radius: 7px;  
					-webkit-border-bottom-left-radius: 7px;
					-webkit-border-top-right-radius: 7px;  
					-webkit-border-bottom-right-radius: 7px; 

				}	








/*
|--------------------------------------------------------------------------
| Hillstone Capital > Global Style Sheet > Layout
|--------------------------------------------------------------------------
|
*/
    html, body { width:100%; height:100%; margin: 0px; padding: 0px; font-size:13px; background-color:#e6e6e6; }
		




	/* ----- Global Wrapper -------------- */
	#global_wrapper { width:960px; min-height:100%; margin: 0 auto; }
		* html #global_wrapper { width:960px; height:100%; margin: 0 auto; }





		/* ----- Global Wrapper -------------- */
		#global_content { width:100%; }
							
				#mid_left_bar { width:22px; background: #e6e6e6; display:block; height:220px; float:left; }
				
				#view_content { margin: 0px 10px; width: 726px; float:left; margin-bottom:10px; }
				
				#contact_info { 	width:192px; float:left; display:block; 
								background: #e6e6e6; height:220px; text-indent: -9999px; }
					#contact_info_image { margin-top:45px; margin-left:29px; display:block; 
										 width:134px; height:113px;	}




		/* ----- Logo And Top -------------- */
		#global_header { height:410px; width:100%; }
			#top_bar { width:100%; height:80px; background-color:#474747; }
				#top_left_bar { display:block; width: 22px; height:80px; background-color:#808080; float:left; }
				#logo { width:363px; height:43px; float:left; margin-left:10px; margin-top:32px; }
				#logo a { display: block; width: 363px; height: 43px; text-indent: -9999px; }
			#header_image { width:100%; height:280px; display:block; }
			#menu_bar { width:100%; height:50px; background-color:#474747; }


			/* ----- Top Menu -------------- */
			#menu { margin-right:5px;  }
				#menu ul { margin: 0px; padding: 0px; }
					#menu ul li { display: inline; float: left; margin-top:2px; }
						#menu ul li a span { display: block; border-top: 5px solid #474747; 
										color:#ffffff; padding: 8px 0px 0px 0px; font-size:18px; 
										text-decoration:none; margin:0px 15px;
										font-family: Arial, Helvetica, Sans-serif; }
						#menu ul li a span#about_top_link {  }
						#menu ul li a span#our_team_top_link {  }
						#menu ul li a span#contact_top_link {  }
											 
						#menu ul li a:hover span { border-top:5px solid #808080; color:#808080; }

						
						
						
						
			/* ----- footer Menu -------------- */
			#footer_menu {   }
				#footer_menu ul { margin: 0px; padding: 0px; }
					#footer_menu ul li { display: inline; float: left; border-left: 2px solid white; }
						#footer_menu ul li a span {  display: block; color:#ffffff; padding: 0px; 
												font-size:11px; text-decoration:none; margin:0px 4px; 
												font-weight:bold; font-family: Arial, Helvetica, Sans-serif; }
						#footer_menu ul li a span#home_footer_link {  }
						#footer_menu ul li a span#about_footer_link {  }
						#footer_menu ul li a span#what_footer_link {  }
						#footer_menu ul li a span#contact_footer_link {  }
						#footer_menu ul li a span#privacy_footer_link {  }																		
											 
						#footer_menu ul li a:hover span { color:#474747; }





	/* ----- Footer styles -------------- */
	#footer { 	width: 960px; height: 120px; margin-top:-120px; color:#ffffff; 
				margin-left: auto; margin-right:auto; clear:both; background-color:#808080;	}
	
		#footer_left_bar { width:22px; height:120px; display:block; background-color:#a1a1a1; float:left;  } 
		#footer_right_part { float:left; width:928px; height:120px; margin-left:10px; }
			#footer_up { height:60px; text-transform:uppercase; margin-right:60px; margin-top:17.5px; 
						margin-bottom:17.5px; font-size:11px; line-height:20px; }
			#footer_down { font-size:11px; }
				#footer_down .right { margin-right:15px; }
				#footer_down .right a { color:#ffffff; }
				#footer_down .right a:hover{ color:#474747; }