/* CSS Document */
#temp {
	margin-left: 280px;
	margin-bottom: 100px;
}

.update {
	font-size: 0.8em;
	font-style: italic;
	color: #666666;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(../images/sideheader_repeat.gif) left top repeat-y;
}

p {
	font-family: Verdana;
	font-size: 12px;
}

a:link, a:visited {
	text-decoration: none;
	color: #6f0f0f;
}

a:hover, a:active {
	color: #6f0f0f;
	text-decoration: underline;
}

img {
	border: none;
}

#container {
	width: 100%;
	height: 100%;
}

#content {
	width: 100%;
}

#left-header {
	background: #fff url(../images/sideheader_repeat.gif) left top repeat-y;
}

#footer {
	position: relative;
	bottom: 5px;
	margin-bottom: 5px;
	clear: both;
}

/* =left header
**************************/
#bot-img {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 258px;
	height: 135px;
	background: url(../images/footer.jpg) no-repeat;
}

#main-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 255px;
	height: 628px;
	background: url(../images/sidebar.jpg) no-repeat;
	padding-top: 145px;
}

/* =navigation
**************************/
#left-header ul.navigation {
	list-style: none;
	list-style-image: none;
	list-style-position: inside;
}

#left-header ul.navigation li {
	text-align: right;	
	margin-bottom: 5px;
}

#left-header ul.navigation li a {
	color: #FFFFFF;
	margin-right: 15px;
	font-size: 1.2em;
	font-family: Verdana;
	text-decoration: none;
}

/* --hover designs for nav*/
#left-header ul.navigation li.home a:hover {
	background: transparent url(../images/homeOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.artwork a:hover {
	background: transparent url(../images/artOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.graphics a:hover {
	background: transparent url(../images/graphicOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.web a:hover {
	background: transparent url(../images/webOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.photog a:hover {
	background: transparent url(../images/photoOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.media a:hover {
	background: transparent url(../images/mediaOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.about a:hover {
	background: transparent url(../images/aboutOver.png) no-repeat scroll right center;
	color: #fff;
}
#left-header ul.navigation li.contact a:hover {
	background: transparent url(../images/contactOver.png) no-repeat scroll right center;
	color: #fff;
}
/* --end*/
/* highlight page */
#home #left-header ul.navigation li.home a {
	background: transparent url(../images/homeOver.png) no-repeat scroll right center;
}
#art #left-header ul.navigation li.artwork a {
	background: transparent url(../images/artOver.png) no-repeat scroll right center;
}
#graphic #left-header ul.navigation li.graphics a {
	background: transparent url(../images/graphicOver.png) no-repeat scroll right center;
}
#web #left-header ul.navigation li.web a {
	background: transparent url(../images/webOver.png) no-repeat scroll right center;
}
#photog #left-header ul.navigation li.photog a {
	background: transparent url(../images/photoOver.png) no-repeat scroll right center;
}
#media #left-header ul.navigation li.media a {
	background: transparent url(../images/mediaOver.png) no-repeat scroll right center;
}
#about #left-header ul.navigation li.about a {
	background: transparent url(../images/aboutOver.png) no-repeat scroll right center;
}
#contact #left-header ul.navigation li.contact a {
	background: transparent url(../images/contactOver.png) no-repeat scroll left center;
}

/* =masthead
**************************/
#masthead h1 img{
	top: 0px;
	display: block;
	height: 151px;
	margin-left: 256px;
	margin-top: -20px;
	width: 750px;
}

#masthead h1.hidden {
	text-indent: -5000px;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

/* =footer
***************************/
#footer p {
	color:#999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 270px;
}