body {
 	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	color:#9F9F9F;	
	margin:0 auto 0 auto;	
	}
#main {
	width:1008px !important;
	margin:0 auto 0 auto;
	height:100%;
	overflow:hidden;
}
a{
	outline:none;
	text-decoration:none;
	}
p, h1, h2, h3, h4, h5, h6, ul, ol{
	margin:0;
	padding:0;
	}
li{
	list-style-type:none;
	}
img{
	border:none;	
	}
/*header*/
#header{
	height:124px;
	padding-left:20px
	}
#header #logoswf{
	width:216px;
	height:107px;
	float:left;
	overflow:hidden;
	}
#header #logoswf a{
	}
.top-links ul li{
	float:left;
	padding:0 18px 0 0;
	}
.top-links ul{
	padding:50px 0 0 45px;
	float:left;
	}
.top-links{
	float:left;
	background:url(image/global-nav.gif) no-repeat 18px 34px;
	width:761px;
	height:110px;
	position:relative;
	}
.portfolio a, .downloads a, .shop a, .contact a{
	padding:0 0 0 30px;
	height:24px;
	float:left;
	}
.portfolio a{
	background:url(image/portfolio-bg.gif) no-repeat left top;
	}
.downloads a{
	background:url(image/download-bg.gif) no-repeat left top;
	}
.shop a{
	background:url(image/shop-bg.gif) no-repeat left top;
	}
.contact a{
	background:url(image/contact-bg.gif) no-repeat left top;
	}
.top-links p{
	float:left;
	width:700px;
	height:24px;
	padding:15px 0 0 34px;
	position:absolute;
	top:75px;
	left:0;
	}
.top-links p span{
	float:left;
	background:url(image/twitter.gif) no-repeat left top;
	width:99px;
	height:17px;
	text-indent:-1000px;
	padding:2px 5px 0 0;
	margin:-3px 0 0 0;
	}
.top-links p small {
	display:block;
	float:left;
	font-size:11px;
}
.top-links span.blog{
	background:url(image/blog.gif) no-repeat left top;
	width:153px;
	height:88px;
	position:absolute;
	top:22px;
	right:2px;
	}
.top-links span.blog a{
	text-indent:-1000000px;
	width:153px;
	height:87px;
	float:left;
	}
/*Wrap*/
/*Sidebar*/
.sidebar{
	width:234px;
	float:left;
	padding:0 0 20px 75px;
	}
.aboutus{
	background:url(image/bottom-bg.gif) no-repeat left bottom;
	margin:7px 0 0 0;
	padding:0 0 76px 0;
	}
.illustrations, .textiles{
	background:url(image/sidebar-inside.gif) no-repeat left bottom;
	margin:7px 0 0 0;
	padding:0 0 76px 0;
	}
.aboutus h2, .clients h3{
	background:url(image/head-bg.gif) no-repeat -1px top;
	}
h3.illuhead{
	background:url(image/illustration-head.gif) no-repeat -1px top !important;
	width:228px;
	height:23px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	padding:5px 0 0 19px;
	margin-top:15px;
	letter-spacing:1px;
}
h3.texthead{
	background:url(image/textiles.gif) no-repeat -1px top  !important;
	width:228px;
	height:23px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	padding:5px 0 0 19px;
	margin-top:15px;
	letter-spacing:1px;
}

h3.illuhead a , h3.texthead a{
	color:#000000;
	display:block;
}

h3.illuhead a:hover , h3.texthead a:hover{
	color:#27ACE8;
}

.illustrations h2{
	background:url(image/illustration-bg.gif) no-repeat 0 top;
	}
.textiles h3{
	background:url(image/textile-bg.gif) no-repeat 0 top;
	}
.illustrations img {
	padding-left:2px;
}
.aboutus h2, .clients h3, .illustrations h2, .textiles h3{
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-size:12px;
	padding:5px 0 0 19px;
	letter-spacing:1px;
	height:24px;
	}
.aboutus p{
	padding:6px 0 0 20px;
	width:175px;
	}
 .textiles p, .illustrations p{
 	padding:6px 25px 15px 20px;
	width:175px;
	border-bottom:1px solid #D8D8D8;
 	}
.textiles ul, .illustrations ul{
	padding:15px 0 0 20px;
	}
.textiles ul li, .illustrations ul li{
	padding-bottom:5px;
	height:30px;
	}
