/* 0-0 Browser Reset */

/* 1-0 General Layout (backgrounds, dimensions, positioning) */

/* 2-0 General Styling (text alignment/colours/spacing) */

/* 3-0 Specific Styling */

	/* 3-1 Home */

	/* 3-2 Gallery */

	/* 3-3 He Said She Said */

	/* 3-4 Contact */

/* ================================================== */
/* 0-0 Browser Reset */

/* adapted from meyerweb.com */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, del, dfn, em, font, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	color: #000;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ================================================== */
/* 1-0 General Layout (backgrounds, dimensions, positioning) */

/* in order of appearance (elements then ids then classes) */

body {
	background: #282828;						/* same colour as footer background to create illusion of extended footer */
	font-size: 62.5%;							/* makes 1em roughly equal to 10px */
}
div#header {
	background: url(/images/bg_header.png) center bottom repeat-x;
	height: 100px;
}
div#header div#logo {
	background: url(/images/logo.png);
	float: left;
	height: 30px;
	position: relative;
	top: 38px;
	width: 240px;
}
div#header ul#nav {
	float: right;
}
div#header ul#nav li {
	float: left;
}
div#content {
	background: #000;
}
div#content div.inner-container {
	padding: 50px 0;							/* moves copy downward */
}
div#footer {
	background: #282828 url(/images/bg_footer.png) center top repeat-x;
	height: 100px;
}
div.inner-container {
	margin: 0 auto;
	overflow: auto;
	width: 960px;
}
div.one-half, div.one-third, div.one-fourth, div.one-fifth, div.one-sixth {
	float: left;
}
div.one-half {
	width: 480px;
}
div.one-third {
	width: 320px;
}
div.one-fourth {
	margin-right: 80px;
	width: 240px;
}
div.one-fifth {
	width: 192px;
}
div.one-sixth {
	width: 160px;
}
div.last-col {
	margin-right: -3px;							/* for IE6: fixes duplicate characters bug */
}
div.second-col {								/* to accomodate the large img in column 1 */
	margin-left: 60px;
}
div.second-col img {					/* for the creative flexibility img in the second column */
	margin-top: 60px;
	overflow:visible;
}

/* ================================================== */
/* 2-0 General Styling (text alignment/colours/spacing) */

body {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 1em ;
}
strong {
	font-weight: bold;
}
div#header ul#nav {
	line-height: 80px;
}
div#header ul#nav a {		
	color: #949494;
	display: block;
	font-size: 1.4em;
	padding: 1em;
	text-decoration: none;
}
div#header ul#nav a:hover {
	color: #fff;
	text-decoration: none;
}
body#page-home ul#nav li a.link-home, 
body#page-gall ul#nav li a.link-gall, 
body#page-prai ul#nav li a.link-prai, 
body#page-cont ul#nav li a.link-cont, 
body#page-cont-stat ul#nav li a.link-cont {	/* you-are-here links */
	color: #fff;
	font-weight: bold;
}
div#content {
	font-size: 1.3em;
}
div#content div.one-fourth {
	font-size: 1em;
}
div#content p, div#content ul {
	line-height: 1.8em;
	margin: 1em 10px;
}
div#content ul li {
	margin-left: 10px;
}

/* ================================================== */
/* 3-0 Specific Styling */

	/* ================================================== */
	/* 3-1 Home */

body#page-home div.one-fifth.photo p {
	margin-left: 0;
	margin-top: -50px; 						/* to push the img in column one up to the top */
	padding-left: 0;
}
body#page-home div.one-fifth p {
	width: 140px;
}

	/* ================================================== */
	/* 3-2 Gallery */

body#page-gall div#header {
	background: url(/images/bg_header_gal.png) center bottom repeat-x;
	height: 120px;
}
body#page-gall div#content {
	background: #fff;
	overflow: hidden;					/* careful */
}
body#page-gall div#content ul li {
	margin: 0;						/* reset general styling */
}
body#page-gall div#slideshow {
	height: 460px;
	margin: 0 auto;
	position: relative;					/* required for slider to work */
	width: 960px;
}
#slider ul, #slider li, #slider2 ul, #slider2 li {
	list-style:none;
	margin:0;
	padding:0;	
}
#slider li, #slider2 li{ 
	height: 460px;
	overflow: hidden; 
	text-align: center;
	width: 960px;
}
p#controls, p#controls2{
	margin:0;
	position:relative;
} 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	height: 60px;
	left: -50px;
	margin:0;
	overflow:hidden;
	position:absolute;
	text-indent:-8000px;		
	top: -270px;
	width: 40px;
}	
#nextBtn, #nextBtn2{ 
	left: 950px;
}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width: 40px;
	height: 60px;
	background:url(/images/arrow_prev.png) no-repeat 0 0;	
}	
#nextBtn a, #nextBtn2 a{ 
	background:url(/images/arrow_next.png) no-repeat 0 0;	
}

	/* ================================================== */
	/* 3-3 He Said She Said */

body#page-prai ul.client {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 1em 0;
}

	/* ================================================== */
	/* 3-4 Contact */

body#page-cont div#content ul {
	position: relative;
	top: 145px;
}
body#page-cont div#content ul, body#page-cont div#content ul li {
	margin-left: 0;
}
body#page-cont form {
	font-size: 1.1em;
	overflow: hidden;							/* contains any floated child elements */
	width: 400px;
}
body#page-cont form p {
	margin: 0 0 0.25em;
}
body#page-cont form p input {
	padding: 3px 0;
	width: 400px;
}
body#page-cont form p input:focus, body#page-cont form p input.sffocus {
	background: #d7d7d7;
}
body#page-cont form p label {
	color: #d7d7d7;
}
body#page-cont form p textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1.1em;
	width: 395px;							 /* width of form/inputs less width of scrollbar */
}
body#page-cont form p textarea:focus, body#page-cont form p textarea.sffocus {
	background: #d7d7d7;
}
html body#page-cont form p#submit input {
	background: #000;
	border: #d7d7d7 solid 1px;
	color: #d7d7d7;
	cursor: pointer;
	float: right;
	padding: 3px 5px;
	width: auto;
}
body#page-cont form p#submit input:active {
	border: #d7d7d7 solid 1px;
}
body#page-cont form p#submit input:focus, body#page-cont form p#submit input.sffocus {
	border: #fff solid 1px;
}