@charset "UTF-8";
/* CSS Document */

/* Index-Home Page*/
#lineworknav-container {
	position:absolute;
	top:201px;
	border:none;
	width:262px;
	height: 46px;
	left: 23px;
}

#lineworkpic-container {
	position:absolute;
	top:53px;
	border:none;
	width:228px;
	height: 132px;
	left: 40px;
}

#colornav-container {
	position:absolute;
	top:201px;
	border:none;
	width:262px;
	height: 46px;
	left: 333px;
}

#colorpic-container {
	position:absolute;
	top:53px;
	border:none;
	width:228px;
	height: 132px;
	left: 348px;
}

#tonenav-container {
	position:absolute;
	top:201px;
	border:none;
	width:262px;
	height: 46px;
	left: 629px;
}

#tonepic-container {
	position:absolute;
	top:53px;
	border:none;
	width:228px;
	height: 132px;
	left: 643px;
}

#finishednav-container {
	position:absolute;
	top:430px;
	border:none;
	width:262px;
	height: 46px;
	left: 24px;
}

#finishedpic-container {
	position:absolute;
	top:281px;
	border:none;
	width:228px;
	height: 132px;
	left: 40px;
}

#personalnav-container {
	position:absolute;
	top:430px;
	border:none;
	width:262px;
	height: 46px;
	left: 333px;
}

#personalpic-container {
	position:absolute;
	top:281px;
	border:none;
	width:228px;
	height: 132px;
	left: 348px;
}

#linksnav-container {
	position:absolute;
	top:430px;
	border:none;
	width:262px;
	height: 46px;
	left: 629px;
}

#linkspic-container {
	position:absolute;
	top:281px;
	border:none;
	width:228px;
	height: 132px;
	left: 643px;
}

#contact-container {
	position:absolute;
	top:596px;
	border:none;
	width:603px;
	height: 34px;
	left: 161px;
}
#mycontactsprite {
	width:603px;
	height:34px;
	margin:0;
	padding:0;
	background-image:url(images/contactsprite.png);
	background-repeat: none;
	background-position: top left;
}

#mycontactsprite span {
	display: none;
}

#mycontactsprite li, #mycontactsprite a {
	height:34px;
	display:block;
}

#mycontactsprite li {
	float:left;
	list-style:none;
	display:inline;
}

#contact1 {
	width:603px;
}
#contact1 a:hover, #contact1 a:focus {
	width:603px;
	background-image: url(images/contactsprite.png);
	background-position:0px -34px;
	background-repeat:no-repeat;
}


/* Navigation Bar/ Sprite Nav */
#navcontainer{
	position:absolute;
	top:600px;
	border:none;
	width:910px;
}

#myNavigation {
	width:910px;
	height:40px;
	margin:0;
	padding:0;
	background-image:url(images/navigation2.gif);
	background-repeat: none;
	background-position: top left;
}

#myNavigation span {
	display: none;
}

#myNavigation li, #myNavigation a {
	height:40px;
	display:block;
}

#myNavigation li {
	float:left;
	list-style:none;
	display:inline;
}

#nav1 {
	width:169px;
}

#nav2 {
	width:130px;
}

#nav3 {
	width:85px;
}

#nav4 {
	width:81px;
}

#nav5 {
	width:166px;
}

#nav6 {
	width:118px;
}

#nav7 {
	width:161px;
}

#nav1 a:hover, #nav1 a:focus {
	width:169px;
	background-image: url(images/navigation2.gif);
	background-position:0px -40px;
	background-repeat:no-repeat;
}

#nav2 a:hover, #nav2 a:focus {
	width:130px;
	background-image: url(images/navigation2.gif);
	background-position:-169px -40px;
	background-repeat:no-repeat;
}

#nav3 a:hover, #nav3 a:focus {
	width:85px;
	background-image: url(images/navigation2.gif);
	background-position:-299px -40px;
	background-repeat:no-repeat;
}

#nav4 a:hover, #nav4 a:focus {
	width:81px;
	background-image: url(images/navigation2.gif);
	background-position:-384px -40px;
	background-repeat:no-repeat;
}

#nav5 a:hover, #nav5 a:focus {
	width:166px;
	background-image: url(images/navigation2.gif);
	background-position:-465px -40px;
	background-repeat:no-repeat;
}

#nav6 a:hover, #nav6 a:focus {
	width:118px;
	background-image: url(images/navigation2.gif);
	background-position:-631px -40px;
	background-repeat:no-repeat;
}

#nav7 a:hover, #nav7 a:focus {
	width:161px;
	background-image: url(images/navigation2.gif);
	background-position:-749px -40px;
	background-repeat:no-repeat;
}

/* Body */
body {
	background-color: #000000;
}

#body-container {
	position:relative;
	width:910px;
	height:680px;
	background-color:#000000;
	text-align:left;
	margin: 0 auto;
	padding:0;
	z-index:0;
}