.clients{
	background:url(image/bottom-bg-2.gif) no-repeat left bottom;
	margin:7px 0 0 0;
	padding:0 0 76px 0;
	}
.clients h3{
	margin:21px 0 0 0;
	}
.clients ul{
	height:180px;
	}
.clients li{
	width:85px;
	float:left;
	padding:2px 0 0 21px;
	}
.quote, .gotoshop{
	float:right;
	padding:33px 20px 0 0;
	}
/*Content*/
.home-content{
	width:601px;
	float:right;
	padding:7px 73px 20px 0;
	}
.sample{
	background:url(image/content-block-bottom.gif) no-repeat -4px bottom;
	width:600px;
	height:430px;
	float:left;
	position:relative;
	}
.sample img{
	padding:0 0 0 0px;
	}
.sample h2{
	background:url(image/content-block-top.gif) no-repeat 0 top;
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-size:12px;
	padding:4px 0 0 12px;
	letter-spacing:1px;
	height:24px;
	}
.wideheight{	
	background:url(image/wide-content-block-bottom.gif) no-repeat -4px bottom;
	height:100% !important;
	float:left;
	position:relative;
	}
#gallery_indicator {
	position:absolute;
	top:174px;
	left:227px;
	z-index:999;
}

.block-1{
	margin:14px 0 0 0;
	}
.block-2{
	margin:6px 0 0 0;
	padding:0 0 5px 0;
	}
.block, .block-1{
	background:url(image/content-block-bottom.gif) no-repeat -4px bottom;
	width:600px;
	float:left;
	height:96px;
	overflow:hidden;
	}
.block-2{
	background:url(image/content-block-bottom.gif) no-repeat -4px bottom;
	width:600px;
	float:left;
	height:96px;
	}	
.head{
	background:url(image/content-block-top.gif) no-repeat 0 top;
	height:24px;
	width:600px;
	float:left;
	font-family:"Times New Roman", Times, serif;
	color:#000000;
	font-size:12px;
	padding:4px 0 0 12px;
	letter-spacing:1px;
	height:24px;
	font-weight:bold;
	text-transform:uppercase;
	}
.headline1 {
	text-transform:uppercase;
}
.block-1 span.twitter{
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	float:left;
	border-right:1px solid #D8D8D8;
	width:155px;
	}
.block-1 p{
	padding:0 0 0 10px;
	float:left;
	width:370px;
	}
.block{
	height:auto !important;
	padding-bottom:14px;
	}
.block ul{
	padding:0 0 0 10px;
	width:570px;
	}
.block ul li{
	float:right;
	margin:0 2px 0 2px;
	padding-bottom:2px;
	}
.block-2 h4{
	background:url(image/email.gif) no-repeat 5px top;
	width:68px;
	height:64px;
	float:left;
	text-indent:-1000000px;
	padding:0 14px 0 5px;
	}
.block-2 p{
	width:190px;
	float:left;
	margin:10px 0 0 0;
	padding:0 14px 0 14px;
	border-left:1px solid #D8D8D8;
	border-right:1px solid #D8D8D8;
	}
.block-2 .txt-box{
	font-size:10px;
	width:120px;
	border:1px solid #DEDEDE;
	color:#DEDEDE;
	}
.block-2 .signup{
	padding:10px 0 0 15px;
	float:left;
	width:254px;
	}
.block-2 .button{
	padding:5px 0 0 0;
	}
.block dl{
	float:left;
	font-size:10px;
	width:170px;
	padding:0 0 20px 5px;
	margin:0;
	}
.block dl dt{
	float:left;
	padding:0 2px 0 0;
	}
.block p{
	font-size:10px;
	width:385px;
	float:left;
	padding-left:15px;
	border-left:1px solid #DEDEDE;
	}
