/* single quotes cause ie5/mac to ignore the stylesheets */
/* @import isn't understood by ns4.x */
/* media type declarations (screen and print stylesheets) aren't understood by lte ie7 */
@import 'normalize.css';
@import 'typography.css';
@import 'color.css';

html {
	width: 100%;
	height: 100%;
}

body {
	position: relative;
	width: 100%;
	background-position: left top;
	background-repeat: repeat;
}

button {
	padding: 0;
	border: 0px none transparent;
}

button:hover {
	cursor: pointer;
}

.nav,
.header,
.section,
.footer {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 15px 40px 20px;
	overflow: hidden;
}

.section li {
	margin-bottom: 5px;
	padding-left: 17px;
	background-position: 0 3px;
	background-repeat: no-repeat;
}

/* nav */
	
	.nav {
		padding: 5px 40px 15px;
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	
	.nav ul {
		margin-bottom: 0;
	}
	
	.nav li {
		display: inline;
		padding-right: 20px;
	}
	
/* header */

	.headerW {
		width: 100%;
		background-position: left top;
		background-repeat: repeat;
	}

	.header {
		height: 200px;
		padding: 0 40px;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	ul#quotes {
		position: absolute;
		left: 5px;
		width: 368px;
	}
	
	ul#quotes li {
		padding-left: 18px;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	ul#quotes li.hidden {
		position: absolute;
		left: -9999em;
	}
	
	ul#quotes.innerfademod li.hidden {
		left: 0;
	}
		
	p.credit {
		text-align: right;
	}

	#about {
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	#about img { /* only shows up on about thai bodywork page */
		padding: 30px 0 0 8px;
		float: left;
	}
	
	#about button img {
		padding-top: 0;
	}
	
	#gallery li {
		display: inline;
		margin-bottom: 0;
		padding-left: 0;
	}
	
	.column {
		width: 460px;
		float: left;
	}
	
	.column.right {
		padding-left: 20px;
	}
	
/* thai bodywork (/index.php) */

	div.intro {
		float: left;
		width: 460px;
	}
	
	div.benefits {
		float: right;
		width: 300px;
	}
	
	.benefits li {
		margin-bottom: 5px;
		padding-left: 17px;
		background-position: 0 3px;
		background-repeat: no-repeat;
	}

	.detialsW {
		width: 100%;
		background-position: left top;
		background-repeat: repeat;
	}

	#details {
		background-position: left top;
		background-repeat: repeat;
	}
	
/* tamara (/about-tamra.php) */

	#tamara {
		width: 620px;
		float: left;
	}
	
	#tamara p {
		padding-right: 10px;
	}
	
	#tamara img { /* overrides #about img */
		float: right;
		margin: 10px 5px 10px 10px;
		padding: 0;
	}
	
	#communicate {
		width: 300px;
		float: right;
	}
	
	#communicate form {
		position: relative;
		overflow: hidden;
		margin-bottom: 1.2em;
	}
	
	#communicate form div {
		overflow: hidden;
		width: 100%;
	}
	
	#communicate p.feedback {
		margin-bottom: 1.6em;
	}
	
	#communicate label.positioned {
		position: absolute;
		z-index: 1000;
		left: 5px;
		top: 4px;
	}
	
	#communicate input {
		float: left;
		width: 178px;
		padding: 5px;
		margin-right: 10px;
		border-width: 1px;
		border-style: solid;
	}
		
	#communicate button {
		position: absolute;
		right: 0;
	}
	
/* footer */

	.footer {
		margin-top: -1px;
		border-top-width: 1px;
		border-style: solid;
	}

	.contact {
		width: 460px;
		float: left;
		margin-top: 0;
	}
	
	.copyright {
		width: 460px;
		float: right;
		margin-top: 0;
	}