@charset "utf-8";

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset  (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {	font-size:1em;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input, select, button {vertical-align: middle;}
a img {border: 0;}
table, input, select, textarea, button {font: inherit;font-size: 1em;}
	
/* END TAG RESET ------------------------------------------------*/

body {
		font:62.5%/1.5 Helvetica, Tahoma, Arial, Verdana, sans-serif;
		color:#363632;
		text-align: center;
		background: #fff;
	}
	
a img {
		border: none;
	}


	
#container {
		width: 820px;
		margin: 0 auto 0 auto;
		text-align: left;
		position: relative; /* Needed for Safari - re: vertical centre */
	}

#header {
		height: 75px;
		text-align: left;
		position: relative;
		font-size: 1.4em;
	}

#content {
		font-size: 1.3em;
		background: #fff;
		width:820px;
		border: 2px solid #afa79f;
		min-height: 550px;
	}




	
/* [+] -- HEAD -------------------------------- */

#header img {
		position: absolute;
		top: 15px;
		right: -35px;
		z-index: 2000;
	}
	
#header ul {
	padding: 50px 0 5px 0;
	}
#header li {
	float: left;
	margin-right: 20px;
	color: #afa79f;
	}



	
/* [+] -- CONTENT -------------------------------- */


#about #content, #thanks #content {
	background: url(../images/photo-baby-hoodie.jpg) no-repeat top left;
	}
#details #content {
	background: url(../images/photo-kid.jpg) no-repeat top left;
	}
#pricing #content {
	background: url(../images/photo-sleeping-baby.jpg) no-repeat top left;
	}
#contact #content {
	background: url(../images/photo-baby-back.jpg) no-repeat top left;
	}

#contact h2, #contact address {
	margin-left: 154px;
	}

/* [+] -- SIDEBAR -------------------------------- */

#side-l {
	float: left;
	background: #fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	min-height: 550px;
	width: 60%;
	}
#side-r {
	float: right;
	background: #fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	min-height: 550px;
	width: 60%;
	}
	#side-inner {
		padding: 20px;
		margin-top: 100px;
		}
		#side-inner ul {
			margin: 8px 0;
			list-style: disc;
			list-style-position: inside;
			}
		#side-inner ul.no-bullets {
			list-style: none;
			}
			#side-inner ul.no-bullets li {
			margin-bottom: 3px;
			}
			



/* [+] -- FOOT -------------------------------- */


	





/* [+] -- FORMS -------------------------------- */

fieldset {
		border: none;
		width: 400px;
		margin-top: 20px;
		border-top: 1px dotted #ccc;
		padding-top: 20px;
	}
legend {
		display: none;
	}
dd {
	margin-bottom: 3px;
	}
dt label {
		width: 11em;
		float: left;
		text-align: right;
		margin-right: 1em;
		display: block
	}
dd label {
		display: block;
		text-align: right;
		padding-right: 45px;
	}
input {
		width: 200px;
		border: 1px dotted #000;
		height: 20px;
	}

textarea {
		width: 200px;
		height: 5em;
		border: 1px dotted #000;
	}
button {
		margin: 10px 0;
		padding: 3px;
		background: 0;
		border: 1px dotted #000;	
		font-weight: bold;
	}
#content button {
		margin: 10px 42px 10px 0;
		float: right;		
	}
	
.error {
	color: #F00;
	}
input.error, textarea.error {
	border: 1px solid #F00;
	}



/* [+] -- FONTS -------------------------------- */

p {
		margin-bottom: 15px;
	}
	
h1 {
		font-size: 120s%;
		font-weight: normal;
		letter-spacing: 0.0005em;
		color: #8B7321;
		font-family: Georgia, "Trebuchet MS", Tahoma, serif;
		padding-top: 10px;
	}
	
h2 {
		font-size: 105%;
		font-weight: bold;
	}
	

h3 {	
		font-size: 105%;
		font-weight: bold;
	}
	

	
/* [+] -- LINKS -------------------------------- */

a {
		color: #afa79f;
	}

a:link {
		color: #afa79f;
		text-decoration: none;
	}
a:visited {
		text-decoration: none;
	}
a:hover {
		color: #afa79f;
		text-decoration: underline;
	}
a:active {
		text-decoration: none;
	}
	
#header a:hover, #header a.active {
	text-decoration: none;
	border-bottom: 1px dotted #afa79f;
	}
#content a {
	text-decoration: none;
	border-bottom: 1px dotted #afa79f;
	}


/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
	
.top {
		text-align: right;
		margin: 20px 0;
	}
.top span {
		font-size: 70%;
	}
		
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}


.emphasis {
	border: 1px dotted #a78a76;
	padding: 10px;
	margin: 15px 0;
	}
	.emphasis p {
		margin: 0;
	}