.carousel  {
    position: relative;     
}
a.prev{
    display: block;
    float: left;
    width: 26px;
    height: 390px;
    text-decoration: none;
    background:#000 url("image/image-nav-left.gif") center 193px no-repeat;
	opacity:.40;
	position:absolute;
	top:28px;
	z-index:1;
	left:4px;
    
}
a.next {
	display: block;
    float: left;
    width: 26px;
    height: 390px;
    background:#000 url("image/image-nav-right.gif") center 193px no-repeat;
	opacity:.40;
	position:absolute;
	top:28px;
	z-index:1;
	left:562px;
}
a.next:hover {
    background-image: url("image/image-nav-right-hover.gif");
}
 a.prev:hover {
    background-image: url("image/image-nav-left-hover.gif");
}    
a:hover, .carousel a:active {
    border: none;
    outline: none;
}                 
ul#pikame{
	padding-left:0;
	width:550px;
	margin:0 auto;
	position:absolute;
	top:375px;
	left:30px;

}
#pikame li{
	margin:3px;
	padding-left:1px;
	float: left;
	border:1px solid #CCC;
	width:33px !important;
	
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;width:33px !important;padding-left:5px }
.pika_subdiv {
	width:532px;
	height:390px;
	overflow:hidden;
	margin-left:30px;
	background:#CCC url(image/indicator-big.gif) no-repeat center center;
}
.pika_main img{border:0;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:4px;right:42px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;	width:26px;
	height:26px;
	display:block
}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none; position:absolute; top:20px; width:500px;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}
.pika_play_button {
	background:url(image/play.gif) no-repeat center center;
}
.pika_stop_button {
	background:url(image/pause.gif) no-repeat center center;
}

#contact-us_submit {
	background-image: url("image/submit.gif") !important;
	width:93px;
	height:21px;	
}

form fieldset {
	margin: 0; padding: 0; border: none;
	width:300px;
}
fieldset dl {
	margin: 0; padding: 0;
}
fieldset dt, fieldset dd {
	margin: 0; padding: 0; float: left;
	
}
fieldset dt {
	clear: left;
	width: 75px;
}
fieldset dd {
	width: 200px;
	padding-bottom: 2px;
	min-height: 30px;
}
fieldset dd input,fieldset dd textarea {
	width: 200px; border: 1px solid #CCC; padding-top: 2px;
}
fieldset dd input {
	height: 15px;
}
fieldset dd textarea {
	height: 100px;
}
p.error {
	color: #ff0000!important;
	padding-top: 1px;
	height: 10px;
	line-height: 10px!important;
	overflow: hidden;
	border:none !important;
}
ul.error {
	color: #ff0000;	
}

span.mandatory {
	color: #ff0000;	
}
.cta li button { border: none; padding:8px 29px; background: url(image/submit.gif) no-repeat 0 100%; color:#333;  cursor:pointer; text-align:center !important; width:92px;height:21px; margin-left:34px}
#newsletter_indicator ,#gallery_indicator {
	display: none; vertical-align:middle; margin-top: -1px;
	}
#newsletter p.error {
	display: inline; font-weight: normal!important; color: #ffffff!important;
	}
#newsletter p.error label.error {
	display: inline; font-weight: normal!important; color: #4b0304!important;
	}
.grid {
	margin-top:38px;
	height:332px;
}
.grid li {
	margin:0 0 0 16px;;
	padding:0;
	width:230px;
	height:84px;
	float:left;
}
.grid .left {
	width:60px;	
	display:block;
	float:left;
	height:45px;
}
.grid .left img{
	width:48px;
	height:45px;
}
.grid a {
	color:#888888;
	text-decoration:none;
}
.grid h4 {
	float:left;
	font-weight:normal;
	font-size:11px;
}
.grid h4 span {
	color:#004578;
	display:block;
	width:158px;
}
.grid h4 a {
	display:block;
}
.grid h4 a.download {
	color:#004477;
	font-weight:bold;
}
.grid h4 a.download:hover {
	text-decoration:underline;
}

.content {
	width:565px;
	padding:10px;
}
.content a {
	color:#7B7A7A;
}
.content a:hover {
	color:#7B7A7A;
	text-decoration:underline;
}
.content h4 {
	padding:2px 0 5px 0;
}
.content h4 a{
	font-size: 12px;
	color:#7B7A7A;
}
.content p{
	display:block;
	padding:2px 0 5px 0;
}

.content a.read {
	color:#7B7A7A;
	display: block;
	padding-top:10px;
}

.content h5{
	font-size: 12px;
	font-weight:normal;
	color:#7B7A7A;
}
#message .success{
	font-weight:bold;
	color:#006600;
	}
.content .success{
	font-weight:bold;
	color:#006600;
	}
.pager{
	float:left;
	width:90%;
	padding:0 0 0 20px;
	}
.stats{
	float:left;
	color:#004578;
	}
