html {
	background:url(../images/bg-html.jpg) repeat-y 50% 0;
	
}
body {
	margin:0;
	background:url(../images/bg-body.jpg) no-repeat 50% 0;
	font:16px Arial, Helvetica, sans-serif;
	min-height:9200px;
	min-width:900px;
}
* html body {
	height:900px;
}
/*wrapper*/
#wrapper {
	width:860px;
	margin:0 auto;
}
/*header*/
#header {
	width:900px;
	padding:53px 0 0px;
}
/*logo*/
.logo {
	display:block;
	margin:0 auto;
	width:131px;
	height:132px;
}
.logo a {
	width:131px;
	height:132px;
	display:block;
	background: url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
	overflow:hidden;
}
/*content*/
#content {
	background:url(../images/bg-content.png) repeat-y;
	width:900px;
	padding:30px 11px 20px;
	min-height:465px;
	margin:0 auto;
}
* html #content {
	height:465px;
	overflow:visible;
}
/*bottom background of content block*/
.content-b {
	background:url(../images/bg-content-b.png) repeat-y;
	height:22px;
	width:920px;
}
/*main navigation start*/
.nav {
	margin:0 auto;
	width:900px;
	list-style:none;
	height:30px;
	background:url(../images/bg-content-t.png) no-repeat;
	padding:10px 11px 0;
	overflow:hidden;
}
 .nav li {
	float:left;
	background:url(../images/separator-nav.gif) no-repeat;
	position:relative;
}
 .nav a {
	height:26px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	color:#000;
	text-decoration:none;
	overflow:hidden;
}
 .nav .about {
	width:180px;
}
.about a {
	width:70px;
	background:url(../images/about.png) no-repeat;
	margin:0 0 0 50px;
}
.about a:hover {
	background:url(../images/about-over.png) no-repeat;
}
.about a.active {
	background:url(../images/about-down.png) no-repeat !important;
}
.nav .home {
	width:180px;
}
.home a {
	width:67px;
	background:url(../images/home.png) no-repeat;
	margin:0 0 0 60px;
}
.home a:hover {
	background:url(../images/home-over.png) no-repeat;
}
.home a.active {
	background:url(../images/home-down.png) no-repeat !important;
}
.nav .products {
	width:180px;
}
.products a {
	width:85px;
	background:url(../images/products.png) no-repeat;
	margin:0 0 0 50px;
}
.products a:hover {
	background:url(../images/products-over.png) no-repeat;
}
.products a.active {
	background:url(../images/products-down.png) no-repeat !important;
}

.nav .helpdesk {
	width:180px;
}
.helpdesk a {
	width:98px;
	background:url(../images/helpdesk.png) no-repeat;
	margin:0 0 0 40px;
}
.helpdesk a:hover {
	background:url(../images/helpdesk-over.png) no-repeat;
}
.helpdesk a.active {
	background:url(../images/helpdesk-down.png) no-repeat !important;
}

.nav .whatsnew {
	width:180px;
}
.whatsnew a {
	width:114px;
	background:url(../images/whatsnew.png) no-repeat;
	margin:0 0 0 40px;
}
.whatsnew a:hover {
	background:url(../images/whatsnew-over.png) no-repeat;
}
.whatsnew a.active {
	background:url(../images/whatsnew-down.png) no-repeat !important;
}


.nav li:first-child {
	background:none;
}
/*main navigation end*/
/*formating text styles start*/
#content .text {
	padding:0 60px 0 60px;
	width:760px;
	overflow:hidden;
}
.text .hours {
	margin:0;
	padding:0;
	list-style:none;
}
.text .hours li {
	overflow:hidden;
	margin:2px 0 0;
	width:620px;
}
.text .hours span {
	width:290px;
	float:left;
}
.text .hours em {
	font-style:normal;
	float:left;
}
.text h2 {
	display:block;
	margin:21px 0 0;
	font-size:16px;
}
.text span {
	display:block;
}


#content .about {
	padding:0 5px 0 90px;
	width:750px;
	overflow:hidden;
}
.text .about {
	margin:0;
	padding:0;
	list-style:none;
}
.text .about li {
	overflow:hidden;
	margin:2px 0 0;
	width:545px;
}
.text .about span {
	width:290px;
	float:left;
}
.text .about em {
	font-style:normal;
	float:left;
}
.text about {
	display:block;
	margin:21px 0 0;
	font-size:16px;
}
.text span {
	display:block;
}




.sessions {
	overflow:hidden;
	width:620px;
}
.sessions span {
	width:290px;
	float:left;
}
.sessions em {
	font-style:normal;
	float:left;
}
.text a {
	color:#000;
	text-decoration:none;
}
.text a:hover {
	text-decoration:underline;
}
.text address {
	font-style:normal;
}
/*formating text styles end*/
/*inner page*/
/*columns*/
.text .column {
	width:280px;
	float:left;
}
.text .column ul {
	margin:0;
	padding:0;
	list-style:none;
}
/*formating text styles start*/
.text .column ul li {
	margin:1px 0 0;
}
.text .column strong {
	margin:20px 0 0;
	display:block;
}
.text .column .yarn {
	color:#96aa31;
}
.text .column .urban {
	color:#f263a3;
}
.text .column .accessories {
	color:#b449b1;
}
.text .column .pattern {
	color:#ff2228;
}

.text .column .free_patterns { color: #df9f53; }

.text .helpdesk {
	margin-right: 50px;
}

/*formating text styles end*/
