/* CSS for most of site */

/* normalize margin, padding, text alignment, font */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin: 0;
	padding:0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/* remove list-style from lists */
ol, ul
{list-style: none;}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, th, var
{font-style: normal; font-weight: normal; }

/* normalize border styles in tables */
table
{border-collapse: collapse; border-spacing: 0;}

/* remove border from fieldset and img */
fieldset, img
{border: 0;}

/* left-aligns text in caption & th */
caption, th
{text-align: left;}

/* removes quotation marks from q */
q:before, q:after
{content: '';}

@media screen {
	#telURI {display: none;}
}

@media handheld {
	#telURI {display: inline;}
	#phonenum {display: none;}
}

#iPhoneAssist {display:none}

/*for iPhone*/
@media only screen and (max-device-width: 480px) {
	#iPhoneAssist {display: inline;}
}

body {
	background: url(../images/Symbol-SOAK-Background-lg.gif);
	margin-top: 40px;
	margin-bottom: 20px;
}

h2 {
font-size: x-large;
font-weight: 500;
font-variant: small-caps;
padding-top: 10px;
padding-bottom: 10px;
}

h3 {
font-size: large;
font-weight: 300;
font-variant: small-caps;
padding-bottom: 10px;
}


#container {
	min-width: 730px;
	max-width: 70em;
	width: 85%;
	margin: 0 auto;
	background: #FFFFFF;
	border: thin solid #EAEAEA;
}

/*#header a {
background:transparent url(../images/WebSite-Logo-SOAK-3.gif) no-repeat center;
display: block;
height: 200px;
width: 500px; *//* to keep ie6 from cropping branding */
/*margin: 0 auto;
}*/

/*#header h1 {
display: none;
}*/

#logo {
	height: 200px;
	position: relative;
	top: 10px;
	}

#logo span {
		background: url('../images/WebSite-Logo-SOAK-3.gif') no-repeat center;
		display: block;
		position: absolute;
		top: -10px;
		width: 100%;
		height: 100%;
	}

#contact {
min-height: 40px;
background-color: #FFFFFF;
/*background-color:#FF99FF; alt to image background */
background: url(../images/CirclesBackground-ContactInfo-wide.gif) repeat;
text-align: center;
}

#contact li {
display: inline;
padding: 2em;
line-height: 40px;
font-size: small;
font-variant: small-caps;
font-weight: bold;
color: #FFFFFF;
}

/*for iPhone*/
@media only screen and (max-device-width: 480px) {
	#contact li {line-height: 25.5px;}
	#contact li {padding-left: 10px;}
}

#sidebar {
float: left;
width: 32%; /*20%; before removing min-width here*/
/*min-width: 233px;*/
/*min-width: 11em;*/ /* change to ~ width of nav pics */
/*border-right: #FF99FF solid thin;*/
}

#navigation {
float: left;
/*padding-bottom: 2em;*/
width: 100%;
border-bottom: #FF99FF solid thin;
margin: 0 auto;
}

#navigation h2 {
text-indent: -9999px;
display: none;
}

#giftcards {
float:left;
padding-right: 10px;
padding-left: 10px;
}

#giftcards p {
padding-top: 10px;
padding-bottom: 10px;
}

#phonenum {
font-weight: bold;
}

#maincontent {
	float: left;
	display: inline;
/*	overflow: hidden;*/
	width: 63%;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	margin: 0 auto;
	border-left: #FF99FF solid thin;
}

#maincontent p {
	text-align: left;
}

a.link-nocss {
text-decoration:none;
color: #FFFFFF;
}

p.intro:first-letter {
	/*font-style:italic;*/
	font-weight: 500;
	font-size:large;
}

p.footnote {
	font-size: smaller;
}

#addthisicon {
display:inline;
}

#press {
border-top: #FF99FF solid thin;
padding-bottom: 15px;
}

#press ul {
padding-top: 15px;
}

#press li.pressitems1 {
display: inline;
padding-top: 15px;
padding-right: 25px;
}

#press li {
display: inline;
padding-top: 15px;
padding-left: 30px;
}

#separator {
border-top: #FF99FF solid thin;
width: 100%;
margin-bottom: 10px;
}

table.manipedimenu {
	display: inline;
}

table.manipedimenu td, th {
	padding: 2px;
}

table.manipedimenu th {
	font-weight: bold;
}

table.manipedimenu td.cellone {
	text-align: left;
}

#manipedipic, #seasonalpic, #massagepic {
padding: 10px;
margin-bottom: 10px;
width: 100%;
border-bottom: #FF99FF solid thin;
}

#manipedipic li, #seasonalpic li, #massagepic li {
display: inline;
padding-right: 10px;
}

#seasonal {
padding-bottom: 10px;
}

#seasonal p, #massage-menu p, #seriously p {
text-align: center;
}

#gel-nails-menu, #addons {
float: left;
width: 50%;
}

#gelspic {
padding-bottom: 10px;
}

#soakstaff, #soakstuff, #seriously {
padding-bottom: 20px;}

ul.bulletlist {
list-style-type:disc;
padding-bottom:10px;}

#soakstuff li, #seriously li {
padding-top:7px;
padding-bottom: 7px;}

#footer {
float: left;
text-align: center;
width: 100%;
padding-top: 1em;
}
#footer {
	font-size: smaller;
}