@charset "utf-8";

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

/*
|--------------------------------------------------------------------------
| Angelo David > Global Style Sheet > Primary Site Colors
|--------------------------------------------------------------------------
|
| White 			#ffffff
| Black				#000000
| Dark Brown		#54301a
| Light Brown		#dad5cf
| Green				#727a35
*/

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

	/* ----- Main Section -------------- */
	body {   }





	/* ----- Global Wrapper -------------- */
	#global_wrapper {  }
		#page_content{  }
		




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





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





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









/*
|--------------------------------------------------------------------------
| Angelo David > 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; text-decoration: underline; }
		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: 2.45em;
	color: #727a35;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 0.95em;
}

.text_block {
	margin: 25px 0px;
	font-size: 1.1em;
}
	



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

	#gallery_link { text-decoration:underline; font-weight: bold; }







/*
|--------------------------------------------------------------------------
| Angelo David > Global Style Sheet > Layout
|--------------------------------------------------------------------------
|
*/
    html, body { width:100%; height:100%; margin: 0px; padding: 0px; color:#ffffff; }






	/* ----- Global Wrapper -------------- */
	#global_wrapper { width:835px; min-height:100%; margin: 0 auto; font-family:Arial, Helvetica, sans-serif;  }
		* html #global_wrapper { width:835px; height:100%; margin: 0 auto; }





		/* ----- Global Wrapper -------------- */
		#global_content { 	margin-top:50px; color:#54301a; font-size:12px; float:left; line-height:18px; }
							
				#view_content {  }




				/* ----- CSS3 -------------- */
				.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; 

				}





		/* ----- Logo And Top -------------- */
		#global_header { height:88px; width:100%; }
			#logo { width:241px; height:65px; margin-top:23px; }
				#logo a { display: block; width: 241px; height: 65px; text-indent: -9999px; }





			/* ----- Main Menu -------------- */
			#menu { height:40px; }
				#menu ul { margin: 0px; padding: 0px; }
					#menu ul li { display: inline; float: left; height: 40px; }
						#menu ul li a span { display: block; height: 10px; border-top: 10px solid #ffffff; color: #54301a;	padding: 20px 5px 0px 5px;	text-transform: capitalize; font-size: .82em; font-weight: normal; text-decoration: none;	text-transform: uppercase;	text-align: center; }
						#menu ul li a span#home_link { width: 40px; }
						#menu ul li a span#couture_link { width: 144px; }
						#menu ul li a span#process_link { width: 137px; }
						#menu ul li a span#gallery_link { width: 54px; }
						#menu ul li a span#services_link { width: 98px; }
						#menu ul li a span#salon_link { width: 45px; }
						#menu ul li a span#contact_link { width: 48px; }																		
											 
						#menu ul li a:hover span { 	font-weight:bold; border-top:10px solid #dad5cf; }






	/* ----- Footer styles -------------- */
	#footer { 	width: 835px; height: 44px; margin-top:-60px; color:#54301a; padding:7px 0 0 0 ; 
				border-top:2px solid #dad5cf; margin-left: auto; margin-right:auto; clear:both;	}
		
		#footer { text-transform:uppercase; letter-spacing:2.5px; font-size:11px; line-height:15px;  }
		#footer a { font-weight:bold; text-transform:capitalize }
		
	/* ----- General styles -------------- */