/*
Theme Name: AngusM
*/

* { padding: 0; margin: 0; outline: 0; } 

body {
    font-size: 13px;
    line-height: 130%;
    font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: #11102f;
    background: #c8c8c8 url(images/body-bg.gif) repeat-x 0 0;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; } /* Clears floated elements */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hides text */

a { color: #11102f; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

.center { margin: 0 auto; } /* Center the page horizontaly */
.left { float: left; display: inline; } 
.right { float: right; display: inline; }

.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }

.hidden { display: none; } 

h2 { 
	font: 25px "Myriad Pro", Arial, sans-serif; 
	color: #d6382b; 
	border-bottom: 3px solid #d6382b; 
	padding: 10px 0 0 10px; 
	margin-bottom: 25px;
	text-transform: uppercase;
}

h3 { font: 14px "Myriad Pro", Arial, sans-serif; color: #d6382b; }

#shell {
	width: 835px;
	margin: 0 auto;
}

h1#logo {
	float: left;
	display: inline;
	height: 132px;
	width: 120px;
	font-size: 0;
	line-height: 0;
}

h1#logo a {
	display: block;
	background: url(images/logo.gif) no-repeat 0 0;
	height: 132px;
	text-indent: -4000px;
}

.navigation {
	float: left;
	display: inline;
	width: 715px;
	border-top: 3px solid #fff;
	margin-top: 97px;
	text-align: right;
}

.navigation ul { list-style: none outside; padding-top: 3px; }
.navigation li { display: inline; font: 14px "Myriad Pro", Arial, sans-serif; text-transform: uppercase; padding-left: 25px; }
.navigation li a { text-decoration: none; color: #fff; }
.navigation li a:hover { color: #D6382B; }

#footer {
	font: 14px "Myriad Pro", Arial, sans-serif;
	font-weight: bold;
}

#footer p.left { line-height: 30px; padding-right: 10px; } 
#footer p.right { text-transform: uppercase; font-weight: normal; line-height: 26px;  } 

.f-logo {
	background: url(images/footer-logo.png) no-repeat 0 0;
	height: 26px;
	width: 67px;
}

/*
	Home Page Styling
*/

.home div.left { width: 357px; }
.home div.right { width: 473px; padding: 28px 0 0; height:454px; background:#4f4d65 url(images/home-box-right-bg.png) repeat-x 0 0;  }
/* .home div.right img { float: left; display: inline; width: 215px;  } */
.small-slide { float:left; width:215px; height:205px; margin: 0 13px 17px 0; display:inline; background:#fff; }

/*
	Company Page Styling
*/

.company, .salons { background: url(images/company-main-bg.png) repeat 0 0; padding: 8px;  height: 100%; }
.company div.left, .salons div.left { width: 359px; background: #100f2e; padding: 9px 8px; }
.salons div.left { padding-bottom:0; }

.company div.right, .salons div.right { 
	width: 422px; 
	border-top: 9px solid #100f2e; 
	border-bottom: 9px solid #100f2e; 
	background: #fff url(images/company-right-bg.gif) repeat-x 0 bottom;
	padding: 0 5px;
	min-height: 577px;
}

div.right .text { padding: 0 10px 0 15px; }
div.right .text p { padding-bottom: 15px; }
div.left img.middle { margin: 9px 0; }

/*
	Salons Page Styling	
*/

.salons div.right { min-height: 681px; } 
.salons div.left img{ display:block; padding-bottom:9px; } 

/*
	Contact Page Styling
*/

.contact-info {
	overflow-y: hidden;
	overflow-x: hidden;
	max-width: 415px;
}

.contact {
	width: 413px;
	background: #fff;
	padding: 0 14px;
}

.contact h2 {
	position: relative;
	z-index: 30px;
	width: 440px;
}

.contact .popup {
	float: right;
	display: inline;
	position: relative;
	margin-top: -20px;
	font: 11px Helvetica, Arial, sans-serif;
	font-style: oblique;
	text-decoration: none;
	color: #ff0000;
}

.contact .popup:hover { text-decoration: underline; }
.contact p { font-weight: bold; padding: 0 0 6px 20px; }
.contact p span { color: #ff0000; }

.contact form { padding: 15px 0 15px 20px; }
.contact-info p strong { color: #ff0000; }

.contact h3 {
	font: 14px Helvetica, "Trebuchet MS", Arial, sans-serif;
	color: #11102f;
}

.contact label {
	float: left;
	display: inline;
	width: 80px;
	color: #11102f;
}

.contact input.field {
	float: left;
	display: inline;
	width: 310px;
	background: none;
	border: 0;
	border-bottom: 1px solid #505066;
	margin-bottom: 4px;
}
input, textarea { font-family: Arial, sans-serif; font-size:12px; line-height:16px;}

.contact textarea {
	background: url(images/textarea.gif);
	height: 117px;
	width: 310px;
	float:left;
	border: 0;
	margin-bottom: 10px;
	overflow:auto;
}
.btn { margin-left:80px;}


.slides{ position:relative; overflow:hidden; font-size:0; line-height:0; }
.slides img{ position:absolute; top:0; left:0; }

.home-slides { width:357px; height:482px; }
.company-slides { width:360px; height:577px;  }

.thanks { padding-top:20px !important; }
.thanks strong{ color:#ff0000; }
.contact { height:436px; }

.overlay { background:url(images/overlay.jpg) no-repeat 0 0; position:absolute; top:28px; left:33px; width:772px; height:427px; z-index:200;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.home { position:relative; height:100%; }