body {
	margin:0;
	font:16px Arial, Helvetica, sans-serif;
	background:#1e1e1e url(../images/body-bg.jpg) no-repeat 50% 0;
	color:#fff;
}
img {border-style:none;}
form {
	padding:0;
	margin:0;
}
/*page*/
#page {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
/*header*/
.header {
	height:1%;
	padding:32px 0 0 88px;
	overflow:hidden;
	position:relative;
}
/*logo*/
.header h1 {
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
	width:188px;
	height:102px;
}
.header h1 a {
	display:block;
	height:100%;
}
.header h2 {
	position:absolute;
	top:68px;
	left:392px;
	margin:0;
	font:31px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#878787;
}

ul.menu {
	height:1%;
	overflow:hidden;
	padding:32px 0 0 28px;
	margin:0;
	list-style:none;
}
ul.menu li {
	float:left;
	font:12px/35px Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	margin:0 18px 0 0;
	text-transform:uppercase;
}
ul.menu li a {
	color:#fff;
	text-decoration:none;
	width:119px;
	display:block;
	padding:0 14px 0 0;
	height:38px;
	overflow:hidden;
}
ul.menu li a.item1 {background:url(../images/item1.gif) no-repeat;}
ul.menu li a.item2 {background:url(../images/item2.gif) no-repeat;}
ul.menu li a.item3 {background:url(../images/item3.gif) no-repeat;}
ul.menu li a.item4 {background:url(../images/item4.gif) no-repeat;}
ul.menu li a.item5 {background:url(../images/item5.gif) no-repeat;}

ul.menu li a:hover,
ul.menu li.active a {background-position:0 -38px;}

/*primary content*/
.primary-content {
	padding:26px 0 20px;
	height:1%;
	overflow:hidden;
}
.content {
	width:722px;
	float:right;
}
.primary {
	float:left;
	width:493px;
	padding:17px 0 0;
}
.primary h2 {
	margin:0 0 5px;
	color:#fff;
	font:19px Arial, Helvetica, sans-serif;
}
.primary h2 span {display:block;}
.intro {
	height:1%;
	padding:7px 0 38px;
	overflow:hidden;
}
.intro img {
	float:left;
	margin:0 26px 0 0;
}
.intro p {margin:5px 0 0;}
.intro p.read {
	text-align:right;
	text-transform:uppercase;
	font-size:12px;
}
.intro p.read a {
	color:#a2a2a2;
	vertical-align:middle;
	text-decoration:none;
}
.intro p.read a:hover {text-decoration:underline;}
.slide-area,
.block {
	width:100%;
	overflow:hidden;
}
.content-box {
	background:#282828 url(../images/round2.gif) no-repeat 454px 10px;
	height:1%;
	padding:8px 10px 0;
	overflow:hidden;
}
.content-box-inn {
	height:1%;
	overflow:hidden;
	padding:0 0 11px;
	background:url(../images/line2.gif) no-repeat 0 100%;
	margin:0 0 8px;
}
.content-box p {margin:0;}
.content-box p.head {
	color:#606060;
	font:14px Arial, Helvetica, sans-serif;
}
.content-box p.head strong {
	display:block;
	font:18px Arial, Helvetica, sans-serif;
	color:#fff;
}
.more {
	height:1%;
	padding:8px 0 35px;
	overflow:hidden;
	text-transform:uppercase;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}
