/* CSS styles for Victoria Tiplady Freelance Makeup Artist */
/* coded by DJENAN KOZIC :: 6/12/2007 */

/* ------ THE BASICS ------ */


* { margin:0; padding:0; }

body { background-color:#000; }

p {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

ol {}
ul {}
li {}

a, a:hover, a:active, a img, a, a:hover img, a:active img { outline:none; border:none; }
a {}
a:hover {}
a:active {}


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


#header {
	position:relative;
	margin:0 auto;
	width:;
	height:;
	}

h1.logo {
	position:absolute;
	top:24px;
	left:26px;
	}
a.logo {
	display:block;
	background:transparent url('images/logo.gif') no-repeat top left;
	text-indent:-5000em;
	width:339px;
	height:76px;
	}


/* ------ NAVIGAITON ------ */


#navigation {
	position:absolute;
	top:132px;
	width:;
	margin:0 0 0 26px;
	}

	#navigation ul { list-style:none; margin:0; padding:0;}
	#navigation li { display:inline; margin:0; padding:0;}
		#navigation li a { background-image:url('images/nav.gif'); float:left; height:0; padding-top:13px; overflow:hidden; margin-right:5px; padding-right:5px; border-right:1px solid #2D2B24}

		#navigation li#nav-1 a { background-position:0 0; width:34px; }
		#navigation li#nav-1 a:hover { background-position:0 -13px; }

		#navigation li#nav-2 a { background-position:-46px 0; width:59px; }
		#navigation li#nav-2 a:hover { background-position:-46px -13px; }

		#navigation li#nav-3 a { background-position:-117px 0; width:48px; }
		#navigation li#nav-3 a:hover { background-position:-117px -13px; }

		#navigation li#nav-4 a { background-position:-177px 0; width:54px; }
		#navigation li#nav-4 a:hover { background-position:-177px -13px; }

		#navigation li#nav-5 a { background-position:-242px 0; width:70px; margin-right:0; padding-right:0; border-right:none; }
		#navigation li#nav-5 a:hover { background-position:-242px -13px; }


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


#contentwrapper {
	position:relative;
	width:900px;
	height:650px;
	margin:40px auto 0 auto;
	}

div.content {
	position:absolute;
	top:0;
	right:0;
	width:392px;
	height:650px;
	background-color:#615C4A;
	}
	
	div.text {
		position:absolute;
		left:26px;
		top:170px;
		width:340px;
		height:454px;
		overflow:auto;
		}
		div.text p {
			color:#fde4d6;
			font:normal 11px "Trebuchet MS", Verdana, Verdana, Arial, sans-serif;
			line-height:1.6em;
			padding-bottom:1.2em;
			padding-right:10px;
			}

		div.text h1 {}
		div.text h2 {
			color:#F7C59D;
			font:bold 13px "Trebuchet MS", Verdana, Verdana, Arial, sans-serif;
			line-height:1.6em;
			padding-bottom:0.8em;
			padding-right:10px;
			}
		div.text h3 {
			color:#fde4d6;
			font:bold 12px "Trebuchet MS", Verdana, Verdana, Arial, sans-serif;
			line-height:1.6em;
			padding-bottom:0.8em;
			padding-right:10px;
			}
		div.text h4 {}
		div.text h5 {}
		div.text h6 {}

		div.text ol, div.text ul {
			padding-bottom:1.2em;
			margin-left:15px;
			}
		div.text li {
			color:#fde4d6;
			font:normal 11px "Trebuchet MS", Verdana, Verdana, Arial, sans-serif;
			line-height:1.6em;
			}

		div.text a {
			color:#F7C59D;
			text-decoration:underline;
			}
		div.text a:hover {
			text-decoration:none;
			}
		div.text a:active {}
		
	
div.images {
	position:absolute;
	background-color:#5A4B40;
	top:0;
	left:0;
	width:507px;
	height:650px;
	}

	div.images img {
		position:absolute;
		background-color:#000;
		top:26px;
		left:26px;
		width:455px;
		height:598px;
		border:none;
	}

div.clear { clear:both; }


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


#footer {
	position:relative;
	width:900px;
	margin:20px auto 0 auto;
	}

	#footer p {
		color:#9c9783;
		font:12px normal "Skia", Verdana, Helvetica, Arial, sans-serif;
		text-align:center;
		}

	#footer a {
		color:#f6c79e;
		text-decoration:underline;
		}
	#footer a:hover {
		text-decoration:none;
		}
	#footer a:active {}

p.copyright {
	float:left;
	margin:15px 0 0 25px;
	}
p.credit {
	float:right;
	margin:15px 25px 0 0;
	}