/*
Theme Name: T'nT Hair and Spa
Description: The Style Experts
Author: Jennifer Cerda
Author URI: http://www.vegadesigngroup.com
*/
body {
padding:0;
margin: 0;
background: #0b090c url(images/bg-x.gif) repeat-x top left;
font-family:"Trebuchet MS", Verdana, Arial;
font-size: 12px;
}
img {
border:0 none;
}
form {
margin:0;
padding:0;
}
a:hover {
text-decoration:none;
}
div {
margin:0;
padding:0;
}
#container {
position:relative;
width:980px;
height:auto;
margin: 0 auto;
}
#header {
width:980px;
height:170px;
position:relative;
margin:0;
padding:0;
background:url(images/header-bg.gif) no-repeat bottom right;
}
#header img {
float:left;
width:420px;
height:170px;
padding:0;
margin:0;
}
#header-nav {
position:absolute;
top:0;
right:68px;
width:195px;
height:165px;
}
#header-nav ul {
list-style:none inside none;
margin:0;
padding:15px 0 10px 0;
text-align:right;
}
#header-nav ul li{
background:url(images/head_bullet-arrow_purple.gif) no-repeat scroll right center transparent;
font-weight:normal;
margin:0 0 5px 5px;
padding:0 20px 0 0;
}
#header-nav ul li a {
color:#99949d;
font-size:14px;
text-decoration:none;
margin:0;
padding:0;
}
#header-nav ul li a:hover {
color:#A279C5;
}
#content {
position:relative;
width:980px;
height:auto;
padding:0;
margin:0;
background:url(images/content-bg.gif) repeat-y top left;
}
#content img.top {
float:left;
margin:0;
padding:0;
width:980px;
height:85px;
}
#left-nav {
left:0;
height:300px;
padding:56px 0 0 12px;
position:absolute;
width:166px;
top:0;
}
#left-nav h3 {
color:#000;
font-size:15px;
font-weight:normal;
margin:0 0 10px 10px;
padding:0;
}
#left-nav ul {
background:#2F2A33;
list-style:none outside none;
margin:0;
padding:10px 0;
width:175px;
}
#page-box ul {
list-style:none outside none;
margin:0;
padding:10px 0;
width:400px;
}
#left-nav ul li, #page-box ul li{
background:url(images/bullet-arrow_purple.gif) no-repeat scroll 0 5px transparent;
font-weight:normal;
margin:0 0 5px 5px;
padding:0 0 0 20px;
}
#left-nav ul li a, #page-box ul li a {
color:#99949d;
font-size:14px;
text-decoration:none;
margin:0;
padding:0;
}
#page-box ul li a {
color:#A279C5;
}
#left-nav ul li a:hover {
color:#A279C5;
}
#page-box ul li a:hover {
color:#fff;
}
#left-nav ul.sub {
list-style:none outside none;
margin:0;
padding:15px 0 10px;
width:175px;
background:#181619;
}
#left-nav ul.sub li{
background:url(images/bullet-arrow_grey.gif) no-repeat scroll 0 5px transparent;
font-weight:normal;
margin:0 0 5px 5px;
padding:0 0 0 20px;
}
#left-nav ul.sub li a {
color:#807b7b;
font-size:14px;
text-decoration:none;
margin:0;
padding:0;
}
#left-nav ul.sub li a:hover {
color:#99949d;
}
#left-nav-newsletter {
width:175px;
background:#110f10;
padding:10px 0 0;
}
#left-nav-newsletter span {
color:#9f9999;
margin:5px 0 0 10px;
}
#content-right {
height:500px;
position:absolute;
right:0;
top:0;
width:793px;
}
#content-right a.slider {
color:#80B546;
text-decoration:none;
}
#home-box, #page-box, #post-box {
background:none repeat scroll 0 0 #000000;
height:290px;
left:13px;
padding:15px 0 90px 15px;
position:relative;
top:30px;
width:670px;
margin:0 0 30px;
}
#home-box {
padding:15px 0 20px 15px;
}
#page-box, #post-box {
height:auto;
}
#post-box {
padding:15px 0 250px 15px;
overflow:auto;
}
#home-box h1, #page-box h1, #page-box h2, #home-content-left h2, #post-box h1 {
color:#fff;
font-size:30px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
margin:0 0 15px 0;
padding:0;
}
#post-box h1 {
margin:0;
}
#home-content-left h2 {
font-size:25px;
}
#home-content-left h3 a {
color:#A279C5;
text-decoration:none;
margin:0 0 5px 0;
font-size: 20px;
}
#home-content-left span.concept, #post-box h1 span.concept {
color:#80b546;
}
#home-content-left span.christmas, #post-box h1 span.christmas {
color:#CF1B26;
}
#home-content-left p {
color:#fff;
font-size: 13px;
margin:0;
padding:0 0 15px;
}
#page-box h2, #post-box h2 {
font-size:20px;
margin:0;
padding:0;
}
#home-box p {
border-top:1px solid #FFFFFF;
color:#FFFFFF;
font-size:15px;
font-weight:normal;
margin:0;
padding:20px 0 0;
width:340px;
}
#page-box p {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin:0 0 12px;
padding:0;
position:relative;
width:430px;
}
#post-box p {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin:0 0 12px;
padding:0 20px 0 0;
position:relative;
}
#post-box img {
float:right;
padding:0 0 10px 20px;
}
#page-box p span, #post-box p span {
color:#A279C5;
}
#page-box p span.italics, #post-box p span.italics {
font-size:12px;
font-style:italic;
margin:0;
color:#fff;
}
#page-box a, #post-box a {
color:#fff;
text-decoration:underline;
}
#page-box a:hover, #post-box a:hover {
text-decoration:none;
}
#page-box a.svc {
color:#fff;
font-size:16px;
text-decoration:none;
}
#page-box a.svc:hover {
text-decoration:underline;
}
#home-box img.hero {
position:absolute;
right:10px;
top:10px;
width:300px;
height:285px;
}
#page-box-hero {
position:absolute;
right:20px;
top:50px;
width:200px;
height:auto;
}
#page-box-hero2 {
position:absolute;
right:170px;
top:15px;
width:200px;
height:auto;
margin:0;
padding:0;
}
#page-box-hero img {
margin:0 0 20px 0;
padding:0;
}
#side-appt a img {
height:260px;
position:absolute;
right:45px;
top:49px;
width:50px;
background:url(images/appt-btn_side.gif) no-repeat top left;
z-index:1000;
}
#side-appt a:hover img {
background:url(images/appt-btn_side-o.gif) no-repeat top left;
}
#home-content {
background:none repeat scroll 0 0 #110F10;
height:auto;
margin:40px 0 0 15px;
overflow:auto;
padding:0;
width:684px;
}
#home-content-left {
color:#FFFFFF;
float:left;
font-size:14px;
height:auto;
margin:0;
padding:10px 10px 0;
position:relative;
text-align:left;
width:474px;
}
#home-content-left h3 {
color:#fff;
font-size:25px;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
padding:0;
margin:0;
}
#home-content-left span {
color:#b3a1c5;
}
#home-content-left span.italics {
font-size:11px;
font-style:italic;
margin:0;
color:#fff;
}
#homecontent-box-hero {
position:absolute;
left:340px;
top:15px;
width:140px;
height:auto;
}
#homecontent-box-hero img {
margin:0 0 20px 0;
padding:0;
}
#home-content-right {
background:none repeat scroll 0 0 #181619;
color:#FFFFFF;
float:right;
font-size:14px;
height:auto;
margin:0;
padding:10px 5px 0 9px;
position:relative;
text-align:left;
width:176px;
}
#home-content-left a, #home-content-right a {
color:#A279C5;
text-decoration:none;
margin:0 0 5px 0;
}
#home-content-left a:hover, #home-content-right a:hover {
color:#99949d;
text-decoration:none;
}
#footer {
background:none repeat scroll 0 0 #181619;
color:#5F5C5C;
font-size:11px;
height:auto;
margin:0 0 0 15px;
padding:10px;
position:relative;
width:662px;
}
#footer a {
color:#807B7B;
font-size:11px;
margin:0;
padding:0 1px 0 0;
text-decoration:none;
}
#footer a:hover {
color:#A279C5;
text-decoration:none;
}
/*slider styles */
.anythingSlider {
width: 760px;
height: 330px;
position: relative;
margin: 0 auto 15px;
left:0px;
top:28px;
}
.anythingSlider .wrapper  {
width: 682px;
overflow: auto;
height: 324px;
margin:0;
position: absolute;
top: 0;
left: 0;
}
 /* Width below is max for Opera */
