body {
background-image: url(wallpaper.jpg);
background-position: -10px -10px;
padding:20px;
 margin:0px;
 text-align: ;
 font-family: garamond, serif;
font-size: 16px;
color: #696924;
position:relative;

}


a:link {
text-decoration: none;
color: #999933;
}

a:hover {
color:#c7e8f7 !important;
}

h1 {
font-size: 24px;
font-family: garamond, serif;
font-style: normal;
color: #999933;
padding: 0;
}



b {
font-size: 14px;
font-family: Myriad Pro, sans-serif;
color: #999933;
text-transform: uppercase;
}

hr {
color:#696924;
}



     #Container {
       width: 750px;
	   height: 625px;
       margin: 0 auto;
       text-align:;
       background-color:white;
background-position: 0x 0px;
background-repeat:no-repeat;
      border:white;
	position:relative;
	border-radius:1.5em;
	-moz-border-radius:2em;
	-webkit-border-radius:1em;
    }



/* CSS Document */
/* nav menu*/
#nav{
	width:750px;
	background-color: #9f9d4a;
	float:left;
}
#nav, #nav ul {
padding: 0px 0px;
margin:0;
list-style: none;
display: block;
text-align:center;
width:750px;
	left: auto;
}

#nav a {
	display: block;
	width: 8em;
	color: white;
	text-decoration: none;
background-color: #9f9d4a;
padding: 10px 0px;
letter-spacing:2px;
}

#nav a:hover {
color:#c7e8f7 !important;
}

#nav li { /*all list items*/
	float: left;
	width: 7.6em;
margin:0 10px;
} 


.size1 {
	font-family: myriad pro, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
}
.size2 {
	font-family: myriad pro, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.curt{
color:#c7e8f7 !important;
}

/*end of menu 	border:solid 1px red;*/





#content {
 padding-left: 20px;
 padding-right: 20px;
 clear: left;
padding-top: 20px;
position:relative;
}

.box{
	width:300px;

	float:left;
	margin: 25px 0 0 35px;
}

#fees {
margin:0 auto;
text-align:left;
}
#fees td{
	text-align:left;
}

.price{ 
	padding:0px 27px;
	color:black;
	}


.tdheader{
	
}

#pca{
	text-align:justify;
	border-right:solid 1px #696924;
	margin-right:35px;
}

