/*
Theme Name: Keena 2.0
Theme URI: http://www.keenaco.com/
Description: A theme custom designed for the swell folks at Keena. <p><small> Developed by <a href="http://www.mrdiggles.com/">Mr. Diggles</a>. Protected by <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.</small>
Version: 2.0
Author: Mr. Diggles
Author URI: http://www.mrdiggles.com/
*/

/* Global */
html
{
	/* Force Vertical Scrollbar */
	/* IE */
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

*
{
	padding: 0;
	margin: 0;
}

body
{
	font-size: small;
	font-family: Georgia, Arial;
	color: #5A4430;
	background: #c1c489 url(img/body-bg.jpg) top left repeat-x;
	margin-top: 30px;
	padding-bottom: 75px;
}

/************************************   GENERAL    ****************/


img { 
	border: 0; 
}

a { 
	text-decoration: none; 
	color: #3366ff; 
}


div.clear {
	clear: both;
}




/************************************   HEADER    ****************/


div.header {
	height: 70px;
	width: 98%;
	margin-left: 2%;
	background: #757A05 url(img/repeat-bar.jpg) top left repeat-x;
}

div.headerwrap {
	height: 70px;
	width: 870px;
}


/************************************  HEADER NAV   ****************/


div.logo {
	width: 167px;
	height: 57px;
	float: left;
	padding-left: 33px;
	padding-top: 13px;
	background: #757A05 url(img/logo-bg.jpg) top left repeat-x;
}

div.nav ul {
	list-style: none;
	background: #555 url(img/reps-bg.jpg) top right repeat-x;
	height: 70px;
}

div.nav ul li{
	float: left;
	text-align: center;
	line-height: 65px;
	text-transform: uppercase;
	font-size: 90%;
}

div.nav ul li a{
	display: block;
	margin-top: 5px;
	color: #EEF0BE;
	letter-spacing: 1px;
	text-decoration: none;
}

div.nav ul li.one{
	width: 125px;
	background: #9E5236 url(img/news-bg.jpg) top left repeat-x;
	border-right: 10px solid #ED3D7D;
	border-left: 10px solid #D6E336;
}

div.nav ul li.one a:hover{
	color: #D6E336;
}


div.nav ul li.two{
	width: 150px;
	background: #ADB326 url(img/manu-bg.jpg) top left repeat-x;
	border-right: 10px solid #FF6E63;
}

div.nav ul li.two a:hover{
	color: #ED3D7D;
}

div.nav ul li.three{
	width: 100px;
	background: #6170B3 url(img/contact-bg.jpg) top left repeat-x;
	border-right: 10px solid #757A05;
}

div.nav ul li.three a:hover{
	color: #FF6E63;
}

div.nav ul li.four{
	width: 130px;
	background: #c47800 url(img/trade-bg.jpg) top left repeat-x;
	border-right: 10px solid #80DBC9;
}

div.nav ul li.four a:hover{
	color: #80DBC9;
}


div.nav ul li.five{
	width: 115px !important; width: 112px;
	background: #cbd82d url(img/res-bg.jpg) top right no-repeat;
	
}

div.nav ul li.five a:hover{
	color: #6170B3;
}


/************************************  MAIN   ****************/

div.main {
	width: 870px;
	margin-left: 2%;
}



/************************************   SECONDARY    ****************/

div.secondary	{
	float: left;
	width: 200px;
	height: 100%;
	margin-top: 0px;
	overflow: hidden;
}

div.secondary h3{
	color: #dfdfdf;
	font-weight: 100;
	font-size: 110%;
	padding: 20px 0px 0px 20px;
}

div.secondary img{
	width: 200px;
}

div.secondary p{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: .7em;
}

div.secondary img.center {

}





/************************************   ENTRY    ****************/



div.entry {
	width: 595px;
	min-height: 490px;
	padding: 30px 30px 50px 0px;
	float: right;
}

div.entry h2 {
	font-weight: 100;
	border-bottom: 1px solid #5A4430;
	padding-bottom: 0px;
	margin-bottom: 15px;
	font-size: 200%;
	letter-spacing: 1px;
	color: #5A4430;
	font-style: italic;
}


div.entry p{
	font-size: 85%;
	line-height: 1.5em;
	text-align: justify;
	color: #5A4430;
}




div.gallery {
	width: 600px;
	margin-top: 20px;
}



div.gallery img {
	border: 0px;
	margin: 5px 8px 5px 7px;
	float: left;
	width: 135px;
	height: 135px;
}

div.gallery a {

}



/*****************************************    PROFILES SIDEBAR NAV    *********/


div.profilenav {
	float: left;
	width: 200px;
	min-height: 540px;
	background: #5A4430 url(img/profile-bg.jpg) top left repeat-y;
}

div.profilenav ul{
	list-style: none;
	padding: 15px 0px 15px 15px;
}


div.profilenav li {
	font-size: 75%;
}


div.profilenav li a{
	text-decoration: none;
	color: #EEF0BE;
	display: block;
	margin: 0px 0px !important; margin: -6px 0px;
	padding: 1px 0px;
	text-transform: uppercase;
}


div.profilenav li a:hover{
	color: #D6E336;
}


div.profilenav li.selected a{
	color: #80DBC9;
}


/************************************   PAGES    ****************/

div.page {
	width: 595px;
	min-height: 490px;
	padding: 35px 30px 50px 0px;
	float: right;
	line-height: 1.5em;
}

div.page h2 {
	font-weight: 100;
	border-bottom: 1px solid #5A4430;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-size: 200%;
	letter-spacing: 1px;
	color: #5A4430;
	font-style: italic;
}


div.page h5.checkout {
	font-size: 140%;
}

div.page img.welcome {
	border-bottom: 1px solid #757A05;
	padding-bottom: 8px;
	margin-bottom: 8px;
}


div.page p{
	font-size: 85%;
	text-align: justify;
	color: #5A4430;
}


div.page p.good {
	text-transform: uppercase;
	text-align: center;
	padding-top: 12px;
	font-size: 70%;
}

div.page p.good a{
	color: #757A05;
}

/*****************************************    CONTACT    *********/





div.contact p{
	font-size: 85%;
	line-height: 1.3em;
	text-align: justify;
	color: #5A4430;
	margin-bottom: 24px;
}


div.contact a{
	color: #ED3D7D;
	text-decoration: none;
}


a#cydel {
	color: #757A05;
}