.pages{
	float:right;
	font-weight:bold;
	color:#004578;
	}
.pages a{
	color:#004578;
	font-weight:normal;
	}
#footer {
	background:transparent url(image/bg-footer.gif) no-repeat scroll center 0;
	clear:both;
	color:#808284;
	height:50px;
	padding:14px 0 0 17px;
	width:965px;
	margin:0 auto;
	
}
#footer div{
	width:855px;
	margin:0 auto;
}
.valid a{
	float:right;
	color:#757575;
}


/* Gobal Navigation Drop Down Style*/
.van, .van ul { 
	margin: 0;
	padding: 0;
	
}

.van {
  z-index: 1;
  position: relative;
}
.van li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.van li a, .van li a:link, .van li a:active, .van li a:visited {
  display: block;
  text-decoration: none;
  font-size:12px;
  font-weight:bold;
  color:#7C7A7C !important;
}

.van li a:hover {
	color: #0472BC !important;
}
.globalnav li:hover a, 
.globalnav li.sfHover a {
	margin-bottom:1px;
  
}
.globalnav li:hover ul a, 
.globalnav li.sfHover ul a {
 background: none; 
  
  
}
.globalnav li:hover ul a:hover, 
.globalnav li.sfHover ul a:hover {
  background: none; 
	
}

.van ul {
  list-style: none;
  margin: -1px 0 0 0;
  width: 650px; 
  padding:0px 0 10px 16px;

  position: absolute;
  top: -999em;
  left: -1px;
}
.van li:hover ul,
.van li.sfHover ul {
  top: 25px;
}
.van ul li {
  padding:0px;
  z-index:9999;
  height:36px;
  float:left;
}

.van ul li.leftcurv {
	 background:transparent url(image/leftcorner.gif) no-repeat scroll left bottom;
}

.van ul li.rightcurv {
	 background:transparent url(image/rightcorner.gif) no-repeat scroll right bottom;
}


.van ul li a{
  margin:0px 0 0 0;
  padding: 15px 10px 0 10px;
  text-align:left;
}

.van ul a:hover {
  color: #2D9CF6;
}

.wide {
width:854px ;
}
.wide .sample {
	width:854px !important;
	background:url(image/content-block-bottom-wide.gif) no-repeat -4px bottom;
	height:100%;
	overflow:hidden;
}
.wide .sample h2 {
	background:url(image/content-block-top-wide.gif) no-repeat 0 top;
}

h4 .caption2 {
	font-size:12px;
	font-weight:bold;
}
h4 .caption2 a{
	color:#000;
}
.message{
 padding-left:20px;
 
}
.wide .content {
	text-align:justify;
	width:807px;
	margin:0 10px 10px 10px;
}

.wide div.message  {
padding:5px 0 !important;
}


.blog .sample {
	background:url(image/blog-block-bottom.gif) no-repeat -4px bottom !important;
	height:100%;
	overflow:hidden;
}

.commenttxt {
	font-size: 12px;
}
.ruler {
	width:574px !important;
	border-top:1px solid #ccc;
	margin:20px 0;
}
.comment h2 {
	background:none!important;
	padding-left:0;
}

.comment {clear: both; padding: 20px 0 0 0;}
.comment-list {clear: both;}
.comment-item {clear: both; padding-bottom: 9px;}
.comment-avatar {clear: left; float: left; border: 2px solid #aeaeae;}
.comment-content {clear: right;}
.comment-content.push {margin-left: 75px;}
.comment-content-title {padding-bottom: 5px; font-weight: bold; color:#7B7A7A}
.comment-content-title a {color: #100E08;}
.comment-content-desc blockquote {margin: 3px 0 7px 0;}
.comment h2 {color:#2F2F2F}

.blogcats {
	padding:2px 0 0 20px;
}

.blogcats li a{ 
	color:#7B7A7A;
	font-size:11px;
}
.blogcats li a:hover{ 
	text-decoration:underline;
}

.banner {
	padding:10px 0 0;
}
a.download {
	color:#004477;
	font-weight:bold;
	display:block;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
.onlineshopimage {
	width:336px;
	float:left;
}
.onlineshop {
	width:229px;
	float:left;
}
.addtocart {
	width:229px;
	padding-top:40px;
}
.addtocart form {
	float:right;
}
.price {
	font-size:16px;
	color:#61A0D6;
	float:left;
}