@charset "utf-8";
/* CSS Document */

/*
Theme Name: jameSpa
Theme URI: http://dagamawebstudio.com/
Description: Theme custom designed by DaGama Web Studio's and Built by Gordon French for James Spa 
Version: 1.0.0
Author: Gordon French
Author URI: http://www.gordonfrench.com
Tags: 

	This theme was coded by Gordon French,
	whose portfolio can be found at http://gordonfrench.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ------------------------------------- Main Structure ------------------------------------------------------- */
body				{ background:url(images/bg.jpg) repeat; margin:0; font-family:Arial, Helvetica, sans-serif;}

/* no need to change the im-wrapper it simple allows everything to be centered */
.wrapper			{ width:100%; }

/* width of frame determines width of content area. The clear eliminates the need for a <br clear:all /> tag 
   when using the complex template
*/
.frame			{ width:1000px; text-align:left; clear:both;}s

/* required stuff */
img, a img 			{ border:none}
a:active 			{ outline: none;}
a:focus				{ outline: none;}

.aligncenter 		{ display:block; margin-left:auto; margin-right:auto; text-align:center}
.alignleft 			{ float: left;}
.alignright 		{float: right;}


/* ------------------------------------- Header --------------------------------------------------------------- */
.header-wrapper	{ width:100%; min-height:120px } 				/* complex */
.header-frame	{ width:975px; text-align:left; clear:both; } 	/* complex */
.header			{ position:relative; min-height:100px; padding:5px}

