body {
	margin:0 0 0 57px;
	padding:0;
	background:#FFF url("../images/bg-header.gif") repeat-x;
	font:12px/16px Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	}


/********************
	Header (logo)
********************/
#header {
	width:657px;
	margin:0 auto;
	padding:18px 57px 0 0;
	}
	
.viewCart {
	margin-right:15px;
	margin-top:50px;
	width:101px;
	height:29px;
	float:right;
	}
	
	
/********************
	Content
********************/
/* Structure */
a {text-decoration:underline; color:#2484B9;}
a:link {text-decoration:underline; color:#2484B9;}
a:visited {text-decoration:underline; color:#2484B9;}
a:hover {text-decoration:none; color:#32A5dE;}
a:active {text-decoration:none; color:#2484B9;}

#content {
	width:600px;
	margin:15px auto 0 auto;	
	}

.leftCol {
	width:295px;
	float:left;
	padding:0 5px 0 0;
	margin:-8px 0 0 0;
	vertical-align:top;
	}

.rightCol {
	width:285px;
	float:right;
	padding-left:15px;
	margin:-8px 0 0 0;
	vertical-align:top;
	}
	
.rightCol.photo {
	margin-top:0;
	padding:0;
	background:url("../images/gr-dot_vert.gif") repeat-y top left;
	}
	
.rightCol.shop {
	width:295px;
	padding:0;
	}
	
.callout {
	margin:0;
	padding-top:10px;
	background:url("../images/gr-dot_horz.gif") repeat-x top left;
	}
	
.leftCol .callout {
	margin-right:-20px;	
	}


/* h1 reserved for logo */
h1 {
	margin:0;
	padding:0;
	float:left;
	}

h1 a {
	display:block;
	width:229px;
	height:70px;
	background:url("../images/hd-laser_expressions.gif") no-repeat;	
	}

h1 a span {
	display:none;
	}


h2 {
	font-size:24px;
	letter-spacing:1px;
	line-height:24px;
	font-weight:normal;
	color:#39C;
	margin:-10pix 0 15px 0;
	padding:0;
	}

h3 {
	font-size:17px;
	line-height:17px;
	font-weight:normal;
	color:#666;
	margin:0 0 12px 0;
	padding:0;
	}
	
h4 {
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	margin:15px 0 -5px 0;
	padding:0;
	}
	
form {
	margin:0;
	padding:0;
	}
	
input {
	font:11px/11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:2px 2px 1px 3px;
	}

p {
	margin:8px 0 10px 0;
	padding:0;
	}
	
ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
li {
	font-size:11px;
	line-height:13px;
	padding: 0 0 0 10px;
	margin: 0 0 5px 5px;
	background-image: url("../images/gr-bullet_circle.gif");
    background-repeat: no-repeat;
	background-position:0 4px;
	}
	
ul.arrowList li {
	padding: 0 0 0 9px;
	margin:0 0 5px 5px;
	background-image: url("../images/gr-bullet_arrow.gif");
    background-repeat: no-repeat;
	background-position:0 2px;
	}
	

/***** Gallery *****/
div#galleryWrapper {
	padding-top:10px;
	border-top:solid 1px #DDD;
	}

div.galleryRow {
	text-align:center;
	padding-bottom:1px;
	}

div.galleryRow img {
	width:125px;
	height:125px;
	padding:9px;
	background:url("../images/bg-gallery_thumb.gif") no-repeat;
	}
	
div#imageDetail {
	text-align:center;
	padding:15px;
	background:#000;
	border:solid 1px #DDD;
	}

div#navGallery {
	padding:5px;
	margin:0 0 10px 0;
	border-bottom:solid 1px #DDD;
	border-top:solid 1px #DDD;
	}

div#navGallery div.left {
	float:left;
	}
	
div#navGallery div.right {
	float:right;
	}
	
.nomore {
	color:#666;
	}
	