#name-container {
	/* for logo */
	position:absolute;
	top:519px;
	border:none;
	width:780px;
	height: 75px;
	left: 68px;
}

#copyright-container {
	width:250px;
	position:absolute;
	top:640px;
	color:#000000;
	left: 341px;
}

/* Content Management */
#manager-container {
	/* for spry accordian */
	position: absolute;
	top:0px;
	left:0px;
	width:874px;
	height:532px;
	text-align:right;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	z-index: 3;
}

#form-container {
	/* for all add & edit forms, also for contact form */
	position:absolute;
	top:65px;
	width:567px;
	height:371px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	left: 306px;
	z-index:2;
}

#text2-container {
	position: absolute;
	top:86px;
	left:61px;
	width:245px;
	height:100px;
	background-color:#000000;
	text-align:left;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;	
}

/* text */
#text-container {
	position: absolute;
	top:86px;
	left:61px;
	width:222px;
	height:100px;
	background-color:#000000;
	text-align:right;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
}

#biotext-container {
	position:absolute;
	top:92px;
	width:548px;
	height:298px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align:left;
	background-color:#000000;
	left: 0px;
	z-index:2;
}

#blogtext-container {
	position:absolute;
	top:156px;
	width:247px;
	height:215px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	background-color:#000000;
	left: 171px;
	z-index:2;
}

.scroll-container {
	/* for links */
	width: 275px;
	height: 170px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	overflow: auto;
	background-color: #333333;
}
#links-container {
	/* for large portfolio image */
	background-image:url(images/redbar.jpg);
	position:absolute;
	top:65px;
	width:567px;
	height:371px;
	background-color:#000000;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align:left;
	left: 307px;
	z-index:1;
}
/* Images */
#image-container {
	/* for large portfolio image */
	background-image:url(images/redbar.jpg);
	position:absolute;
	top:65px;
	width:567px;
	height:371px;
	background-color:#000000;
	color:#FC3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align:center;
	left: 307px;
	z-index:1;
}

#thumb1-container {
	position:absolute;
	top:200px;
	width:100px;
	height:60px;
	background-color:#000000;
	color:#FFFFFF;
	left: 60px;
}

#thumb2-container {
	position:absolute;
	top:200px;
	width:100px;
	height:60px;
	background-color:#000000;
	color:#FFFFFF;
	left: 182px;
}

#thumb3-container {
	position:absolute;
	top:276px;
	width:100px;
	height:60px;
	background-color:#000000;
	color:#FFFFFF;
	left: 60px;
}

#thumb3text-container {
	position:absolute;
	top:0px;
	width:102px;
	height:60px;
	color:#FFFFFF;
	left: 0px;
	z-index:2;
}

#thumb4-container {
	position:absolute;
	top:276px;
	width:100px;
	height:60px;
	background-color:#000000;
	color:#FFFFFF;
	left: 182px;
}

#thumb4text-container {
	position:absolute;
	top:276px;
	width:100px;
	height:60px;
	color:#FFFFFF;
	left: 182px;
	z-index:2;
}

#thumb5-container {
	position:absolute;
	top:351px;
	width:100px;
	height:60px;
	background-color:#000000;
	color:#FFFFFF;
	left: 61px;
}

#thumb5text-container {
	position:absolute;
	top:351px;
	width:100px;
	height:60px;
	color:#FFFFFF;
	left: 61px;
	z-index:2;
}

#thumb6-container {
	position:absolute;
	top:351px;
	width:100px;
	height:60px;
	background-color:#000000;
	color:#FFFFFF;
	left: 183px;
}
#thumb6text-container {
	position:absolute;
	top:351px;
	width:100px;
	height:60px;
	color:#FFFFFF;
	left: 183px;
	z-index:2;
}
#sketchbookthumb-container {
	position: absolute;
	top:65px;
	left:61px;
	width:250px;
	height:196px;
	/*background-color:#F00;*/
	text-align:right;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	z-index:5;
}
#sketchbookimage-container {
	/* for large sketchbook image */
	position:absolute;
	top:65px;
	width:567px;
	height:371px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align:center;
	left: 307px;
	z-index:2;
}
#recordset-nav {
	position:absolute;
	top:438px;
	width:567px;
	height:20px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align:center;
	left: 307px;
	z-index:2;
	}
#shop-announcement {
	position: absolute;
	top:65px;
	left:61px;
	width:222px;
	height:121px;
	text-align:left;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
}
.scrollArea {
	width: 567px;
	height: 371px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	float: left;
	overflow: auto;
	/*background-color: #000;
	color:#CCCCCC;*/
}

/*.highlightcolor {
	color:#FF0000;
}*/
#blog-announcement {
	position: absolute;
	top:65px;
	left:61px;
	width:222px;
	height:121px;
	text-align:left;
	color:#FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
}
#body-container #shop-announcement strong {
	color: #FC0;
}