@charset "UTF-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
body{
	background:url(../backgrounds/blue-bg.png) top repeat-x #0e2354;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}

h1, h2, h3{
	color:#069;
}
h1{
	font-size:20px;
	padding-bottom:20px;
}
h2{
	font-size:16px;
	padding-bottom:16px;
}
h3{
	font-size:14px;
	padding-bottom:14px;
}

.wrapper{
	width:876px;
	margin: 0 auto;
}

.navigation{
	padding:0px;
	margin:0px;
}
.navigation ul li a {
	background:transparent url(../backgrounds/navigation.jpg) repeat scroll 0 0;
	height:54px;
	position:absolute;
	left:auto;
	width:125px;
	overflow:hidden;
}
.navigation ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background:transparent url(../backgrounds/navigation.jpg) no-repeat scroll;
	height:54px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:865px;
	overflow:hidden;
}
.navigation a.selected {
background-position:left -108px !important;
}
.navigation a span{
	visibility:hidden;
	display:none;
}
.navigation #home a {
background-position:0 0;
left:0px;
width:122px;
top:0px;
}
.navigation #home a:hover {
background-position:0 -54px;
}
.navigation #about a {
background-position:-122px top;
left:122px;
width:125px;
top:0px;
}
.navigation #about a:hover {
background-position:-122px -54px;
}

.navigation #artwork a {
background-position:-247px top;
left:247px;
width:124px;
top:0px;
}
.navigation #artwork a:hover {
background-position:-247px -54px;
}

.navigation #samples a {
background-position:-371px top;
left:371px;
width:124px;
top:0px;
}
.navigation #samples a:hover {
background-position:-371px -54px;
}

.navigation #products a {
background-position:-495px top;
left:495px;
width:124px;
top:0px;
}
.navigation #products a:hover {
background-position:-495px -54px;
}

.navigation #orders a {
background-position:-619px top;
left:619px;
width:124px;
top:0px;
}
.navigation #orders a:hover {
background-position:-619px -54px;
left:619px;
width:124px;
top:0px;
}

.navigation #contact a {
background-position:-743px top;
left:743px;
width:122px;
top:0px;
}
.navigation #contact a:hover {
background-position:-743px -54px;
}

.logo{
	width:865px;
	margin:0 auto;
	
}
.productslider{
	background:url(../img/slider.png);
	width:862px;
	height:218px;
	margin:0 auto;
	padding-left:7px;
	padding-right:7px;
	padding-top:6px;
}
.content{
	width:800px;
	background:#FFF;
	margin:0 auto;
	padding:33px;
}
.footer{
	width:800px;
	background:#bbcc59;
	height:80px;
	margin:0 auto;
	padding:33px;
	text-align:center;
	
	}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 800px;
height: 218px; /*Height should enough to fit largest content's height*/
}
.productslider .leftbutton img,
.productslider .rightbutton img{
	border:0px;
}
.productslider .leftbutton a:focus,
.productslider .rightbutton a:focus{
	outline:none;
}
.productslider .leftbutton{
	float:left;
}
.productslider .rightbutton{
	float:right;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 160px;
height:218px;
background:url(../img/panel.jpg) no-repeat;
text-align:center;
vertical-align:middle;
}
ul{
	padding-left:15px;
	padding-bottom:15px;
}
p{
	padding-bottom:12px;
}

.product-list .desc{
	padding-left:10px;
}
.product-image img{
	padding:10px;
	border:1px solid #09C;
	background-color:#DDECFF;
}
.thumbnail{
	width:145px;
	border:1px solid #09C;
	background-color:#DDECFF;
	padding:5px;
	text-align:center;
}
.panel img{
	margin-top:35px;
}

.ordermore a{
	width:82px;
	height:25px;
	background:url(../img/order-online.gif) no-repeat;
	background-position: 0px -1px;
	display:block;
	text-decoration:none;
}
.ordermore a:hover{
	background-position: 0 -26px;
}
.ordermore a span{
	display:none;
}
.readmore a span{
	display:none;
}
.readmore a{
	width:82px;
	height:25px;
	background:url(../img/read-more.gif) no-repeat;
	background-position: 0px -1px;
	display:block;
	text-decoration:none;
}
.readmore a:hover{
	background-position: 0 -26px;
}