body {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-color:#5d3322;
	text-align:center;
}

body.dev_body {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-color:#000;
	text-align:center;
}


body.products {
	padding:0px; 
	margin:0px; 
	background-color:#000; 
	background-image:url(../images/Jamah_branding_dev.gif); 
	background-repeat:no-repeat; background-position: 98% 5%; 
	background-attachment:fixed;
}

.products-headers {
	text-align: left;
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:20px; 
	margin:0;padding:0; 
	color:#C6C6C6; 
	margin-left:15px;
}

.product-sub-header {
    text-align: left;
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-size:15px; 
	margin:0;padding:0; 
	color:#666666;  
	margin-left:16px; margin-bottom:7px;
}

/* AUTHOR FOR HOME/INDEX PAGE: David G - STYLES FOR THE INDEX OR HOME PAGE OF JAMAH  */
/* This is the MAIN CONTAINER that houses all the elemnents */
div.container {
 width: 714px; 
 height:auto;
 margin-top:23px;
 }
 /* This is the head or top within the MAIN CONTAINER */
div.head {
 width: 720px;
 height: 77px;
 }
/* The Branding  or logo for jamah */ 
div.branding {
width:245px;
height: 77px;
float:right;
background-image:url('images/Jamah_branding.gif');
}

div.branding_dev {
width:245px;
height: 77px;
float:right;
margin-right: 20px;
}
/* made in the USA formatting */
div.usa {
 width: 200px; 
 float: left;
 margin-left: 78px;
 margin-top: 61px;
 font-weight:normal;
 font-family: 'Century Gothic', sans-serif;
 color: #FFF;
 font-size:11px;
}
/* this is below the head of the div HEAD */ 

/* left verticle navigation */
div.left-navigation {
 background-image:url('images/left-nav-bg.jpg');
 background-repeat:no-repeat;
 background-color:#5d3322;
 width:130px;
 height:600px;
 float: left;
 color: #fff;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 font-family: 'Century Gothic', sans-serif;
 position:absolute;
 top:100px;
}

/* left verticle navigation */
div.left-navigation_dev {
 background: url(images/left-nav-grey-bg.gif) repeat-y;
 width:130px;
 height:445px;
 float: left;
 color: #fff;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 font-family: 'Century Gothic', sans-serif;
 position:absolute;
 top:100px;
}

div.left-bottom {
  padding-top:0px;
  width:128px;
  float:left;
  padding-right:2px;
  background-color:#2e1916;
  position:absolute;
  top:346px;
}

div.left-bottom_dev {
  position: relative;
  padding-top:0px;
  width:128px;
  float:left;
  padding-right:2px;
  background-color:#000;
  position:absolute;
  top: 445px;
}

/* this where the different a href hover states begin for the left navigation begins */
a.links {
 color: #FFF;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 font-family: 'Century Gothic', sans-serif;
 margin-right:5px;
}

a.links:hover {color:#000;}

a.links_dev {
 color: #FFF;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 font-family: 'Century Gothic',sans-serif;
 margin-right:5px;
}

a.links_dev:hover { color:#C0C0C0; }

#home-link {
margin-top: 120px; 
width: 130px;
text-align: right;
width:130px;
background: #E94E02;
padding: 4px 0px;
}



#mini-box {
margin-top: 6px;
width: 130px;
text-align: right;
background: #E94E02;
padding: 3px 0px;
}

#mini-box_dev {
margin-top: 6px;
width: 130px;
text-align: right;
background: #3D3D3D;
padding: 3px 0px;
}


#mini-box-dev-box {
margin-top: 6px;
text-align: right;
width:130px;
background: #3D3D3D;
padding: 3px 0px;
}

div.right {
 width: 584px;
 height: auto;
 float: right;
}


/* bottom for home or index page nav */
div.inline-nav {
 margin-top: 0px;
 padding-top:15px;
 margin:0px;
 /* Rob changed the margin top code above: David G added 5px on the height stlye */
background-image:url('images/bg.gif');
 width: 584px;
 height: 50px;
 }

/* bottom for home or index page nav */
div.inline-nav_dev {
 margin-top: 0px;
 padding-top:20px;
 margin:0px;
 background:url('images/bg_dev.gif') repeat-x; 
 /* background-color: #212121;*/
 width: 584px;
 height: 50px;
 } 
 
.box_model {
padding-top: 2px;
background:url('images/bg_dev.gif') repeat; 
width:130px;
min-height:300px;
height:auto !important;
height: 300px;
}
/* phone number container */
div.phone {
 width: 130px;
 height: 61px;
 float: left;
 background-image:url('images/bg.gif');
 margin-top: -100px;
 margin-left: -7px;
}
/* formats those ul containers */
ul.bottom-links{
 color: #FFF;
 width: 380px;
 float: right;
 margin-top: -5px;
 margin-right: 10px;
 letter-spacing: 0px;
 
}
/* formats the li tags with the a href links */
li {
 display: inline;
 padding-left: 5px;
 }
a {
 color: #FFF;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 font-family: 'Century Gothic', sans-serif;
} 
a.bottom:hover { color: #9EC061;}
a.bottomDev:hover {  color: #C0C0C0;}
div.footer { 
background-image:url('images/footer-img.gif');
text-align: left;
width: 717px;
height: 81px;
}
/* INDEX OR HOME PAGE STYLES ENDS HERE */

/* STYLES FOR ALL THE WEB PAGES FOOTER NAVIGATION  */
div.footer_nav {
 margin-left: 220px;
 margin-top: 300px;
 width: 420px;
 height: 61px;
 padding-top: 15px;
}
/* format those ul containers */
ul.footer-nav-links{
 color: #FFF;
 width: 420px;
 float: right;
 margin-top: -5px;
 margin-right: 10px;
}
li.footer-nav {
 display: inline;
 padding-left: 5px;
 }
 
a.footer-links {
 color: #FFF;
 text-decoration: none;
 font-weight: normal;
 font-size: 10px;
 font-family:  Arial sans-serif;
} 
a.footer-links:hover { color: #9EC061;}
div.footer { 
background-image:url('images/footer-img.gif');
text-align: left;
width: 717px;
height: 81px;
}

.bottom-nav {
float: right; 
margin-right:10px; 
margin-top: -7px;
}

.row { padding-left: 1.5em}

	
/* FOOTER NAVIGATION STYLES ENDS */