/*// GLOBAL STYLES //*/
* {margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background:#000 url(images/bodybg.jpg) repeat-y; color:#fff;}
a {color:#7fa5f2;}
a img {border:0;}
a:hover {text-decoration:none;}

/*// CONTAINER BLOCKS //*/
#wrap {width:1000px;}
#header {height:300px; background:url(images/headerbg.jpg) no-repeat; overflow:hidden;}
#content {overflow:hidden; margin:15px 25px 0 50px;}
#left {float:left; width:230px; position:absolute; margin:-70px 0 0 10px;}
#right {float:right; width:635px;}
#home {overflow:hidden;}
#footer {clear:both; overflow:hidden; margin-top:15px;}
#twocols {overflow:hidden; margin-bottom:20px;}

/*// CONTAINER STYLES //*/
#header object, #header embed, #header img {float:right;}

#right h1 {font-size:2em; color:#7fa5f2; font-weight:normal; margin-bottom:6px;}
#right p {font-size:1.35em; line-height:1.45em; margin:0 0 20px 2px;}

#left ul li {padding:2px 0; list-style-type:none;}
#left ul li a {display:block; height:60px; width:95px; color:#fff; text-decoration:none;}
#left ul li a.salon {background:url(images/salonbut.jpg) no-repeat;}
#left ul li a.salon:hover {background-position:-95px;}
#left ul li a.services {background:url(images/servicesbut.jpg) no-repeat;}
#left ul li a.services:hover {background-position:-95px;}
#left ul li a.jc {background:url(images/jcbut.jpg) no-repeat;}
#left ul li a.jc:hover {background-position:-95px;}
#left ul li a.ourteam {background:url(images/ourteambut.jpg) no-repeat;}
#left ul li a.ourteam:hover {background-position:-95px;}
#left ul li a.gallery {background:url(images/gallerybut.jpg) no-repeat;}
#left ul li a.gallery:hover {background-position:-95px;}
#left ul li a.products {background:url(images/productsbut.jpg) no-repeat;}
#left ul li a.products:hover {background-position:-95px;}
#left ul li a.contact {background:url(images/contactbut.jpg) no-repeat;}
#left ul li a.contact:hover {background-position:-95px;}
#left ul li span {position:absolute; margin:20px 0 0 105px; font-size:1.35em;}
#left ul li a.oursalon {background:url(images/oursalon.jpg) no-repeat;}
#left ul li a.oursalon:hover {background-position:-95px;}


#right ul {margin:0 0 15px 25px;}
#right ul li {font-size:1.5em; padding:5px 0;}

#home div {overflow:hidden;}
#home ul {width:260px; float:left;}
#home h2 {margin-bottom:15px; font-size:1.75em;}
#home h3 {font-size:1.5em; margin:10px 0;}

#footernav ul {text-align:center;}
#footernav ul li {display:inline;}
#footernav ul li a {color:#fff; text-decoration:none; font-size:1.5em; padding:2px 10px 0 25px;}
#footernav ul li a:hover, #footernav ul li a.current {background:url(images/footerbullet.jpg) no-repeat;}

#footerinfo {display:block; overflow:hidden; margin:12px 55px 12px 62px;}
#footerinfo p {float:left; font-size:1.25em; display:block; width:550px; margin:5px 0 0 0;}
#footerinfo img {float:right;}

#services li {padding:10px 0;}
#services a {text-decoration:none;}
#services a:hover {color:#fff; text-decoration:underline;}

#twocols div {width:278px; margin-right:35px;}
#twocols legend {font-size:3em;order:1px solid #fff; text-align:center; padding:5px; margin:0 0 0 80px; text-transform:uppercase; color:#fff;}
#twocols fieldset {padding:10px;}
#twocols h3 {text-align:center; text-decoration:underline; font-size:2em; margin-bottom:7px; text-transform:uppercase; font-weight:normal;}
#twocols ul {margin:0 0 15px 0; padding:0; clear:both; overflow:hidden;}
#twocols ul li {list-style-type:none; padding:4px 0;}
#twocols ul li.note {font-style:italic; font-size:1.25em; padding-bottom:8px;}
#twocols ul label {position:absolute; width:165px;}
#twocols ul span {margin-left:175px; width:75px; display:inline-block; text-align:right;}

#twocols div.right ul label {width:200px;}
#twocols div.right ul li {padding:10px 0;}
#twocols div.right ul label {width:200px;}

/*// CLASSES //*/
.right {float:right;}
.left {float:left;}
div.columns {overflow:hidden;}
div.columns ul {float:left; width:150px;}
p.teamreturn {float:right; clear:both; margin:0; padding-right:118px;}

/*// IE7 HACKS //*/
*+html #footernav {clear:both;}

/*// GALLERY //////*/
#thumbs ul {padding-top:8px; width:250px;}
#thumbs ul.bottom {margin-bottom:15px;}
#thumbs ul li {display:inline;}
#thumbs ul li img {padding:2px; border:0; margin:2px; border:1px solid #000; height:60px; width:45px;}
#thumbs ul li img:hover {border:1px solid #30c0f0;}
#thumbs h3 {font-size:1.35em; color:#7fa5f2;}

#viewer {width:350px; float:right;}
#viewer img {border:1px solid #999; float:right;}
#viewer iframe {width:610px; overflow:hidden; height:450px; overflow-y:hidden; border:0;}

/*
#gallery {overflow:hidden; height:500px; clear:both; margin-top:15px;}
#gallery h3 {color:#7fa5f2; font-size:1.5em;}
#thumbs {float:left; width:200px;}
#viewer {float:right; width:300px;}
*/

div.item {overflow:hidden; margin:10px 0 50px 0;}
div.item p {margin:270px 0 0 0; font-size:1.25em; line-height:1.4em; text-align:right;}
div.item h2 {color:#30c0f0; margin-bottom:5px; font-size:2em;}
div.item img {border:1px solid #999;}
div.item a {color:#794da6;}
div.item .right {float:right;}
div.item .left {float:left; width:192px;}
div.item .right a {font-size:1.4em; display:block; margin:10px auto;}
div.item .right a:hover {text-decoration:none;}

/* GALLERIA STYLES 
ul.gallery {margin:10px 0 25px 0;}
.galleria{list-style:none;width:500px; padding:10px 0 0 0px;}
.galleria li{display:block;width:80px;height:80px;float:left;margin:0 10px 5px 0; background:#000; border:1px solid #000;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block; border:1px solid #000;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* TEAM GALLERIA STYLES */
#gallery {min-height:625px;}
#right .caption{color:#fff; margin:5px 0; font-size:1.25em;}
#right .gallery {width:400px; position: absolute; margin:250px 0 15px 225px;}
#right .gallery li { width:80px; height:80px; margin:10px 2px; display:block; float:right; list-style-type:none;}
#right .gallery li div{left:240px}
#right .gallery li img {cursor:pointer;}
#right .gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#right .galleria_container{position:absolute;height:438px;width:350px;float:left;}
#right .info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
#right .info p{margin-top:1.6em;}

#right .oursalon {width:200px; margin:0 0 15px 410px;}
#right .oursalon li {width:60px; height:60px; margin:5px 20px; display:block; float:left; list-style-type:none;}