/*	----------------------------------------------------------------
	---------------------------- Reset -----------------------------
	---------------------------------------------------------------- */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link,
a:active,
a:visited {
	color: #fff;
	text-decoration: none;
}


/*	----------------------------------------------------------------
	-------------------------- Essentials ---------------------------
	---------------------------------------------------------------- */

html {
	height: 99%;
	font-size: 62.5%;
	font-family: Tahoma, Verdana, serif;
}

body {
	color: #fff;
	background-color: #000;
	font-size: 1.1em;
	position: relative;
}

body#ashlea_penfold_makeup_artist {
	overflow-x: hidden;
	height: 96%;
}


/* -------------------------Logo Container-------------------------- */
#ap_logo {
	width: 654px;
	height: 52px;
	margin-top: 20px;
	margin-left: 30px;
}

#ap_logo h1 {
	text-indent:-9999px;
	height: 100%;
	width: 100%;
	outline: none;
	overflow: hidden;
}

#ap_logo h1 a {
	background-image: url(../img/ashlea_penfold_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	outline: none;
}


/* -------------------------Portfolio Container w/ images-------------------------- */
#portfolio_wrapper {
	height: 425px;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
}

#portfolio_left_spacing,
#portfolio_right_spacing {
	position: absolute;
	width: 0px;
	background-color: #262626;
	z-index: 990;
	top: 0;
	padding: 0;
	height: 400px;
}

#portfolio_left_spacing {
	left: 0;
}

#portfolio_right_spacing {
	right: 0;
}

#portfolio_container {
	position: relative;
	width: 98%;
	height: 1px;
	font-size: 1px;
}

#portfolio_scroll_content table {
	height: 400px;
}

#portfolio_scroll_content td {
	white-space: nowrap;
	display: inline-table;
	margin-left: 10px;
	margin-right: 10px;
}

#portfolio_scroll_content td div.image_wrapper {
	display: inline;
	position: relative;
	margin-right: 10px;
}

#portfolio_scroll_content td img.portfolio_img {
	
	height: 400px;
	position: relative;
	display: inline;
}



/* -------------------------Portfolio Scroller-------------------------- */

#portfolio_scrollbar {
	width: 100%;
	height: 15px;
}

#portfolio_scroll_handle {
	cursor: default;
}

.horizontal .knobTop{
	height: 22px;
	width: 5px;
	background-color: #afafaf;
	float: left;
	font-size: 0;
}

.horizontal .knobMiddle{
	height: 22px;
	font-size: 0;
	width: 150px;
	background-color: #afafaf;
	float: left;
}

.horizontal .knobBottom{
	height: 22px;
	font-size: 0;
	width: 5px;
	background-color: #afafaf;
	float: left;
}

.horizontal .track{
	float: left;
	background-color: #333;
	height: 22px;
}


/* -------------------------Footer Container-------------------------- */
#footer_container {
	width: 659px;
	height: 50px;
	margin-top: 20px;
	margin-left: 30px;
}

#footer_container h2 {
	text-indent:-9999px;
	height: 13px;
	width: 122px;
	outline: none;
	overflow: hidden;
	background-image: url(../img/ashlea_penfold_footer_phonenumber.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	outline: none;
}


#footer_container h3 {
	text-indent:-9999px;
	height: 20px;
	width: 199px;
	margin-top: 5px;
	outline: none;
	overflow: hidden;
}

#footer_container h3 a {
	background-image: url(../img/ashlea_penfold_footer_email.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	outline: none;
}

#footer_container h3 a:hover {
	background-position: 0px -20px;
}