html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
}

/*
Nav
*/

#navBg{
	width: 100%;
	height: 86px;
	background-image: url(images/pageImages/nav/blackBar.jpg);
	background-repeat: repeat-x;
}
#nav{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#reactorLogo{
	margin-top: 13px;
}
#nav ul{
	display: inline;
	list-style-type: none;
	position: absolute;
	top: 47px;
	width: 641px;
	padding-left: 0px;
	margin-left: 0px;
	text-align: right;
	margin-top: 0px;
	padding-top: 0px;
}

#nav ul li{
	display: inline;
	margin-left: 25px;
}

#nav ul li a:link, #nav ul li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#nav ul li img{
	margin-right: 5px;
	margin-bottom: -1px;
}

/*
Content
*/			

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto;
}

html>body #container {
	height: auto;
}

#content{
	position: relative;
	width: 800px;
	height: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	padding: 0px;
}
#copyright{
	display: block;
	position: relative;
	height: 20px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*
Subnav
*/
#subnav a:link, #subnav a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
#subnav a:hover, #subnav a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: underline;
}
#subnav .line{
	padding-right: 5px;
	padding-left: 5px;
}


/*
Home Page
*/
#illustrationImage{
	z-index: 100;
	border: 1px solid #E6E6E6;
}
#illustrationBanner{
	position: absolute;
	z-index: 200;
	margin-top: -10px;
	margin-left: -10px;
}
#designImage{
	z-index: 300;
	border: 1px solid #E6E6E6;
}
#designBanner{
	position: absolute;
	z-index: 400;
	margin-top: -10px;
	margin-left: -10px;
}
.blackBox{
	background-color: #000000;
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blackBox a:link, .blackBox a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}


.blackBox a:hover, .blackBox a:active{
	text-decoration: underline;
}

/*
About
*/

#largeLogo{
	float: right;
	padding-bottom: 50px;
	padding-left: 50px;
}
.aboutText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
}

/*
Illustration
*/
#sideNav{
	position: relative;
	width: 135px;
	top: 0px;
	float: left;
	padding-right: 10px;
}

#sideNav .lg:link, #sideNav .lg:visited, .logoShowcase{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}

#sideNav .lg:hover, #sideNav .lg:active{
	text-decoration: underline;
}

.sm:link, .sm:visited, .smallText, .smallText a:link, .smallText a:visited, .logoShowcase a:link, .logoShowcase a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
	text-decoration: none;
}
.smallText a:hover, .smallText a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
	text-decoration: underline;
}
.sm:hover, .sm:active, .logoShowcase a:active, .logoShowcase a:hover{
	text-decoration: underline;
}

#sideNav img{
	margin-left: -10px;
}

#rightContent{
	top: 0px;
	left: 0px;
	width: 655px;
	float: right;
}

.thumbBorder{
	border: 1px solid #E6E6E6;
	margin-bottom: 10px;
}

/*
Artist Page
*/
#thumbs{
	width: 125px;
	display: inline;
	float: left;
}

#images{
	width: 510px;
	display: inline;
	float: right;
	text-align: center;
}

#rightThumbs{
	width: 510px;
	text-align: left;
}
.illThumbLeft{
	border: 1px solid #E6E6E6;
	margin-bottom: 15px;
	margcin-right: 15px;
	float: left;
}
.illThumbRight{
	border: 1px solid #E6E6E6;
	margin-bottom: 15px;
	float: right;
}
.productThumb{
	border: 1px solid #E6E6E6;
	margin-top: 15px;
	margin-right: 15px;
}

#largeImageSlide{
	position: absolute;
	background-color: #FFFFFF;
	display: none;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.80;
	z-index: 50;
	padding-left: auto;
	padding-right: auto;
}

#largeImage{
	position: absolute;
	background-color: #FFFFFF;
	display: none;
	width: 840px;
	top: 30px;
	z-index: 100;
}

.largeArrow{
	margin-right: 10px;
	margin-left: 10px;
}
.largeImageStyle{
	margin-top: 20px;
	margin-bottom: 40px;
	margin-right: 20px;
	margin-left: 20px;
}

.largeImageBorder{
	border: 1px solid #000000;
}


/*
Reel
*/

#largeReelSlide{
	position: absolute;
	background-color: #FFFFFF;
	display: none;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	opacity: 0.80;
	z-index: 50;
	padding-left: auto;
	padding-right: auto;
}

#largeReel{
	position: absolute;
	background-color: #FFFFFF;
	display: none;
	width: 500px;
	top: 30px;
	z-index: 100;
}
.largeReelBorder{
	border: 1px solid #000000;
}
/*
Contact
*/

#leftContact{
	top: 0px;
	left: 0px;
	width: 290px;
	float: left;
}
#rightContact{
	top: 0px;
	left: 0px;
	float: right;
}

/*
Blog
*/

#blogLeft{
	position: relative;
	width: 175px;
	height: 100px;
	top: 0px;
	float: left;
	background-color: #00FF66;
}



#blogCenter{
	top: 0px;
	left: 0px;
	width: 410px;
	height: 200px;
	float: left;
	background-color: #0000CC;
	margin-left: 20px;
}


#blogRight{
	top: 0px;
	left: 0px;
	width: 175px;
	height: 100px;
	float: right;
	background-color: #FF00FF;
}