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, li,
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: "" "";
}

body {background: #1a1a1a; text-align: center; margin-top: 20px;  color: #eee; height: 95%;  font-size: 0.9em; font-family: Helvetica, Arial, Sans-Serif;}

html {height: 95%;}

.container {margin: 0 auto; width: 95%; height: 100%; background: #1a1a1a; text-align: left;}

.content {height: 90%; padding: 20px; background: #000; z-index: 2; clear: both;}

body.contact, body.about {height: 100%;}

body.contact .container, body.about .container {height: 45em;}

body.edit_contact_details .container, body.add_client .container {height: 60em;}

body.client_slideshow_form .container {height: 90em;}

body.contact .content, body.about content {height: 100%; padding-bottom: 75px;}

.content p {line-height: 1.5em; margin: 0.5em 0;}

h2, h3 {font-family: Georgia; font-variant: small-caps; color: #b09c69; border-bottom: 1px solid #b09c69; margin: 0.25em 0 0.5em 0; font-size: 1em; letter-spacing: 0.1em;}

h3 {margin-top: 1.25em;}

a {color: #eee; text-decoration: underline;}

a:hover {text-decoration: underline; color: #b09c69;}

.clear {clear:both;}

/* ---------------- HEADER --------------- */

#header {width: 100%;}

h1 {text-indent: -9999px; position: relative; z-index: 20;}

h1 a {display: block; background: url(../images/title_bg5.png) no-repeat; width: 220px; height: 24px; margin-left: 17px; float: left; margin-bottom: -6px;}

#header ul {font-family: Georgia; font-variant: small-caps; letter-spacing: 0.1em; position: relative; top: 4px; float: right; margin-right: 12px; }

#header ul li {float: left; margin-left: 10px; padding-top: 1px;}

#header ul li a {color: #b09c69; text-decoration: none;}

#header ul li a:hover {color: #fff; text-decoration: none;}

body.portraits #header ul li.portraits_link a {color: #fff;}

body.weddings #header ul li.weddings_link a {color: #fff;}

body.fashion #header ul li.fashion_link a {color: #fff;}

body.personal #header ul li.personal_link a {color: #fff;}

body.about #header ul li.about_link a {color: #fff;}

body.contact #header ul li.contact_link a {color: #fff;}



/* ---------------- CONTENT--------------- */


/* ---------------- ABOUT PAGE --------------- */

div.about_details {float: left; width: 50%; }

div.client_list {float: right; width: 40%;}

div.client_list ul {margin-left: 13px; padding-bottom: 0.25em;}

div.client_list ul li {line-height: 1.5em; list-style: disc;}

p.swpp {background: url(http://www.khaisangphotography.com/images/swpp.png) no-repeat right 8px; padding-right: 80px;}


/* ---------------- CONTACT PAGE --------------- */

div.contact_form {float: left; width: 50%; }

div.contact_details {float: right; width: 40%;}

div.vcard {line-height: 1.5em; margin-bottom: 0.5em;}

/* form styles */

form {
	text-align: left;
	padding-bottom: 20px;
	clear: both;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
}

form label {
	display: block;
	line-height: 1.5em;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

fieldset.details input, fieldset.details textarea {
	border: none;
	border: 1px solid #b09c69;
	padding: 0.5em;
	width: 350px;
	color: #eee;
	background: #1a1a1a;
	font-size: 1em;
}

form label.field-zip {
	float: left;
	width: 80px;
}

textarea {
	display: block;
}

form textarea {
	margin-top: 3px;
}

fieldset.about_edit textarea, fieldset.about_edit input {
	font-family: Helvetica, Arial, Sans-Serif; width: 100%;
}


/* ---------------- CLIENT AREA --------------- */

ul.client_menu li {float: left; margin-right: 20px; margin-bottom: 30px; margin-top: 10px; font-family: Georgia; font-variant: small-caps;}

ul.client_menu li a {color: #b09c69; text-decoration: none;}

ul.client_menu li a:hover {color: #fff;}

body.edit_contact_details ul.client_menu li.edit_contact_link a {color: #fff;}

body.edit_about_details ul.client_menu li.edit_about_link a {color: #fff;}

body.upload ul.client_menu li.upload_link a {color: #fff;}

body.add_client ul.client_menu li.add_client_link a {color: #fff;}

div.about_preview {float: right; width: 50%; }

div.about_entry_form {float: left; width: 45%;}

div.client_slideshow {float: left; width: 50%;}

div.email_client_details {float: right; width: 45%;}

div.client_slideshow2 {}

div.email_client_form {clear: both;}





/* ---------------- FOOTER --------------- */

#footer p {font-size: 0.7em; font-variant: small-caps; margin-top: 2px; text-align: right; margin-right: 10px; color: #333; }