body {
	color: #56555D;
	line-height: 130%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: left;
	background-color: black;
}

div#wrapper {
	z-index: 1;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: -30px;
	text-align: left;
	width: 1100px;
}

div#header {
	background-image: url(images/bghead.jpg);
	height: 172px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

div#left_panel {
	background-image: url(images/bgleft.jpg);
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	height: 728px;
	width: 245px;
}


div#right_panel {
	background-image: url(images/bgright.jpg);
	position: relative;
	float: right;
	padding: 0px;
	margin: 0px;
	height: 728px;
	width: 242px;
}

div#main_content {
	bottom: auto;
	z-index: 2;
	padding: 0px;
	position: relative;
	float: left;
	margin: 0px;
	width: 613px;
}

div#main_content p {
	padding-right: 10px;
	padding-left: 15px;
}

blockquote p
    {    
    line-height: 130%;    
    font-style: italic;    
    font-size: 85%;    
    padding: 10px;    
    float: left;
    background: url(images/quote_down.jpg) bottom right no-repeat;
}

blockquote
    {    
    top: -10px;    
    position: relative;    
    padding: 5px;    
    float: left;    
    background: url(images/quote_up.jpg) top left no-repeat;
}

cite
    {    
	font-size: 75%;    
	padding-left: 10px;    
}  

div#slate {
	top: auto;
	position: relative;
	z-index: 2;
	float: left;
	margin-top: 0px;
	bottom: 0px;
	background-image: url(images/slate.jpg);
	background-repeat: no-repeat;
	height: 320px;
	width: 613px;
}

div#services {
	background-position: 0 3px;
	background-image: url(images/services.png);
	background-repeat: no-repeat;
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 320px;
}

div#services h3 {
text-indent: -9999px;
}

div#services ul {
	line-height: 150%;
	margin-top: 30px;
	color: #cccccc;
	margin-left: -10px;
	font-style: italic;
	font-weight: bold;
}

div#services p {
	margin-top: 30px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
}

div#services a {
	margin-top: 5px;
	margin-right: 0px;
	float: right;
}

div#coming_soon {
	position: relative;
	float: right;
	top: -25px;
	z-index: 4;
	background-position: 0;
	width: 256px;
	height: 353px;
	right: 0px;
	background-repeat: no-repeat;
	background-image: url(images/comingsoon.png);
}

div#coming_soon h3 {
text-indent: -9999px;
}

div#coming_soon li {
	margin-top: 20px;
	background-position: 0;
	line-height: 50px;
	text-indent: -9999px;
	list-style-type: none
}

div#left_panel p {
	top: 708px;
	bottom: auto;
	padding: 0px;
	margin: 0px;
	text-align: center;
	color: #333333;
	position: relative;
}

div#left_panel a {
	text-decoration: none;
	color: #666666;
}

div#about_footer {
	float: left;
	bottom: 0px;
	position: relative;
	height: 117px;
	width: 613px;
	background-image: url(images/slate_about.jpg);
	background-repeat: no-repeat;
}

div#gallery_footer {
	float: left;
	bottom: 0px;
	position: relative;
	height: 117px;
	width: 613px;
	background-image: url(images/slate_gallery.jpg);
	background-repeat: no-repeat;
	}

#body_select h3 {
	top: 170px;
	text-align: center;
	position: relative;
	right: auto;
	left: auto;
	height: 470px;
}

div#thumbnails {
	top: 170px;
	text-align: center;
	position: relative;
	right: auto;
	left: auto;
	height: 470px;
}

#thumbnails img {
	border-style: none;
}


#about img {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 20px;
	float: right;
}


/*default*/

#nav {
float: left;
width: 613px;
height: 30px;
position: relative;
background: url(images/navmatrix.jpg);
margin: 0;
padding: 0;
}

#nav li {
float: left;
list-style-type: none
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 30px;
background: url(images/navmatrix.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/

li#nav_home a {
left: 0;
width: 122px;
background-position:0 0;
}

li#nav_blog a {
left: 122px;
width: 122px;
background-position:-122px 0;
}

li#nav_gallery a {
left: 244px;
width: 122px;
background-position:-244px 0;
}

li#nav_about a {
left: 366px;
width: 122px;
background-position:-366px 0;
}

li#nav_contact a {
left: 488px;
width: 125px;
background-position:-488px 0;
}

/*hover state*/

li#nav_home a:hover {
background-position:0 -30px;
}

li#nav_blog a:hover {
background-position:-122px -30px;
}

li#nav_gallery a:hover {
background-position:-244px -30px;
}

li#nav_about a:hover {
background-position:-366px -30px;
}

li#nav_contact a:hover {
background-position:-488px -30px;
}

/*active state*/

li#nav_home a:active {
background-position:0 -60px;
}

li#nav_blog a:active {
background-position:-122px -60px;
}

li#nav_gallery a:active {
background-position:-244px -60px;
}

li#nav_about a:active {
background-position:-366px -60px;
}

li#nav_contact a:active {
background-position:-488px -60px;
}


/*default*/

#gallery_icons {
margin-bottom: 40px;
left: 38px;
float: left;
width: 536px;
height: 107px;
position: relative;
background: url(images/icon_matrix.jpg);
padding: 0;
}

#gallery_icons li {
float: left;
list-style-type: none
}

#gallery_icons li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 107px;
background: url(images/icon_matrix.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/

li#gallery_print a {
left: 0;
width: 103px;
background-position:0 0;
}

li#gallery_apparel a {
left: 143px;
width: 125px;
background-position:-143px 0;
}

li#gallery_web a {
left: 308px;
width: 89px;
background-position:-308px 0;
}

li#gallery_beyond a {
left: 437px;
width: 99px;
background-position:-437px 0;
}

/*hover state*/

li#gallery_print a:hover {
background-position:0 -107px;
}

li#gallery_apparel a:hover {
background-position:-143px -107px;
}

li#gallery_web a:hover {
background-position:-308px -107px;
}

li#gallery_beyond a:hover {
background-position:-437px -107px;
}

/*current state*/

#body_print li#gallery_print a {
background-position:0 -107px;
}

#body_apparel li#gallery_apparel a {
background-position:-143px -107px;
}

#body_web li#gallery_web a {
background-position:-308px -107px;
}

#body_beyond li#gallery_beyond a {
background-position:-437px -107px;
}