/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, i, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* end reset */

/* YUI */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
	/* For breathing room between content and viewport. */
	margin:10px;
}

h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
/* end YUI */

body {
	background-color: #f9f9f3;
	background-image: url('/images/background.png');
	margin: 30px;
	font-family: 'Arial', sans-serif;
	font-size: 0.8em;
	text-align: center;
}

#container {
	width: 949px;
	margin: 0 auto;
	padding: 24px;
	text-align: left;
	background-color: white;
	height: 815px;

}

#header {
	background-color: white;
	width: 100%;
	height: 128px;
	padding: 0px;
}

* html #header {
	width: 938px;
}

#subheader {
	text-align: center;
	height: 128px;
	display: block;
	padding: 0px;
	margin: 0;
}

hr {
	height: 5px;
	background-color: #a52816;
	color: #a52816;
	border: 0;
	width: 950px;
	margin: 8px 0 8px 0;
	padding: 0;
}

* html hr {
	margin: 0;
}
a {
	color: #a52816;
}

#subheader h1 {
	display: none;
}

#nav {
	margin: 9px 0;
	padding: 0;
	background-color: white;
	width: 950px;
	height: 43px;
	color: #9d9d9d;
}

* html #nav {
	margin: 7px 0;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#nav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	height: 30px;
}

#nav a {
	height: auto;
	color: #9d9d9d;
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 7px 48px 23px 12px;
	border: 0;
}

#nav a:hover {
	text-decoration: underline;
}

#nav a.active {
	text-decoration: none;
	color: #a52816;
}

#footer {
	color: #b74c42;
	text-align: center;
	margin: 10px;
}

.clear {
	display: block;
	clear: both;
	}

#sidebar {
	background-color: white;
	width: 160px;
	float: left;
	height: auto;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#sidebar li {
	display: block;
	margin: 0;
	padding: 0;
}

#sidebar a {
	color: #9d9d9d;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 12px 0px 20px 12px;
	border: 0;
}

#sidebar a:hover, #sidebar a.active {
	text-decoration: underline;
}
#sidebar a.active {
	text-decoration: none;
	color: #a52816;
}

* html #sidebar a {
	padding: 12px 0px 20px 12px;
	margin-bottom: -2px;
	height: 45px;
}

#content {
	width: 950px;
}
/*
most of the following hovering div stuff is adapted from lightbox2
http://www.huddletogether.com/projects/lightbox2/

credit where credit is due - amazing css :-)
*/
#images {
	position: relative;
	display: block;
	width: 780px;
	margin-left: 10px;
	padding: 0;
	float: left;
	left: 0;
	background-color: transparent;
	color: white;
	text-align: center;
}
#images #image {
	margin-bottom: 12px;
	}
#images #hovernav a {
	outline: none;
	}
#images #hovernav {
	position: absolute;
	top: 0;
	left: 0; 
	height: 530px;
	width: 100%;
	z-index: 10;
	}
#images>#hovernav {
	left: 0;
	}
#images .last, #images .next {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
	display: block;
	}
#images .last {
	float: left;
	left: 0;
	}
#images .next {
	float: right;
	right: 0;
	}

#images .last:hover {
	background: url('/images/prevlabel.gif') left 45px no-repeat;
	}
#images .next:hover {
	background: url('/images/nextlabel.gif') right 45px no-repeat;
	}
#images #image {
	}

#metadata {
	width: 718px;
	padding: 16px;
	border: 16px solid white;
	float: right;
	background-color: #a52816;
	text-align: left;
	color: #b74c42;
}
* html #metadata {
	width: 780px;
	}

#page {
	background-color: white;
	padding: 16px;
	}
#page, #metadata {
	line-height: 1.2em;
}
.contactbox {
	width: 49%;
	float: left;
	}

.contactbox td, .contactbox th {
	border: 0;
	}

.contactbox th {
	text-align: right;
	}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	color: red;
}


#home_image {
	width: 950px;
	height: 500px;
}
.home_image {
	background-image: url('/images/BACKGROUND1.jpg');
	}

.home_image_home {
	background-image: url('/images/WELCOME.jpg');
	}

.home_image_retouching {
	background-image: url('/images/RETOUCHING.jpg');
	}

.home_image_blog {
	background-image: url('/images/BLOG.jpg');
	}

.home_image_fashion {
	background-image: url('/images/FASHION.jpg');
	}

.home_image_design {
	background-image: url('/images/DESIGN.jpg');
	}

.home_image_contact {
	background-image: url('/images/CONTACT.jpg');
	}

.home_image_about {
	background-image: url('/images/ABOUT.jpg');
	}

.home_image_weddings {
	background-image: url('/images/WEDDINGS.jpg');
	}