.logo			{ position:absolute; left:10px; top:25px;}
.contactBox		{ position:absolute; background:url(images/contactBox.png); width:326px; height:59px; left:600px; top:0px; padding:5px 0px 0px 19px;
					font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:70%; color:#FFF;}
.contactBox a	{ text-decoration:none; color:#FFF;}

.nav			{ position:absolute; font-weight:bold; font-size:80%; top:105px; text-align:right; width:100%; z-index:10;}
.nav a			{ color:#FFF;  text-decoration:none; padding:0px 10px 0px 15px}
.nav li + li	{ border-right:1px solid #FFF;}
.nav a:hover	{ color:#9f560a}

.nav ul			{ list-style:none;}
.nav li			{ float:right;}

/*-------------------------------------- Gallery --------------------------------------------------------------*/
#gallery-1 {
				margin: auto;
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 33%;			}
			#gallery-1 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}

/* ------------------------------------- Footer --------------------------------------------------------------- */
.footer-wrapper	{ width:100%; height:350px; background:#ab650c url(images/footer.jpg) 70% 0 no-repeat; margin-top:40px;}				
.footer-frame	{ width:960px; text-align:left; clear:both;}	
.footer			{ position:relative; padding:1px; width:100%;}

.ourClients		{ position:relative; background:url(images/ourClients.png) no-repeat; width:457px; height:155px; left:30px; margin-top:10px; float:left;
					border-bottom:1px solid #ab650c; height:168px;}
.ourClients p	{ padding:65px 20px 0px 20px; font-size:55%; font-family:Verdana, Geneva, sans-serif;}
.author			{ padding:0px 30px 0px 20px; color:#ab650c; font-weight:bold; font-size:75%; text-align:right;}
.visitUs		{ position:relative; background:url(images/visitUs.png) no-repeat; width:457px; height:155px; left:-20px; margin-top:10px; float:right;
					border-bottom:1px solid #ab650c; height:168px;}
.visitUs p		{ padding:55px 0px 0px 20px; font-size:70%; font-family:Verdana, Geneva, sans-serif;}
.map			{ width:186px; height:112px; position:absolute; left:269px; top:56px; border-left:1px solid #ab650c; border-right:1px solid #ab650c;}


.lower-widget	{ float:left; color:#FFF; font-size:70%; font-family:Verdana, Geneva, sans-serif; padding:15px; }
.lower-widget h4	{ color:#000; margin:20px 0px 8px 0px; font-size:100%;}
.lower-widget ul	{ margin:0; padding:0; list-style:none; color:#FFF}
.lower-widget li	{ padding:0px 0px 5px 0px;}
.lower-widget p		{ line-height:150%;}
.lower-widget a		{ color:#FFF; text-decoration:none;}

.services		{ width:300px; position:relative}
.services li	{ width:280px; float:left;}

.salon			{ width:370px; position:relative; top:40px; line-height:150%;}
.salon .address	{ position:absolute; left:200px; top:-23px; line-height:150%;}

.campus			{}
.campus	p		{ margin:0; padding:0 0 60px 2px;}


/* ------------------------------------- Content --------------------------------------------------------------- */
.content-wrapper	{ width:100%; }															
.content-frame		{ width:1000px; text-align:left; clear:both; }	
.mainContent		{ float:left; position:relative; width:950px; padding:5px; margin:220px 0px 0px 30px; 
						 background:url(images/mainContentBody2.png) repeat-y;}
.contentText		{ position:relative; top:-100px; width:510px; margin-left:195px; }
.contentText a		{color:#ab650c;}
.fullContent		{ position:relative; width:100%; padding:0px 5px;}
.pageContent		{ background:url(images/mainContentBg.png) 35px -5px no-repeat; top:10px;}
.contentBottom		{ position:relative; background:url(images/contentBottom.png) no-repeat; width:960px; height:18px; left:24px;}
.avedaPage			{ position:absolute; width:207px; height:50px; left:747px; top:-28px; z-index:10; }
.salonSpa			{ position:absolute; background:url(images/salonSpa.png) no-repeat; width:738px; height:81px; left:40px; top:20px;}

.sliderImage		{ position:absolute; width:747px; height:337px; left:25px; top:12px;}
.slider				{ position:relative; background:url(images/mainBg.png); width:992px; height:378px; top:5px;}
.sideNav			{ position:absolute; width:200px; left:783px; top:18px; font-size:75%; font-weight:normal;}
.sideNav ul			{ list-style:none; padding:0px; margin:0;}
.sideNav li			{ background:url(images/navBg.png) repeat; padding:8px 0px 8px 15px; margin:0px 0px 6px 0px }
.sideNav li a		{ color:#FFF; text-decoration:none;}
.sideNav li:hover	{ background:url(images/navBgOv.png);}
.pageNav			{ position:relative; left:-2px; top:1px;}

.homeContent		{ position:relative; font-family:Verdana, Geneva, sans-serif; padding:0px 0px 0px 30px; font-size:75%; width:630px; top:-15px;}
.aveda				{ position:absolute; width:324px; height:125px; left:670px; top:370px;}
.boxes				{ position:relative; background-color:#CCC; padding:0px 0px 0px 0px;}
.box				{ position:relative; width:297px; height:164px; float:left; margin:0px 0px 0px 30px}

h1 {
padding: 0;
margin: 0;
font-size: 1.9em;
line-height: 1.5;
font-weight: normal;
color: #A45E0B;
}

h2 {
padding: 0;
margin: 0;
font-size: 1.2em;
line-height: 1.0;
font-weight: normal;
color: #B77D35;
}
.leftSide			{ float:left; width:170px; position:relative; top:-117px; left:-5px; margin-bottom:-100px;}

.post-cat h2	{ margin:10px 0 5px; padding:0;}
.post-cat h2 a	{ color:#ab650c; text-decoration:none; font-size:90%; }
.post-cat		{ border-bottom:1px solid #c9b789; padding:15px 0px 15px 0px}
.post-cat p		{ padding:0; margin:0; font-size:90%;}



/* ------------------------------------- Sidebar --------------------------------------------------------------- */   
.sidebarRight	{ position:absolute; width:187px; float:right; left:776px; top:8px; padding:0px 10px }
.sidebarContent	{ position:relative; z-index:5;}
.sidebarTop		{ position:absolute; background:url(images/sideTopBg.png) no-repeat; width:209px; height:683px; left:0px; top:-13px; }
.sidebarLeft		{ position:relative; width:300px; padding:5px; float:left;  }

.sidebarContent ul	{ margin:0; padding:0;}
.sideWidgets	{ list-style:none; margin:0 0 0 0; padding:0;}
.sideWidgets h3	{ margin:20px 0 0 0; color:#000}
.sideWidgets li	{ list-style:none; font-size:70%; margin:0 0 0 10px; padding:0; color:#FFF}
.sideWidgets a	{ color:#FFF}







.previous_next			{ font-size:80%; margin:20px 0px -90px 0px}


#commentsFrame			{ font-size:90%; overflow:hidden; width:500px; margin-top:30px;}
#respond a				{}
#respond a:hover		{ text-decoration:underline;}


.commentlist .photo		{ float:left; padding:3px 5px 0px 3px}
ol.commentlist 			{ left:-20px; margin:3px 0px; padding:0px}
.commentlist li			{ list-style:none; margin:10px 0px; padding:5px; border:1px solid #c9b789}
.commentlist a			{ color:#ab650c}
.commentlist .url		{ font-size:110%; font-weight:bold; font-style:normal}


.commentlist .reply		{ margin-bottom:5px}
.commentlist .reply a	{  font-weight:bold; }
.commentlist .reply a:hover	{  text-decoration:underline; }
.comment-meta a			{  font-size:80%}

.pinglist				{ position:relative; left:0px; width:730px; padding:0px; font-size:80%; border:1px solid #c9b789}
.pinglist li			{ list-style:none}
.pinglist .says			{ display:none; }
.pinglist .comment-meta	{ display:none;}
.pinglist p				{ display:none;}
.pinglist .reply		{ display:none;}
.pinglist .vcard		{ padding:3px 10px;}
.pinglist a				{ }
.pinglist a:hover		{ }