html {
	background: #fbc9bf;
}

body {
	margin: 0;
	padding: 0;
	font-size: 75%;
	font-family: verdana, "Lucida Grande", arial, helvetica, sans-serif;
	background: #fff;
	color: #111;
}

#header {
	background: #fbc9bf url(paul-hawley-london-dressmaking.png) no-repeat left bottom;
	height: 100px;
}

#header img {
	width: 100px;
	padding: 0 100px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

ul {
	list-style-type: square;
}

h1 {
	text-indent: -3000em;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#content {
	background: #fff;
	color: #111;
	border-top: 1px solid #000;
	margin: 0;
	position: relative;
	padding: 0 50px 20px 50px;
	height: 500px;
}

#content-rightpad {
	background: #fff;
	color: #111;
	border-top: 1px solid #000;
	margin: 0;
	position: relative;
	padding: 0 330px 20px 50px;
	height: 500px;
}

#content-design {
	background: #fff;
	color: #111;
	border-top: 1px solid #000;
	margin: 0;
	position: relative;
	padding: 0 460px 20px 50px;
	height: 500px;
}

html>body #content {
	min-height: 500px;
	height: auto;
}

html>body #content-rightpad {
	min-height: 500px;
	height: auto;
}

html>body #content-design {
	min-height: 500px;
	height: auto;
}

#content a, #content-rightpad a, #content-design a {
	text-decoration: none;
}

#content a:link, #content-rightpad a:link, #content-design a:link {
	color: 	#0F337F;
}

#content a:visited, #content-rightpad a:visited, #content-design a:visited {
	color: #4164AF;
}

#content a:hover, #content-rightpad a:hover, #content-design a:hover {
	color: #000;
}

#footer a {
	font-weight: bold;
}

#footer a:link, #footer a:visited {
	color: #000;
	background-color: #FBC9BF;
}

#nav {
	width: 90%;
	position: absolute;
	top: 40px;
	right: 50px;
	z-index: 99;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
	text-align: right;
	display: inline;
	background: #fbc9bf;
	color: #000;
}

#nav li a {
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em 0.2em;
}

#nav ul li a:link, #nav ul li a:visited {
	background: #fbc9bf;
	color: #000;
}

#nav ul li a:hover {
	background: #fff;
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#footer {
	clear: left;
	background: #fbc9bf;
	border-top: 1px solid #000;
	color: #111;
	text-align: right;
	padding: 0.5em 50px 2em 50px;
	font-size: 0.9em;
}

h2 {
	margin-top: 1.5em;
	font-weight: normal;
	font-size: 1.8em;
}

#content p, #content li, #content-rightpad p, #content-rightpad li, #content-design p, #content-design li {
	line-height: 1.6;
}

a img {
	border: none;
}

.clearing {
	clear: left;
}

.onlineshop {
    font-weight: bold;
    clear: both;
	padding-top: 1em;
}

/* -------------- TOP LEVEL DESIGN PAGE -------------- */

img.group-drawing {
	position: absolute;
	top: 50px;
	right: 50px;
	width: 360px;
}

/* ----------------- DESIGN SUB PAGES ----------------- */

#design-examples {
	width: 720px;
	margin: 0 auto;
}

#thumbs {
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}

ul.designs {
	width: 300px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.designs li {
	float: left;
	width: 65px;
	margin: 0 4px 10px 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	border: 1px solid #000;
}

ul.designs li img {
	border: none;
}

img.design-large {
	display: block;
	width: 360px;
}

/* ----------------- ARCHIVE PAGES ----------------- */

#archve-list {
	width: 230px;
	float: left;
	height: 400px;
	overflow: auto;
}

#archve-list h3 {
	margin-top: 0;
	padding-top: 0;
}

#archve-design {
	padding: 0 0 0 260px;
	max-width: 650px;
}

#archve-design img {
	width: 280px;
	float: right;
	margin: 0 0 10px 10px;
}

/* ----------------- HOME PAGE ----------------- */

#splash {
	width: 755px;
	margin: 30px auto 0 auto;
}

a#splash-burgundy {
	width: 246px;
	text-align: center;
	padding: 350px 0 0 0;
	display: block;
	float: left;
	margin: 0 7px 30px 7px;
	background-image: url(images/splash-burgandy-jacket.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

a#splash-burgundy:link, a#splash-burgundy:visited {
	background-position: 0px 0px;
}

a#splash-burgundy:hover {
	background-position: -296px 0px;
}

a#splash-tippi {
	width: 200px;
	text-align: center;
	padding: 350px 0 0 0;
	display: block;
	float: left;
	margin: 0 7px 30px 7px;
	background-image: url(images/splash-tippi-hedren-suit.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

a#splash-tippi:link, a#splash-tippi:visited {
	background-position: 0px 0px;
}

a#splash-tippi:hover {
	background-position: -250px 0px;
}

a#splash-orange {
	width: 246px;
	text-align: center;
	padding: 350px 0 0 0;
	display: block;
	float: left;
	margin: 0 7px 30px 7px;
	background-image: url(images/splash-orange-jacket.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

a#splash-orange:link, a#splash-orange:visited {
	background-position: 0px 0px;
}

a#splash-orange:hover {
	background-position: -296px 0px;
}


/* ----------------- PROFILE PAGE ----------------- */

img.picright {
	position: absolute;
	right: 0;
	top: 0;
	width: 280px;
}

/* ----------------- PINK DRESS PAGES ----------------- */

img.picright141 {
	position: absolute;
	right: 0;
	top: 20px;
	padding: 0 69px;
	width: 141px;
}

/* ----------------- HOW I WORK PAGE ----------------- */

.process-w, .process-n {
	float: left;
	text-align: center;
	margin: 10px 10px 20px 10px;
}

.process-w {
	width: 279px;
}

.process-n {
	width: 193px;
}

.process-w img, .process-n img {
	margin-bottom: 10px;
}

/* ----------------- iBOX PAGES ----------------- */

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #fbc9bf;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	padding:10px;
	border:1px solid #fbc9bf;
	width:300px;
	height:300px;
	background-color:#fff;
	padding-bottom:50px;
	margin:0;
}

#ibox_content {
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #111;
	padding:2px;
}

#ibox_footer_wrapper {
	position:relative;padding:0;margin:0;top:0px;left:0px;
}

#ibox_footer {
	background-color:#FFFFFF;
}