.photoHome {
	width:250px;
	padding:8px;
	margin-left:10px;
	background:url("../images/bg-home_image.gif") no-repeat;
	}

.laserProcess {
	width:400px;
	float:left;
	}

.laserProcess h4 {
	margin-top:0;
	}

.returnPolicy {
	float:right;
	width:150px;
	padding:10px;
	margin:0 0 15px 10px;
	font-size:11px;
	line-height:13px;
	color:#666;
	border:solid 1px #DDD;
	background-color:#FBFBFB;
	}

.returnPolicy h4 {
	margin-top:0;
	padding-top:0;
	font-size:12px;
	text-transform:none;
	color:#39C;
	}
	
.returnPolicy p {
	margin-bottom:4px;
	}	 


/***** Shop table *****/
table.shopTable {
	width:100%;
	margin:8px 0;
	border:solid 1px #666;
	}

table.shopTable th {
	text-align:left;
	padding:6px 6px 4px 6px;
	color:#FFF;
	font-size:11px;
	text-transform:uppercase;
	background-color:#666;
	}

table.shopTable td {
	font:12px/12px Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	padding:11px 5px 0 6px;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
	vertical-align:top;
	}
	
table.shopTable tr.alternate td {
	background-color:#F3F3F3;
	}

table.shopTable td.addToCart {
	padding:0;
	border-right:none;
	text-align:center;
	background-color:#FFF !important;
	width:115px;
	}
	
table.shopTable td.description {
	padding:8px !important;
	border-top:none;
	border-right:none;
	}


/***** Contact Us table *****/
table#contactForm {
	margin-bottom:8px;
	}

table#contactForm td {
	font:12px/12px Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	padding:4px 8px;
	}
	
table#contactForm tr.alternate td {
	background-color:#F3F3F3;
	}


/********************
	Footer
********************/
#footer {
	border-top:solid 1px #DDD;
	width:600px;
	margin:15px auto 0 auto;
	padding:0 0 15px 0;
	font-size:11px;
	line-height:16px;
	color:#888;
	}

#footer a {color:#888; text-decoration:underline;}
#footer a:link {color:#888; text-decoration:underline;}
#footer a:visited {color:#888; text-decoration:underline;}
#footer a:hover {color:#444; text-decoration:none;}
#footer a:active {color:#999; text-decoration:none;}

#footer p {
	margin:16px 0 0 0;
	padding:0;
	}
	
#footer img {
	margin-top:-2px;
	vertical-align:middle;
	}


/********************
	Universal classes
********************/	
/* extends container div around floats */
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	}
	
.note {
	font-size:10px;
	line-height:13px;
	color:#666;
	}


/********************
	Navigation
********************/

#nav {
	height:45px;
	background:url("../images/bg-nav.gif") repeat-x;
	margin-left:-57px;
	padding-left:57px;
	}
	
#nav ul {
	width:600px;
	margin:0 auto;
	padding:7px 0 0 0;
	list-style:none;	
	}
	
#nav ul li {
	display:inline;
	margin:0;
	padding:0;
	}
	
#nav ul li a {
	display:block;
	float:left;
	height:29px;
	margin-right:20px;
	}

#nav ul li a span {
	display:none;
	}

/* Definitions for individual buttons */
#nav ul li.home a {
	width:59px; 
	background:url("../images/nav-home.gif") no-repeat;
	}

#nav ul li.aboutUs a {
	width:77px; 
	background:url("../images/nav-about_us.gif") no-repeat;
	}

#nav ul li.solutions a {
	width:112px; 
	background:url("../images/nav-solutions.gif") no-repeat;
	}
	
#nav ul li.gallery a {
	width:65px; 
	background:url("../images/nav-gallery.gif") 
	no-repeat;
	}

#nav ul li.shop a {
	width:55px; 
	background:url("../images/nav-shop.gif") 
	no-repeat;
	}

#nav ul li.contactUs a {
	width:88px; 
	background:url("../images/nav-contact_us.gif") no-repeat;}
	
