@charset "utf-8";

* {margin:0; padding: 0}
h1, h2, h3, h4, h5, h6, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 0;
}


p {margin-bottom: 15px;}
body {
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #676767;
	background-image: url(images/bg.jpg);
}

body a { color: #253ce3; text-decoration: none;}

h1, h2 {
	color: #044d7b;
}

h2 {font-size: 14px;}
.smaller {color:#614c3d; font-size: 18px;}
.medium {font-size: 20px; margin-top: 15px; margin-bottom: 15px;}

.smaller a {color: #614c3d;}

 #container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; 

	text-align: left; 
}
 #header {
	width: 100%;
	height: 336px;
	padding: 0;
	float: left;
}


#nav-container {
width: 960px;
height: 28px;
float: left;
	}
	
	
#navigation {
	width: 960px;
	height: 28px;
	float: left;
	overflow: hidden;
	z-index: 50;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	}
	
#navigation ul {
list-style: none;
padding: 0px;
margin: 0px;
}

#navigation li {
display: inline;
float: left;
}

#navigation a {
	display: block;
	height: 28px;
	background-image: url(images/menu.jpg);
	text-indent: -5000px;
}

#nav-home a {background-position: 0 0; width: 89px;}
#nav-home a:hover {background-position: 0 -100px;}
#nav-home a:active {background-position: 0 -200px;}
#nav-home a.current {background-position: 0 -200px;}

#nav-about a {background-position: -89px 0; width: 112px;}
#nav-about a:hover {background-position: -89px -100px;}
#nav-about a:active {background-position: -89px -200px;}
#nav-about a.current {background-position: -89px -200px;}

#nav-why a {background-position: -201px 0; width: 101px}
#nav-why a:hover {background-position: -201px -100px;}
#nav-why a:active {background-position: -201px -200px;}
#nav-why a.current {background-position: -201px -200px;}

#nav-products a {background-position: -302px 0; width: 95px;}
#nav-products a:hover {background-position: -302px -100px;}
#nav-products a:active {background-position: -302px -200px;}
#nav-products a.current {background-position: -302px -200px;}

#nav-services a {background-position: -397px 0; width: 83px;}
#nav-services a:hover {background-position: -397px -100px;}
#nav-services a:active {background-position: -397px -200px;}
#nav-services a.current {background-position: -397px -200px;}

#nav-order a {background-position: -480px 0; width: 105px;}
#nav-order a:hover {background-position: -480px -100px;}
#nav-order a:active {background-position: -480px -200px;}
#nav-order a.current {background-position: -480px -200px;}

#nav-news a {background-position: -585px 0; width: 124px;}
#nav-news  a:hover {background-position: -585px -100px;}
#nav-news  a:active {background-position: -585px -200px;}
#nav-news  a.current {background-position: -585px -200px;}


#nav-careers a {background-position: -709px 0; width: 82px;}
#nav-careers a:hover {background-position: -709px -100px;}
#nav-careers a:active {background-position: -709px -200px;}
#nav-careers a.current {background-position: -709px -200px;}

#nav-become a {background-position: -791px 0; width: 169px;}
#nav-become a:hover {background-position: -791px -100px;}
#nav-become a:active {background-position: -791px -200px;}
#nav-become a.current {background-position: -791px -200px;}





#mainContent {
	width: 960px;
	float: left;
	background-color: #FFFFFF;
	position: relative;
}
#mainContent ul li {margin: 0 0 0 20px; }
#mainContent ul ul li {margin: 0 0 0 40px; }


#mainContent.home {
	height: 427px;
	background-image: url(images/jakes-home-main-content.jpg);
}

#mainContent.sub {
	background-image: url(images/subpage-content-bg.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;
	width: 897px;
	padding: 30px 25px 10px 38px;
	
}
#mainContent.sub p { margin-right: 20px; color:#676767}

#homeBox, #homeBox2, #homeBox3, #homeBox4 {width: 480px; height: 215px; float: left;}

#homeBox a, #homeBox2 a, #homeBox3 a ,#homeBox4 a {display: block; width: 100%; height: 100%; text-indent: -9999px;} */
#contentLeft {
	width: 360px; 
	padding: 0 22px 0 38px;
	float: left;
	padding-top: 23px;
	}
	
#contentRight {
	width: 550px; 
	padding: 23px 25px 0 0;
	float: right;
	}	
	
#leftList { width: 250px; float: left; margin-left: 40px; margin-top: 10px;}
#leftList li {padding-left: 20px; margin-left: 20px; list-style: url(images/bull.jpg) none;}
#rightList {width: 300px; float: left; margin-left: 40px; margin-top: 10px;}
#rightList li {padding-left: 20px; margin-left: 20px; list-style: url(images/bull.jpg) none;}

#image-left{float:left; margin-right: 25px}	
#image-right{float:right;padding-left: 15px}
	
#footer {
	width: 960px;
	height: 127px;
	float: left;
	padding: 30px 0 0 0;
	background-color: #DDDDDD;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

#footer a {color: #63e94f; text-decoration: none;}
.footerhead {color: #2fc1ff; font-size: 14px; font-weight: bold; text-transform:uppercase;}

#footerContainer { width: 960px; margin: 0 auto; height: 157px;}



#flashHolder {
	background-image:url(images/anti-flash-banner.jpg);
	background-repeat:no-repeat;
	float: left;
	height: 242px;
	width: 960px;
}
#bigPhone {
	float: left;
	height: 66px;
	width: 960px;
}
.footerDistributor {
	margin-top: 20px;
	color: #688eb3;
}

#homeCTA {
	width: 960px;
	float: left;
	height: 160px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #288a2a;
	font-size: 18px;
	font-weight: bold;
	font-style:italic;
	
}

#homeCTA p { margin-left: 36px; margin-right: 36px; margin-top: 25px;}

.phone {font-size: 24px}
#ticker {
	position:absolute;
	width:355px;
	height:37px;
	z-index:30;
	left: 296px;
	top: 252px;
}
#sidenav {
	width: 140px;
	float: right;
	height: 100px;
	margin: -16px 28px 25px 25px;
	
}

#sidenav2 {
	width: 276px;
	float: right;
	height: 160px;
	margin: -16px 28px 25px 25px;
	
}
#cta {
	clear: left;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color:#54a556;
	padding-top: 20px;
	line-height: 26px;
}

.green {color:#54a556;}
.tabGreen {color: #49b039;}
.headline {font-family:Arial, Helvetica, sans-serif; color: #614c3d; font-style: normal; font-size: 18px; font-weight: bold;}

.picLeft {float: left; margin-right: 20px; margin-bottom: 20px;}
.picLeft p {font-size: 11px; color:#614c3d; margin-left: 10px; margin-top: 0px; margin-bottom: 0px;}
.picRight {float: right; margin-left: 20px; margin-bottom: 20px;}
.picRight p {font-size: 11px; color:#614c3d; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; }
/* To reset the lists to margin zero for the Spry Widget to work */
#tabsContainer ul li {margin: 0 0 0 0px; }
#tabsContainer ul ul li {margin: 0 0 0 0px; }

#sitemap {
	width: 100px;
    float: right;
}
#emp_login {
	width: 150px; 
	float: left;
	}