/*Services page, product*/

	
	* { margin: 0; padding: 0 }
	/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
	
	p#cross-links { text-align: center }
	
	p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
	
	noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
	noscript a { color: #a00; text-decoration: underline }
	noscript ol { margin-left: 25px; }
	

	
	img { border: 0 }
	
	
	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 20px 0;
		position: relative;
		width: 100%;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		border: 0px solid #000; /* this is the border. should have the same value for the links */
		margin: auto;
		width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 700px;  /*viwer container height*/
		clear: both;
		background: #fff;
		position:relative;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 700px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto ;
		
		
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav ul li {
		float: left;
		margin-right: 1px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { /* The nav links */
		font-size: 35px;
		font-weight: normal;
		text-align: center;
		line-height: 32px;
		background: transparent;
		color: #999933;
		text-decoration: none;
		display: block;
		padding: 25px 30px;
		border-left:1px;
		
	}
	
	.stripNav li.tab1 a { background: white; font-family:Palatino,serif; font-style:italic; letter-spacing:3px; }
	.stripNav li.tab2 a { background: white; border-left: dotted silver 1px; font-family:Palatino,serif; font-style:italic; letter-spacing:3px; }
		.stripNav li.tab3 a { background: white; border-left: dotted silver 1px; font-family:Palatino,serif; font-style:italic; letter-spacing:3px; }

	.stripNav li a:hover {
	color:#9FA033;
	}
	
	.stripNav li a.current {
	
		color:  #999933;
		background:#F3FFFB;
	}
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL {
		left: 0;
	}
	

	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		background: url("images/arrow-left.gif") no-repeat center;
		display:none;
	}
	
	.stripNavR {
		background: url("images/arrow-right.gif") no-repeat center;
		display:none;
	}
	


	h1{
		margin:0 auto; color:#999933; 	}
	h2{ position:relative; left:35px; font-weight:lighter;}

	th{padding-top:25px;  padding-bottom:20px; color:#999933; letter-spacing:1px; }

	#fees{margin-left:40px; width:680px; color:#696924;}
	#fees h2{}
	.id{color:#756F15; font-size:18px;}
			#fees td{
			padding:20px 0 0 0; 
			width:300px; 
							}
.price{text-align:center; padding-left:!important ; color:#696924;}
					.price span{
							
						vertical-align:2px; font-size:11px;  margin-right:2px;}
					
					.desc{
					 font-size:11px; 	padding:2px 0 0 0px !important; text-align:;
					}
	
	
	#logo{
		margin:20px 20px 20px 55px;

	
	}
	



/* about page code*/

.highlight{
	color:#2e1c2a;
	
}

	  		#title{
			font-family:Palatino,serif; font-style:italic;
			text-align:center;
			margin:20px 0;
		}
		#about p{
				text-align:justify;
				line-height:1.3em;
		}
		.skin {width:300px;
			position:relative; 
			height:100%;

			}

			.nova{ position:absolute; 
				width:370px; top:90px; right:30px;
				 }
				.carissa{ position:relatve; 
					width:700px; top:290px; right:00px; padding-top:20px;
					 }

		#novapic {
			position:relative; 
			float:left;  
			padding:3px;
			 margin:10px 10px 8px 0; 
			border:solid 6px #3e282c;}


			#carpic {
				position:relative; 
				float:left;  
				padding:3px;
				 margin:0px 10px 8px 0; 
				border:solid 6px #3e282c;}
		#serv { position:relative; 
			left:30px;

	margin:25px;
		width:600px;
		letter-spacing:1px;
		font-family:Palatino,serif; font-style:italic; letter-spacing:1px;
		}
			a{ text-decoration:none;}

		#footer{
			position:relative; 
			left:40px;
			margin: 20px;
			padding:20px;
			text-align:center; width:250px;
			font-family:Palatino,serif; font-style:italic; letter-spacing:1px;
			 }

			#yelp{
			position:absolute;
			bottom:35px;
			right:0px;
			width:400px;
			}
			
			
			/*product*/
			 #products #Container{
				padding-bottom: 105px !important;
			}
					 #productstore #Container{
						height:100%;position:relative;
					}
			#product H2{
				left:0px;
				font-size:18px;
					padding: 0 7px;
			}

			#product td{
				padding:30px 0;
				border-bottom: dotted silver 1px;
			}
			
			
			
			
			/* Home */
			
			
			#home #content{
				background:url('images/home5.jpg') no-repeat !important;

			height:630px
			}
			#home #Container{height:820px !important;}

			#intro{	text-align:center;
				font-family:Palatino,serif; font-style:italic; letter-spacing:2px;
				text-transform:lowercase;
				line-height:1.5em;
				position:relative;
				top:110px;
				left:224px;
				font-size:24px;
				width:200px;
				color: #999933;
			}
			#hometitle{font-family:Palatino,serif; font-style:italic;
				font-size:35px;
				position:absolute;
				right:250px;
				margin:50px 0;

			}
			#home{text-align:;}

			blockquote {
			display: block;
			padding: 0 20px;
			width: 500px;
			position:relative;
			line-height:1.5em;
			top:220px;
			left:65px;
			font-size:11px;
			text-align:justify;
			font-style:italic;
			letter-spacing:1px;
			}

			blockquote:before, blockquote:after  {
			color: #69c;
			display: block;
			font-size: 400%;
			width: 30px;
			}
			blockquote:before {
			content: open-quote;
			height: 0;
			margin-left: -0.55em;
			}
			blockquote:after {
			content: close-quote;
			height: 50px;
			margin-top: -35px;
			margin-left: 500px;
			}
			
			
			#bag{width:160px; position: absolute;
		    right: 20px;
		    top: 60px;
		    width: 160px; }