/*====================================================

SalonOpus.com
copyright (c) SalonOpus.com
Designed & Developed by Vespir

====================================================*/


/* =GLOBAL
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { width: 100%; margin: 0 auto; color: #FFF; font: 9pt Arial, Helvetica, sans-serif; background: url(../images/top_bg.gif) top left repeat-x #9A0A00; }

a { color: #ED1C32; text-decoration: underline; }
a:hover { color: #FFF; text-decoration: underline; }
a img { border: none; }

p { line-height: 1.5em; margin-bottom: 1.5em; }
p a { color: #FFFFCC; }
p a:hover { color: #FFF; text-decoration: none; }

h2 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 18px; color: #FFF; font-weight: lighter; margin-bottom: 1em; }
h3 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 14px; color: #FFF; font-weight: lighter; margin-bottom: 1em; }
h3 a { color: #FFF; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h4 { font-family: "Trebuchet MS", Arial, Sans-Serif; font-size: 16px; color: #FFF; font-weight: lighter; }


/* =LOGO
----------------------------------------------- */
h1.logo { width: 197px; height: 21px; background: url(../images/logo_white.gif) top left no-repeat; width: 197px; height: 21px; margin: 80px 30px 60px 0; float: left; }
h1.logo span { display: none; }


/* =NAVIGATION
----------------------------------------------- */
.nav_main { float: left; margin-top: 90px; }
.nav_main ul { float: left; }
.nav_main ul li { float: left; display: block; margin-right: 15px; font-size: 11px; }
.nav_main ul li.active a { color: #FFF; }
.nav_main ul li a { color: #ED1C32; text-decoration: none; }
.nav_main ul li a:hover { color: #FFF; text-decoration: none; }


/* =CONTENT
----------------------------------------------- */
.wrapper { float: left; width: 100%; }
.interior { width: 850px; margin: 0 auto; }

.col_left { width: 540px; float: left; margin-right: 20px; }
.col_right { width: 290px; float: right; }

.stylist { width: 540px; float: left; margin-bottom: 50px; }


/* =FOOTER
----------------------------------------------- */
.footer_outer { float: left; width: 100%; padding-bottom: 70px; background: #720500; margin-top: 50px; }

.footer { width: 800px; margin: 0 auto; margin-top: 40px; margin-bottom: 40px; }
.footer p { font-size: 9px; margin: 0; }
.footer p a { color: #FFF; text-decoration: none; }
.footer p a:hover { color: #ED1C32; }





/* =MISC
----------------------------------------------- */
.clear { clear: both; }
.left { float: left; margin-right: 15px; }