/* 	CSS Document */
/* 	kingharmsworth CSS
	Author: Sacha Harmsworth, 2008 */
	
/*	Generic
	Navigation
	Content
	Footer
*/

/*Generic
-----------------------------------*/
html, body, ul, ol, li, a {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #000 url(images/Bg.png) repeat-y top left scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	color: #fff;

}

/*text styles*/
h1 {
	text-align: left;
	font-size: 3em;
}

h1 a:link {
	color: #FFF;
	text-decoration: none;
}

h1 a:visited {
	color: #FFF;
	text-decoration: none;
}

h1 a:hover, h1 a:active {
	color: #FFF;
	text-decoration: none;
}


h2 {
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -0.1em;
}

h3 {
	font-size: medium;
	font-weight: bold;
	letter-spacing: -0.1em;
}

a:link {
	color: #FF0099;
	font-weight: bold;
	letter-spacing: -0.1em;
}

a:visited {
	color: #FF0099;
	font-weight: bold;
	letter-spacing: -0.1em;
}

a:hover, a:active {
	color: #FFFFCC;
	text-decoration: none;
		font-weight: bold;
	letter-spacing: -0.1em;
}

li {
	list-style-type: none;
}

object {
	padding: 0 10px 0 0;
	margin: 0 0 10px 0;
}

object img {
	padding: 0;
	border: 0;
	margin: 0;
}

/*text classes*/
.strikeThough {
	text-decoration: line-through;
}

.style {
	font-weight: bold;
	color: #FF0099;
	letter-spacing: -0.1em;
}

.style a:link {
	color: #FF0099;
}

.style a:visited {
	color: #FF0099;
}

.photo {
	color: #0099FF;
	font-weight: bold;
	letter-spacing: -0.1em;
}

.photo a:link {
	color: #0099FF;
}

.photo a:visited {
	color: #0099FF;
}

.design {
	font-weight: bold;
	letter-spacing: -0.1em;
	color: #FFFF00;
}

.design a:link {
	color: #FFFF00;
}

.design a:visited {
	color: #FFFF00;
}

.news {
	color: #0099FF;
}


/*Navigation
-----------------------------------*/
#Nav {
	position: fixed;
	z-index: 2;
	top: 10px;
	left: 0px;
	margin: 0;
	width: 250px;
	
}

/*Navigation CSS provided by Dave Shea from aListapart.com*/

#Navigation {
 width: 250px;
 height: 355px;
 background: url(images/Navigation.png);
 margin: 0; 
 padding: 0;
 float: left;
 position: relative;
}

#Navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
}

#Navigation a {
	display: block;
}

#home {left: 0px; top: 4px; width: 213px; height: 50px;}
#logo {left: 0px; top: 54px; width: 300px; height: 40px;}
#style {left: 0px; top: 96px; width: 213px; height: 46px;}
#photo {left: 0px; top: 142px; width: 213px; height: 42px;}
#design {left: 0px; top: 184px; width: 213px; height: 42px;}
#news {left: 0px; top: 226px; width: 213px; height: 42px;}
#contact {left: 0px; top: 268px; width: 213px; height: 42px;}
#links {left: 0px; top: 310px; width: 213px; height: 45px;}

#home a {height: 50px;}
#style a {height: 46px;}
#photo a {height: 42px;}
#design a {height: 42px;}
#news a {height: 42px;}
#contact a {height: 42px;}
#links a {height: 45px;}

#home a:hover, #home a:active {
	background: url(images/Navigation.png) 0px -354px no-repeat;
}

#home .selected {
	background: url(images/Navigation.png) 0px -354px no-repeat;
}

#style a:hover, #style a:active {
	background: url(images/Navigation.png) 0px -446px no-repeat;
}

#photo a:hover, #photo a:active {
	background: url(images/Navigation.png) 0px -492px no-repeat;
}

#design a:hover, #design a:active {
	background: url(images/Navigation.png) 0px -534px no-repeat;
}

#news a:hover, #news a:active {
	background: url(images/Navigation.png) 0px -576px no-repeat;
}

#news .selected {
	background: url(images/Navigation.png) 0px -576px no-repeat;
}

#contact a:hover, #contact a:active {
	background: url(images/Navigation.png) 0px -618px no-repeat;
}

#contact .selected {
	background: url(images/Navigation.png) 0px -618px no-repeat;
}

#links a:hover, #links a:active {
	background: url(images/Navigation.png) 0px -660px no-repeat;
}

#links .selected {
	background: url(images/Navigation.png) 0px -660px no-repeat;
}

#Navigation li .hide {
	position: absolute;
	left: -9999px; 
	width: 200px;
}



/*Content
-----------------------------------*/
#Content {
	position: relative;
	z-index: 1;
	margin: 10px 0 0 250px;
	width: 630px;

	
}

#ContentText {
	position: relative;
	z-index: 1;
	margin: 117px 0 0 250px;
	width: 630px;
}

#Content img {
	margin: 0 10px 10px 0;
}

#Content p {
	margin-right: 10px;
}


/*Classes*/
.newsimages {
	margin-bottom: 2em;
}


/*Footer
-----------------------------------*/
#Footer {
	position: relative;
	z-index: 0;
	margin: 0;
	background: url(images/FooterBg.png) no-repeat bottom left scroll;
	height: 237px;
	width: 880px;
}

#Footer p {
	padding: 8px 0 5px 0;
	margin: 50px 10px 0 0;
	color: #666;
	font-family: Chicago, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #000;
	text-align: right;
}