.more a {
	float:right;
	text-decoration:none;
	background:url(../images/arrow1.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	color:#a2a2a2;
}
.active .more a {background-image:url(../images/arrow2.gif);}
.specials {
	height:1%;
	overflow:hidden;
	padding:0 0 35px;
}
.specials img {
	display:block;
	border:2px solid #393939;
}
.extra {
	float:right;
	width:205px;
}
.extra-inn {
	height:1%;
	overflow:hidden;
	background:url(../images/line.gif) repeat-y 3px 0;
}
.sign-form {
	height:1%;
	overflow:hidden;
	background:url(../images/round.gif) no-repeat;
	padding:18px 0 20px 30px;
}
.sign-form div {
	height:1%;
	padding:0 0 6px;
	overflow:hidden;
}
.sign-form label {
	float:left;
	width:54px;
	color:#5F5F5F;
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
}
.sign-form input.text {
	float:left;
	width:115px;
	margin:0;
	padding:0 2px;
	border:1px solid #313131;
	background:#000;
	color:#fff;
}
.sign-form a {
	float:left;
	color:#5F5F5F;
	font:11px/20px Tahoma, Arial, Helvetica, sans-serif;
}
.sign-form a:hover {text-decoration:none;}
.sign-form input.button {
	float:right;
}
.title {
	height:1%;
	overflow:hidden;
	background:#191919;
	margin:0 0 0 30px;
	padding:4px 0 0 6px;
}
.extra-inn h3 {
	margin:0;
	font:17px Arial, Helvetica, sans-serif;
	color:#00AEEF;
}
.extra-inn h3 span {display:block;}
ul.products {
	padding:0 0 0 27px;
	margin:18px 0 0 3px;
	list-style:none;
	overflow:hidden;
	height:1%;
	overflow:hidden;
	border-bottom:1px solid #2b2b2b;
}
ul.products li {
	background:#313131;
	height:1%;
	overflow:hidden;
	padding:0 6px 6px;
	margin:0 0 12px;
	vertical-align:top;
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
ul.products li a {
	display:block;
	height:92px;
	text-decoration:none;
	color:#b6b6b6;
}
ul.products li a.product1 {background:url(../images/product1.jpg) no-repeat;}
ul.products li a.product2 {background:url(../images/product2.jpg) no-repeat;}
ul.products li a.product3 {background:url(../images/product3.jpg) no-repeat;}

ul.products li a:hover,
ul.products li.active a {background-position:0 -92px;}

.btn-box {
	height:1%;
	overflow:hidden;
}
.btn-box a {
	float:right;
	background:#303030 url(../images/all-bg.gif) repeat-x;
	text-decoration:none;
	color:#a2a2a2;
	font:12px/37px Arial, Helvetica, sans-serif;
	text-align:center;
	width:175px;
	text-transform:uppercase;
}

.sidebar {
	width:214px;
	float:left;
	background:url(../images/line.gif) repeat-y 210px 0
}
.sidebar-inn {
	height:1%;
	overflow:hidden;
	background:url(../images/round.gif) no-repeat 100% 0;
	padding:16px 0 0;
}
.sidebar-inn h3 {
	font:19px Arial, Helvetica, sans-serif;
	margin:0 0 7px;
}
.sidebar-inn h3 span {display:block;}
ul.side-nav {
	padding:0 0 19px;
	margin:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	background:url(../images/side-menu-bg.gif) no-repeat 0 100%;
}
ul.side-nav li {
	height:1%;
	overflow:hidden;
	vertical-align:top;
	padding:0 0 2px;
	font:14px/18px Tahoma, Arial, Helvetica, sans-serif;
}
ul.side-nav li a {
	display:block;
	text-decoration:none;
	color:#fff;
	background:url(../images/bulet1.gif) no-repeat 0 2px;
	padding:0 0 0 21px;
}
ul.side-nav li a:hover,
ul.side-nav li.active a {background-image:url(../images/bulet2.gif);}
/*footer*/
.footer {
	width:100%;
	background:#000;
	padding:13px 0 30px;
	overflow:hidden;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	color:#b0b0b0;
}
.footer-inn {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
.footer a {
	color:#b0b0b0;
	text-decoration:none;
}
.footer a:hover {text-decoration:underline;}
.footer p {
	float:left;
	margin:0;
}
.footer ul {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
}
.footer ul li {float:left;}
.footer ul li.list1 {width:150px;}
.footer ul li.list2 {width:120px;}
.footer ul li.list3 {width:100px;}

.footer ul ul {
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
	float:none;
}
.footer ul ul li {
	width:auto;
	height:1%;
	float:none;
	text-align:right;
	overflow:hidden;
}

/* logged page
-------------- */

.cart {
	position:absolute;
	top:175px;
	left:860px;
	margin:0;
	white-space:nowrap;
	font:12px Arial, Helvetica, sans-serif;
}
.sign-form p {
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
}
.sign-form p span {
	display:block;
	font-size:12px;
	color:#5f5f5f;
}

ul.my-list {
	height:1%;
	overflow:hidden;
	padding:0;
	margin:0 3px 10px 0;
	list-style:none;
}
ul.my-list li {
	height:1%;
	overflow:hidden;
	padding:0 0 8px;
	font:14px/26px Arial, Helvetica, sans-serif;
}
ul.my-list li a {
	display:block;
	text-decoration:none;
	background:#2b2b2b;
	color:#fff;
	border-left:4px solid #82d215;
	padding:0 0 0 15px;
}
ul.my-list li.my-item a {border-color:#f26521;}
ul.my-list li a:hover {text-decoration:underline;}

/*primary content*/
.primary-content {
	padding:26px 0 20px;
	height:1%;
	overflow:hidden;
}
.holder{
	overflow:hidden;
	width:100%;
}
.content {
	width:722px;
	float:right;
}
.primary {
	float:left;
	height:1%;
	padding:17px 30px 0 0;
	width:auto;
}
.primary .holder{padding:0 0 5px;}
.primary h2 {
	margin:0 0 5px;
	color:#fff;
	font:19px Arial, Helvetica, sans-serif;
}
.primary h2 span {display:block;}
.intro{
	height:1%;
	padding:8px 44px 8px 13px;
	overflow:hidden;
	background:#282828;
	border-bottom:3px solid #ec008c;
	font:20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 52px;
}
.intro p strong{color:#ec008c;}
.intro img {
	float:left;
	margin:0 26px 0 0;
}
.intro p {margin:0;}
.slide-area{
	width:491px;
	float:left;
}
.content-box{background:#282828;}
.content-box p{line-height:19px;}
.content-box-inn {
	height:1%;
	overflow:hidden;
	padding:0 0 11px;
	background:url(../images/line2.gif) no-repeat 0 100%;
	margin:0 0 8px;
}
/* blockquote */
blockquote{
	width:183px;
	float:right;
	padding:22px 5px 9px 6px;
	background:#282828 url(../images/cite-left.gif) no-repeat 7px 7px;
	border-bottom:3px solid #f26521;
	text-align:center;
	margin:0;
}
.holder blockquote{border-bottom:3px solid #82d215;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
blockquote div q{
	color:#fff;
	font:17px/20px Tahoma, Arial, Helvetica, sans-serif;
}
blockquote cite{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	font-style:normal;
	display:block;
	background:url(../images/cite-right.gif) no-repeat 100% 0;
	padding:29px 0 0;
	margin:-20px 0 0;
	text-align:left;
}
blockquote cite span{
	color:#f26521;
	font:13px/16px Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 0 3px;
}
.holder blockquote cite span{color:#82d215;}
.specials {
	height:1%;
	overflow:hidden;
	padding:0 0 35px;
}
.specials a{float:left;}
.specials img {
	display:block;
	border:2px solid #393939;
}
.sign-form {
	height:1%;
	overflow:hidden;
	padding:4px 0 10px 10px;
	background:none;
}
.sign-form div {
	height:1%;
	padding:0 0 6px;
	overflow:hidden;
}
.sign-form label {
	float:left;
	width:61px;
	color:#5F5F5F;
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
}
.sign-form input.text {
	float:left;
	width:115px;
	margin:0;
	padding:0 2px 4px;
	border:1px solid #313131;
	background:#000;
	color:#fff;
	font-size:11px;
	line-height:14px;
}
.sign-form a {
	float:left;
	color:#5F5F5F;
	font:12px/20px Tahoma, Arial, Helvetica, sans-serif;
	margin:0 9px 0 0;
}
.sign-form input.button{float:left;}

/* sidebar */
.sidebar {
	width:214px;
	float:left;
	background:url(../images/line.gif) repeat-y 210px 0
}
.sidebar-inn {
	height:1%;
	overflow:hidden;
	background:url(../images/round.gif) no-repeat 100% 0;
	padding:16px 0 0;
}
.sidebar-inn h3 {
	font:19px Arial, Helvetica, sans-serif;
	margin:0 0 7px;
}
.sidebar-inn h3 span {display:block;}
.tribal-sketch{
	margin:0 4px 12px 0;
	font:14px/16px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 15px 17px 10px;
	height:1%;
	background:#2b2b2b url(../images/tribal-sketch-border.gif) no-repeat 0 100%;
}
.tribal-sketch p{margin:0;}
.tribal-sketch p span{color:#00aeef;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
* html.sIFR-hasFlash .primary h2{padding:0 0 6px;}
* +html.sIFR-hasFlash .primary h2{padding:0 0 6px;}
* html.sIFR-hasFlash .sidebar-inn h3{padding:0 0 6px;}
* +html.sIFR-hasFlash .sidebar-inn h3{padding:0 0 6px;}
.product-info-top .heading a{
	font-size:14px;
	outline:none;
}
.product-info-top .content{
	float:none;
	width:auto;
}
.product-info-top{
	margin:0 -15px 22px !important;
	width:716px !important;
}
#box-outer {
	overflow:hidden;
	border:1px solid #4ca907;
	border-top:none;
}
.account-box{min-height:537px;}
* html .account-box{height:537px;}
.project-tab-box{min-height:532px;}
* html .project-tab-box {height:532px;}