/* Adjusts background image on rollover */
#nav ul li a:hover {
	background-position:0 -29px;
	}

/* Adjusts background image and cursor on current page */
body#home #nav ul li.home a,
body#aboutUs #nav ul li.aboutUs a, 
body#solutions #nav ul li.solutions a,
body#gallery #nav ul li.gallery a,
body#shop #nav ul li.shop a,
body#contactUs #nav ul li.contactUs a {
	background-position:0 -58px; cursor:default;
	}
	
	
/********************
	Navigation2
********************/


	
#nav2 ul {
	width:365px;
	margin:0 auto;
	padding:7px 0 0 0;
	list-style:none;	
	}
	
#nav2 ul li {
	display:inline;
	margin:0;
	padding:0;
	}
	
#nav2 ul li a {
	display:block;
	float:left;
	height:29px;
	margin-right:20px;
	}

#nav2 ul li a span {
	display:none;
	}

/* Definitions for individual buttons */
#nav2 ul li.artwork a {
	width:59px; 
	background:url("../images/nav2-artwork.gif") no-repeat;
	}

#nav2 ul li.lasertile a {
	width:77px; 
	background:url("../images/nav2-laser_tile.gif") no-repeat;
	}

#nav2 ul li.laserglass a {
	width:82px; 
	background:url("../images/nav2-laser_glass.gif") no-repeat;
	}
	
#nav2 ul li.stone a {
	width:65px; 
	background:url("../images/nav2-granite_slate.gif") no-repeat;
	no-repeat;
	}
	
/* Adjusts background image on rollover */
#nav2 ul li a:hover {
	background-position:0 -29px;
	}

/* Adjusts background image and cursor on current page */
body#artwork #nav2 ul li.artwork a,
body#lasertile #nav2 ul li.lasertile a, 
body#laserglass #nav2 ul li.laserglass a,
body#graniteslate #nav2 ul li.graniteslate  a {
	background-position:0 -58px; cursor:default;
	}
	

#container_slideshow {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 285px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 285px
}
#fader {
	Z-INDEX: 20; BACKGROUND: url("../images/loader.gif") #fff no-repeat center center; WIDTH: 285px; POSITION: absolute; HEIGHT: 285px
}
#slides {
	OVERFLOW: hidden; WIDTH: 285px; HEIGHT: 285px
}
#slides DIV {
	OVERFLOW: hidden; WIDTH: 285px; HEIGHT: 285px
}
#nav_slideshow {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px! important; PADDING-BOTTOM: 5px; WIDTH: 260px! important; PADDING-TOP: 5px; POSITION: absolute; TOP: 0px! important; TEXT-ALIGN: right
}
#nav_slideshow {
	Z-INDEX: 19; COLOR: #fff
}
#nav_slideshow * {
	Z-INDEX: 19; COLOR: #fff
}
#nav_slideshow A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; FONT: 10px/14px Tahoma, Geneva, sans-serif; COLOR: #fff; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#nav_slideshow A.activeSlide {
	COLOR: #f90
}
#slides SPAN.title {
	PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; Z-INDEX: 19; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px! important; PADDING-BOTTOM: 2px; FONT: 10px/17px Tahoma, Geneva, sans-serif; TEXT-TRANSFORM: uppercase; WIDTH: 240px! important; COLOR: #fff; BOTTOM: 0px! important; PADDING-TOP: 0px; LETTER-SPACING: 1px; POSITION: absolute; HEIGHT: 19px; TEXT-ALIGN: right
}
#slides SPAN.headline {
	PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 7px; Z-INDEX: 19; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px! important; PADDING-BOTTOM: 2px; FONT: bold 20px/21px Tahoma, Geneva, sans-serif; TEXT-TRANSFORM: uppercase; WIDTH: 240px! important; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 1px; POSITION: absolute; TOP: 180px! important; HEIGHT: 29px; TEXT-ALIGN: center
}