/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/reset.css");
@import url("/css/externalLinks.css");


/* Elements
----------------------------------------*/
body
{
	background: rgb(175, 54, 87);
	background-color: #AF3657;
	background-image: url(../images/pat_bg.jpg);
	top: 0;
	margin-top: 0 auto;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93.8%;
	line-height: 1.35em;
	color: #444444;
}

#mainContainer
{
	background-color: #FFFFFF;
	width: 960px;
	margin: 0 auto;
	-moz-box-shadow: 0px 0px 8px #444444; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 8px #444444; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 8px #444444; /* Opera 10.5, IE 9.0 */
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color: #813a4c;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

a:hover, a:active
{
	color: #000000;
	text-decoration:none;
}

h1
{
	color: #4a4a4a;
	margin:.825em 0 .5em 0;
	font-size: 2em;
	font-family: bistro-script-web-1, bistro-script-web-2;
}

h2
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.75em;
}

h3
{
	color: #4a4a4a;
 	font-family: "adrianne-1","adrianne-2";
 	font-style: italic;
 	font-weight: 700;
	margin:.825em 0 .2em 0;
	font-size: 1.5em;
}

h4
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	margin-left:25px;
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666;}
strong		{font-weight:bold; color: #b95770;}
em		{font-style:italic; color: #666666;}


/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header
{
	width: 960px;
	height: 103px;
	background: rgb(185, 87, 112);	
}

/* Nav
----------------------------------------*/	

ul#nav li 
	{
		float: left; 
		list-style-type: none;
		margin-left: 20px;
		margin-top: 40px;	
	}
	
ul#nav li a
	{
		color: #ffffff;
		font-family: Georgia;
		font-size: 1.133em;	
		font-weight: normal !important;	
		padding: 3px;
		border: 2px dotted rgb(185, 87, 112);
	}
	
ul#nav li a:hover
	{
		color: #fff;
		border: 2px dotted rgb(219, 185, 183);
		padding: 3px;
	}
	
body#home a.about, body#services a.services, body#gallery a.gallery, body#salon a.salon, body#contact a.contact
{
	color: #fff;
		border: 2px dotted rgb(219, 185, 183);
		padding: 3px;
}
	
/* Main Content
----------------------------------------*/
#mainContent
{
	margin: 0 auto;
	width: 900px;
	padding: 20px 20px 20px 40px;
	color: #4a4a4a;
}



/* Footer
----------------------------------------*/
#footer
{
	width: 960px;
	height: 60px;
	background: rgb(185, 87, 112);
	padding-top: 30px;
	padding-bottom: 10px;
}

#footer p 
{
	font-size: .825em;
	line-height: 1.5em;
	color: #FFFFFF;
	text-align: center;
}

#footer a 
{
	text-decoration: underline;
	color: #FFFFFF;
}

#footer a:hover
{
	text-decoration: underline;
	color: #000000;
}

#footer strong
{
	color: #000000;
}

						
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {float: left; font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer; width: 150px;}
.button:hover {border:1px solid #bbb; background:#e3e3e3}