.anythingSlider .wrapper ul {
width: 32700px;
list-style: none;
position: absolute;
top: 0;
left: 0;
background: #000;
margin: 0;
}
.anythingSlider .wrapper ul li  { 
display: block;
float: left;
padding: 0;
height: 317px;
width: 680px;
margin: 0;
}
.anythingSlider .arrow { 
display: none;
height: 200px;
width: 67px;
background: url(images/arrows.png) no-repeat 0 0;
text-indent: -9999px;
position: absolute;
top: -250px;
cursor: pointer;
}
.anythingSlider .forward { 
background-position: 0 0;
right: -20px;
}
.anythingSlider .back {
background-position: -67px 0;
left: -20px;
}
.anythingSlider .forward:hover {
background-position: 0 -200px;
}
.anythingSlider .back:hover { 
background-position: -67px -200px;
}
.thumbNav {
padding:0 186px 0 0;
position:relative;
text-align:right;
top:310px;
}
.thumbNav li { 
display: inline;
}
.thumbNav a  { 
background:none repeat scroll 0 0 #000000;
color:#99949D;
display:inline-block;
height:10px;
margin:0 5px 0 0;
padding:9px 8px;
text-align:center;
text-decoration:none;
}
.thumbNav a:hover { 
background-image: none;
color:#A279C5; 
text-decoration:underline;
}
.thumbNav a.cur {
background:none repeat scroll 0 0 #181619;
color:#A279C5;
}
.start-stop { 
background:none repeat scroll 0 0 #000000;
color:#99949D;
padding:2px 8px 3px 5px;
position:absolute;
right:78px;
text-align:right;
text-decoration:none;
top:315px;
width:90px;
z-index:10;
}
.start-stop.playing {
background-image: none;
}
.start-stop:hover {
background-image: none;
color:#A279C5;
text-decoration:underline;
}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul {
position: static;
margin: 0;
background: none;
overflow: visible;
width: auto;
border: 0;
}
.anythingSlider .wrapper ul ul li {
float: none;
height: auto;
width: auto;
background: none;
}
#textSlide {
padding: 10px 20px;
}
#textSlide h1 {
color:#FFFFFF;
font-family:"Times New Roman",Times,serif;
font-size:25px;
font-weight:normal;
margin:0;
padding:0 0 10px;
}
#textSlide p {
border-top:1px solid #FFFFFF;
color:#FFFFFF;
font-size:15px;
font-weight:normal;
margin:0;
padding:10px 0 0;
width:330px;
}
* {
margin: 0; padding: 0;
}