/*--------------------------------------*/
/* CSS CREATED BY ERIKA GRECO - 2008 ---*/
/* WWW.ERIKAGRECO.COM ------------------*/
/*--------------------------------------*/

/*-------------------------------------------------*/
/* GENERAL ----------------------------------------*/
/*-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: #31426d url(../img/sky_bg.jpg) fixed top center repeat-x;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #9ea6b6;
}                   
h1, h2, h3, h4, h5, h6 {
	color: #fff;
}
img {
	border: none;
}
a:link,
a:visited {
	color: #666;
}
a:hover,
a:active {
	color: #333;
}
/*-------------------------------------------------*/
/* CLASS ------------------------------------------*/
/*-------------------------------------------------*/
.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
}
.noBorder {
	border: none !important;
}
/*-------------------------------------------------*/
/* ID ---------------------------------------------*/
/*-------------------------------------------------*/
#container {
	width: 939px;
	margin: 0 auto;
}
/*---------------------*/
/* Header -------------*/
/*---------------------*/
#header {
	margin: 10px 0;
}
#header h1 a {
	background: url(../img/nsk_logo.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 332px;
	height: 112px;
}
#header h1 {
	float: left;
	display: inline;
}                   
#header ul {
	float: right;
	display: inline;
	margin: 40px 1px 0 0;
}                   
#header li {
	display: inline;
}                   
#header li a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	height: 34px;
	float: left;
	display: inline;
	margin-left: 5px;
}
#header li a:hover {
	background-position: bottom;
}
/*---------------------*/
/* Top Nav ------------*/
/*---------------------*/
#homeBtn {
	background: url(../img/home_btn.gif) top left no-repeat;
	width: 64px;
}
#aboutBtn {
	background: url(../img/about_btn.gif) top left no-repeat;
	width: 91px;
}
#optionsBtn {
	background: url(../img/options_btn.gif) top left no-repeat;
	width: 135px;
}
#statusBtn {
	background: url(../img/status_btn.gif) top left no-repeat;
	width: 128px;
}
/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#main .top {
	background: url(../img/content_top.png);
	width: 938px;
	height: 7px;
	font-size: 0;
}
#main .mid {
	background: url(../img/content_mid.png);
	width: 930px;
	padding: 10px 8px 15px 0;
}
#main .btm {
	background: url(../img/content_btm.png);
	width: 938px;
	height: 7px;                                                                                              
	font-size: 0;
}
/*---------------------*/
/* Left Column --------*/
/*---------------------*/
#leftCol {
	width: 222px;
	float: left;
	display: inline;
}
#leftCol h3 {
	margin: 0 0 0 20px;
	text-indent: -999em;
	overflow: hidden;
	height: 17px;
}
#leftCol #productTxt {
	background: url(../img/our_products_txt.png) top left no-repeat;
	width: 141px;
}
#leftCol #contactTxt {
	background: url(../img/contact_txt.png) top left no-repeat;
	width: 87px;
}
/*---------------------*/
/* Left Nav -----------*/
/*---------------------*/
#nav {
	background: url(../img/dashed_divider.gif) top left repeat-x;
	margin: 10px 0 15px 0;
	padding-top: 2px;
	position: relative;
}
#nav li {
	background: url(../img/dashed_divider.gif) bottom left repeat-x;
	padding-bottom: 2px;
	list-style: none;
}
#nav li a {
	background: url(../img/star_bullet.gif) 20px no-repeat;  
	display: block;
	padding: 5px 0 5px 40px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}
#nav li a:hover {
	background: #2a395d url(../img/star_bullet_a.gif) 20px no-repeat;
}
/*---------------------*/
/* Contact ------------*/
/*---------------------*/
#contact {
	margin: 15px 0 0 20px;
	list-style: none;
	line-height: 1.5em;
	position: relative;
}
#contact a {
	color: #fff;
	padding: 3px 5px 3px 0;
}
#contact a:hover {
	background: #171d29;
	color: #fff;
	text-decoration: none;
	padding: 3px 5px 3px 0;
}
/*---------------------*/
/* Right Column -------*/
/*---------------------*/
#rightCol {
	position: relative;
	width: 675px;   
	float: left;
	display: inline;
	margin-left: 30px;
}                
#rightCol #welcomeTxt,
#rightCol #aboutTxt,
#rightCol #orderOptionsTxt,
#rightCol #orderStatusTxt,
#rightCol #burpClothsTxt,
#rightCol #tagStyleLoviesTxt,
#rightCol #tagStyleBlanketsTxt,
#rightCol #sockMonkeysTxt {
	background: url(../img/welcome_txt.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 273px;
	height: 22px;
}
#rightCol #aboutTxt {
	background: url(../img/about_txt.png) top left no-repeat;
}
#rightCol #orderOptionsTxt {
	background: url(../img/order_options_txt.png) top left no-repeat;
}
#rightCol #orderStatusTxt {
	background: url(../img/order_status_txt.png) top left no-repeat;
}
#rightCol #burpClothsTxt {
	background: url(../img/burp_cloths_txt.png) top left no-repeat;
}
#rightCol #tagStyleLoviesTxt {
	background: url(../img/tag_style_lovies_txt.png) top left no-repeat;
}
#rightCol #tagStyleBlanketsTxt {
	background: url(../img/tag_style_blankets_txt.png) top left no-repeat;
}
#rightCol #sockMonkeysTxt {
	background: url(../img/sock_monkeys_txt.png) top left no-repeat;
}
#rightCol .intro {
	font-size: 16px;
	margin: 5px 0;
}
/*---------------------*/
/* Right Column -------*/
/*---------------------*/
#rightCol .content {
	margin: 0 10px 0 0;
}
#rightCol .content p {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.4em;
}
/*---------------------*/
/* Product Boxes ------*/
/*---------------------*/
.product {
	width: 332px;
	float: left;
	display: inline;                                        
	margin: 6px 5px 0 0;
}
.productTop {
	background: url(../img/product_top.gif) top left no-repeat;
	height: 16px;
	font-size: 0;
}
.productMid {
	background: url(../img/product_mid.gif) top left repeat-y;
	padding: 0 0 0 10px;
}
.productBtm {
	background: #2b395f url(../img/product_btm.gif) top left no-repeat;
	height: 11px;
	font-size: 0;
}
.productMid img {
	float: left;
	display: inline;
}
.productMid .info {
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	width: 145px;
	color: #212a3c;
}
.productMid h3 {
	font-size: 17px;
	color: #212a3c;
	margin: 0 0 7px 0;
}
.productMid p {
	font-size: 12px;
	line-height: 1.4em;
}
.productMid .price {
	font-weight: bold;
	font-size: 14px;
	margin: 35px 0 5px 0;
}   
.productMid .orderNowBtn {
	background: url(../img/order_now_btn.gif) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 144px;
	height: 33px;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer {
	text-align: center;	
	color: #171d29;
	font-size: 13px;
	margin: 20px 0 0 0;
}
#footer a {
	color: #171d29;
	padding: 3px 5px;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
	background: #171d29;
	padding: 3px 5px;
}
#footer li {                     
	list-style: none;
	display: inline;
	border-right: 1px solid #171d29;
	padding: 0 3px 0 0;
}
#footer ul {
	margin: 0 0 8px 0;
}