/*
Copyright © 2009 NipArt.com
*/


body {background:#555555 url(../img/body-bg2.jpg) center 60px no-repeat;text-align:center;font:76% Arial,Verdana,sans-serif;}
* {margin:0;padding:0;}
img {border:none;}
ul {list-style:none;}
a {text-decoration:none;}


/*
////////  LAYOUT  ////////*/

#wrapper {width:860px;background:#f7f7f7 url(../img/main-content-bg.jpg) 0 188px no-repeat;margin:0 auto;text-align:left;}
#home #wrapper {background:#f7f7f7;}

#header {
	height:67px;
	background:url(../img/header-bg2.jpg);
	padding:60px 50px 0 30px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #90c155;
}

#content {padding:0 50px 30px 20px;}

#top-bar {float:left;width:770px;background:#f2f2f2;padding:8px 50px 4px 40px;margin-bottom:34px;}

#intro {float:left;margin:-14px 0 12px 0;border:20px solid #f2f2f2;}

#main-content {
	float:left;
	width:420px;
	padding:0 50px 0px 14px;
	border-right:3px solid #edebea;
	border-left:4px solid #90c155;
	margin: 0 0px 40px 0px;
}
#content #kits {
	font-family: Arial, Helvetica, sans-serif;
	width: 800px;
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: solid #EDEBEA 5px;
}


#secondary-content {float:right;width:280px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {clear:both;height:50px;background:url(../img/footer-bg2.jpg);padding:50px 30px 0 30px;}

.featured {float:left;width:240px;margin-right:15px;padding-right:17px;background:url(../img/featured-bg.jpg) right top no-repeat;}
.featured.last {float:left;margin-right:-3px;padding:0;background:none;}


/*
////////  TYPOGRAPHY  ////////*/

h1 a {float:left;text-indent:-9999px;background:url(../img/logo.jpg) no-repeat;width:195px;height:55px;}

h2 {clear:both;font-size:1.6em;color:#333;margin-bottom:4px;}
h3 {clear:both;font-size:1.2em;color:#444;margin-bottom:0px;}

#content p {clear:both;font-size:1.1em;line-height:1.4em;margin-bottom:12px;}
#content p a {
	font-weight:bold;
	color:#90c155;
}
#content p a:hover {text-decoration:underline;}

#top-bar p {float:left;font-size:.9em;color:#666;margin-top:2px;}
#top-bar p a {
	color:#508cc1;
}
#top-bar p a:hover {text-decoration:underline;}

#secondary-content p.info {width:200px;font:1.6em 'Times New Roman',serif;color:#222;line-height:1.1em;margin-bottom:18px;padding:12px 40px 20px 40px;background:#edebea url(../img/note-bg.jpg) 0 100% no-repeat;text-align:center;}

#secondary-content p {font-size:1em;color:#333;line-height:1.3em;margin-bottom:18px;}
#secondary-content a {
	color: #90c155;
}


#footer p {float:left;font-size:.9em;color:#ddd;}
#footer p a {color:#ddd;font-weight:normal;}
#footer p a:hover {text-decoration:underline;}
#footer p em {
	color:#90c155;
	font-weight:bold;
}

#footer p.right {float:right;}

#content .featured p {color:#444;}
a.box {float:left;color:#fff;background:#5c8f25;padding:3px 4px;margin:0 6px 6px 0;}
#home a.box {clear:both;margin:0 6px 0 0;}
a.box:hover {
	color:#FFFFFF;
}


/*
////////  IMAGES  ////////*/

#content p img {float:left;margin:0 12px 6px 0;border:3px solid #1d1d1d;}

#gallery #main-content a img {float:left;margin:0 20px 12px 0;border:5px solid #eee;width:140px;}
#gallery #main-content a img:hover {border-color:#fff;}

/*////////  VERTICAL IMAGES  ////////*/

#gallery #main-content a img2 {float:left;margin:0 20px 12px 0;border:5px solid #eee;width:93px;}
#gallery #main-content a img2:hover {border-color:#fff;}

/*
////////  NAVI & LISTS  ////////*/

#header ul {float:right;padding-top:7px;}
#header ul li {float:left;font-weight:bold;text-transform:uppercase;}
#header ul li a {display:block;font-size:1.1em;color:#fff;padding:4px 8px 3px 6px;}
#header ul li a:hover {background:#272727;}
.navi-description {
	font-size:0.7em;
	color:#508cc1;
	display:block;
	text-transform:none;
}

#header ul li.current {
	background-color: #90c155;
}
#header ul li.current a:hover {
	background:#90c155;
	cursor:default;
}

#main-content ul {float:left;margin-bottom:14px;padding-left:18px;list-style-type:square;}
#main-content ul li {font-size:1.1em;padding-bottom:1px;}

#secondary-content ul {float:left;margin-bottom:14px;list-style:none;}
#secondary-content ul li {font-size:1em;padding-bottom:1px;}
#secondary-content ul li a {
	font-weight:bold;
	color:#90c155;
	text-decoration:none;
}
#secondary-content ul li a:hover {text-decoration:underline;}


/*
////////  SEARCH BOX  ////////*/

form#search {float:right;}
form#search fieldset {border:none;float:right;}
form#search input {font:.9em Verdana,sans-serif;color:#333;background:#fafafa;padding:2px;border:1px solid #666;}
form#search input#submit {
	font:1em Arial;
	color:#fff;
	cursor:pointer;
	padding:1px 6px;
	border:none;
	background-color: #90c155;
}
form#search input#submit:hover {color:#eee;}


/*
////////  CONTACT FORM  ////////*/

#contactform fieldset {border:none;}

#contactform input, #contactform select, #contactform textarea {font:1em Arial;color:#444;border:solid 1px #ddd;background:#fff;margin-top:4px;padding:2px;}

#contactform input.radio {background:none;border:none;}

#contactform label {
	font-weight:bold;
	color:#90c155;
	margin-top:14px;
	display:block;
}

#contactform textarea {width:400px;overflow:auto;margin-bottom:20px;}

#contactform input.submit {color:#fff;background:#5c8f25;cursor:pointer;padding:3px 0;border:none;width:100px;
}
/*
////////  BUY NOW BUTTON  ////////*/
#buynow {
	float: right;
	padding-top: 7px;
}

/*
////////  EASY SLIDER  ////////*/

#intro #slider li {width:780px;height:284px;overflow:hidden;text-align:center;}

#intro #slider li h2 {
	width:280px;
	margin:80px auto 12px auto;
	color:#90c155;
	text-transform:uppercase;
	font-size:1.6em;
}
#intro #slider li p {width:280px;margin:0 250px 12px 250px;}
	
#intro p#controls {margin:0;position:relative;}

#intro #prevBtn, #intro #nextBtn {display:block;margin:0;overflow:hidden;position:absolute;left:-80px;top:-185px;}
#intro #nextBtn {left:840px;float:right;}
#intro #prevBtn a, #intro #nextBtn a {font-size:3em;text-decoration:none;display:block;padding:10px 0;}
#main-content h3 {
	text-transform: uppercase;
	color: #508cc1;
}
.nip {
	color: #5597D3;
	font-family: Arial, Helvetica, sans-serif;
}
.art {
	color: #95CA56;
	font-family: Arial, Helvetica, sans-serif;
}