/*
Theme Name: Natures Finest
Theme URI: http://4naturesfinest.com/
Description: The default WordPress theme for NF.
Version: 1
Author: Artistik Design Studio
Author URI: http://www.artistikdesigns.com.com/
Tags: Custom
*/

@charset "utf-8";
/* CSS Document */

/* General Styles
-----------------------------------------------------------------------------*/ 
body,html {
	height:100%;
}
body {
	margin: 0px;
	padding:0px;
	background-image: url(images/background-img.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: -200px 1px;
}
.clear { 
    clear:both; 
} 

.right { 
    float: right; 
} 

.left { 
    float: left; 
}
#container {
	width: 1000px;
	margin:0 auto;
	display: block;
	min-height:95%;!important

}
#spacer { 
	height: 95%; 
	float: left; 
	width: 1px; 
	font-size: 1px; 
	padding: 0; 
	margin: 0;  
}

#navbar {
	float: right;
	height: 54px;
	width: 495px;
	margin-top: 30px;
	clear: right;
}

li.last {
	background:none;!important
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 0px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	margin-top: 0px;
}

/* Header & Logo
-----------------------------------------------------------------------------*/ 
#header-box {
	width:1000px;
	background-image:url(images/toplogo-navimg.png);
	background-repeat:no-repeat;
	height:125px;
	margin-top: 10px;
	background-position: bottom;
}
/* Navigation 
-----------------------------------------------------------------------------*/ 
#topnavigation {
	width:1000px;
	float:right;
	height:35px;
}
#mainNavigation {
	display:block;
	float:right;
	width: 570px;
	padding:0;
	margin:0;
}
#mainNavigation li {
	display:block;
	float:right;
}
#mainNavigation li a {
	display:block;
	height:24px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	margin-top:20px;
	padding-right: 8px;
	margin-left: 5px;
}
#mainNavigation li a:hover {
	color:#060;
}
/* Sub-Navigation 
-----------------------------------------------------------------------------*/ 
#bottomnavigation {
	width:250px;
	float:right;
	height:12px;
}
#subNavigation {
	display:block;
	float:right;
	width: 250px;
	margin:0;
	padding:0;
}
#subNavigation li {
	display:block;
	float:left;
}
#subNavigation li a {
	display:block;
	height:12px;
	font-size:12px;
	font-weight:bold;
	color:#6900a6;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
	padding-right: 10px;
	margin-left: 15px;
	background-image: url(../images/nav-divider.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
	margin-top: 23px;
}
#subNavigation li.last a {
	background:none;
}
#subNavigation li a:hover {
	color:#060;
}
/* Header Images
-----------------------------------------------------------------------------*/ 
#header-img {
	background-image:url(images/main-img.png);
	height:291px;
	width:985px;
	background-repeat:no-repeat;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 15px;
	padding-left: 15px;
}
#header-leftcol {
	float:left;
	width:300px;
	background-image:url(images/dottedline.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#header-leftcol li {
	list-style-position: outside;
	list-style-image: url(images/bullet.png);
	list-style-type: none;
	line-height: 20px;
}
#header-rightcol {
	float:right;
	width:285px;
	margin-right: 380px;
}
#header-rightcol li {
	list-style-position: outside;
	list-style-image: url(images/bullet.png);
	list-style-type: none;
	line-height: 20px;
}
#header-rightcollrg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #660066;
	text-decoration: none;
	margin-left: 100px;
	margin-top: 175px;
}
.lineheight18 {
	line-height: 18px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#homeMdlBoxes {
	display:block;
	list-style:none;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#middle-btns #homeMdlBoxes li {
	list-style:none;
	display:block;
	float:left;
	margin:0!important;
	margin-right:13px!important;
}
#homeMdlBoxes li a.img-link {
	display:block;
	width:324px;
	height:119px;

}
#homeMdlBoxes li a.more img {
	margin-top:5px;
	margin-bottom:-5px;
}
#middle-btns #homeMdlBoxes li.last {
	margin:0!important;
}

#middle-btns {
	width:1000px;	
	padding:0 auto;
	margin:0 auto;
	text-align:left;
	min-height:125px;
	height:125px;
}

/* Body Content
-----------------------------------------------------------------------------*/ 
#content-page {
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin-top: 15px;	
}
#left-column {
	width:480px;
	float:left;
	background-image: url(images/dottedline.gif);
	background-repeat: repeat-y;
	background-position: 500px;
	padding-right: 50px;
}
#right-column {
	width:450px;
	float:right;
}
#sub-page-content {
}
/* Footer
-----------------------------------------------------------------------------*/ 
#footer {
	background-image:url(images/footer-img.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:55px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
}
#copyright {
	float:left;
	width:300px;
	color:#FFF;
	font-size:12px;
	margin-top: 10px;
	margin-left: 10px;
}
#copyright a {
	color:#FFF;
	text-decoration:none;
}
#copyright a:hover {
	color:#CF0;
	text-decoration:underline;
}
#footer-links {
	float:right;
	width:300px;
	color:#FFF;
	font-size:12px;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}
#footer-links a {
	color:#fff;
	text-decoration:none;
}
#footer-links a:hover {
	color:#CF0;
	text-decoration:underline;
}

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}

.alignleft {
	margin: 10px 20px 8px 0;
	float: left;
}

.alignright {
	margin: 10px 0px 8px 20px;
	float: right;
}