a#jesse {
	color: #6170B3;
}

a#catharine {
	color: #9E5236;
}



/*****************************************    CONTACT SIDEBAR NAV   *********/



div.reps ul.srleft{
	float: left;
	width: 220px;
	margin-bottom: 30px;
}

div.reps ul.srright{
	float: left;
	width: 250px;
}


div.reps ul.srright a{
	color: #ED3D7D;
}


div.reps ul.srleft a{
	color: #ED3D7D;
}


div.reps ul{
	list-style: none;
	padding: 5px 0px 0px 0px;
}

div.reps ul.associate{
	list-style: none;
	padding: 5px 0px 0px 0px;
	margin-bottom: 12px;
	border-top: 1px dotted #5A4430;
	width: 170px;
	height: 260px;
	margin-right: 25px;
	float: left;
}

div.reps ul.associate img{
	width: 80px;
	height: 80px;
}

div.reps ul.associate li {
	font-size: 90%;
	padding: 0px 0px;
}

div.reps ul.associate li a{
	text-decoration: none;
	color: #ED3D7D;
}

div.reps ul.associate li.name {
	font-size: 130%;
}


div.reps ul.associate li.number{
	font-size: 100%;
}



div.reps ul.associate li.fax{
	font-size: 100%;
}


div.reps ul.associate li.email {
}	


div.reps ul.associate li.region {
	padding-top: 8px;
	color: #6170B3;
}	

div.reps ul.associate li.region span{
	color: #757A05;
	font-style: italic;
}



div.reps  h3{
	color: #9E5236;
	padding: 20px 0px 13px 0px;
	font-weight: 100;
	letter-spacing: 2px;
}


div.reps  h4{
	color: #757A05;
	font-size: 90%;
}

div.reps  h5{
	font-size: 90%;
	margin: 20px 0px 3px 0px;
	font-weight: bold;
}



/*****************************************    TRADESHOWS    *********/


div.tradeshow h2 span {
	color: #C47800;
}


div.tradeshow p{
	font-size: 85%;
	line-height: 1.3em;
	text-align: justify;
}

div.tradeshow p.booth{
	margin-bottom: 20px;
}


div.tradeshow p.location{
	color: #6170B3;
}

div.tradeshow p.date{
	font-weight: bold;
}