/*
Theme Name: Advanced Biological Marketing
Description: A custom theme for the new Advanced Biological Marketing (ABM) web site
Author: Rhaya Shilts
Author URI: http://rhaya.com/
*/


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

* html ul li a {height:1em;}

html,body {
height:100%;
background:#fff;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #575757;
line-height: 170%;
text-align:center;
background:url(images/template/bodybg.gif) top center;
}

/* ------------- LAYOUT ------------- */

#frame {
position:relative; /* needed for footer positioning */
width:816px;
margin:0 auto;
text-align:left;
background:url(images/template/framebg.gif);
height:auto !important; 
height:100%; 
min-height:100%;
}

#framehome {
position:relative; /* needed for footer positioning */
width:816px;
margin:0 auto;
text-align:left;
background:url(images/home/framebg.gif);
height:auto !important; 
height:100%; 
min-height:100%;
}

#left {
width:202px;
float:left;
}

#right {
width:614px;
float:left;
}

#homepage {
width:796px;
float:left;
border-top:1px dashed #f9debc;
margin:0 10px 0 10px;
display:inline;
}

/* ------------- SEARCH ------------- */


#search {
height: 26px;
width: 256px;
background:url(images/template/searchbg2.gif) no-repeat;
padding:5px 0 0 560px;
color:#fff;
}


/* ------------- LOGO ------------- */


#logo {
height: 93px;
width: 202px;
background:url(images/template/logobg2.gif) no-repeat;
}

#logohome {
height: 93px;
width: 202px;
background:url(images/home/logobg2.gif) no-repeat;
}

#logo a, #logohome a {
height:50px;
width: 135px;
left: 32px;
top:29px;
display: block;
text-indent: -9999px;
position:relative;
overflow:hidden;
}

/* ------------- MAIN NAVIGATION ------------- */


#nav {
height: 93px;
width: 614px;
background:url(images/template/navbg2.gif) no-repeat;
}

ul#nav_main {
list-style-type:none;
position:relative;
width: 538px;
height: 21px;
top: 53px;
left: 21px;
}

li#company {
position:absolute;
left: 0px;
width:110px;
height:21px;
background: url(images/template/nav/company.gif) no-repeat;
}

li#company a {
display:block;
height:21px;
width: 110px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#agriculture {
position:absolute;
left: 124px;
width:158px;
height:21px;
background: url(images/template/nav/agriculture.gif) no-repeat;
}

li#agriculture a {
display:block;
height:21px;
width: 158px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#performance {
position:absolute;
left: 297px;
width:241px;
height:21px;
background: url(images/template/nav/performance.gif) no-repeat;
}

li#performance a {
display:block;
height:21px;
width: 241px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#company a:hover { background: url(images/template/nav/companyroll.gif) no-repeat; }
li#agriculture a:hover { background: url(images/template/nav/agricultureroll.gif) no-repeat; }
li#performance a:hover { background: url(images/template/nav/performanceroll.gif) no-repeat; }



/* ------------- SIDE NAVIGATION ------------- */

#sidenav {
width:202px;
}

#sidenav ul {
background:url(images/template/sidenavbg.gif);
list-style-type:none;
font-size : 12px;
color:#ffffff;
display: block;
line-height:24px;
width:194px;
margin:0 0 0 8px;
padding:0 0 5px 0 ;
}

#sidenav ul a {
color:#ffffff;
text-decoration:none;
display: block;
}

#sidenav ul a:hover {
background:#d88312;
text-decoration:none;
}

#sidenav li {
margin:0 28px 0 18px;
border-bottom:1px solid #f1b566;
text-indent:5px;
}


/* ------------- RECENT NEWS ------------- */


#recentnews {
width:162px;
padding:16px 0 0 24px;
}

#recentnewshome {
width:160px;
padding:15px 18px;
background:#f1b566;
float:left;
margin:14px 0 0 0;
display:inline;
}

#recentnews h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
color:#c77302;
font-size:24px;
font-weight:normal;
}

#recentnewshome h1.orange {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
color:#c77302;
font-size:24px;
font-weight:normal;
}

#recentnews ul, #recentnewshome ul {
list-style-type:none;
font-size : 11px;
color:#676767;
display: block;
line-height:120%;
}

#recentnews ul a, #recentnewshome ul a {
color:#676767;
text-decoration:none;
display: block;
}

#recentnews ul a:hover, #recentnewshome ul a:hover {
color:#c77302;
text-decoration:underline;
}

#recentnews li, #recentnewshome li {
padding:6px 0 6px 0;
}



/* ------------- CONTENT ------------- */

#content {
width:550px;
border-top:1px dashed #f9debc;
padding:24px 32px 44px 24px;
}

#homecontent {
width:619px;
padding:12px 13px 20px 10px;
float:left;
}

#content p, #homecontent p {
margin:0 0 15px 0;
}

#content h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
color:#367c2b;
font-size:18px;
}

#homecontent h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:12px 0 10px 0;
color:#367c2b;
font-size:24px;
font-weight:normal;

}

#content h1.postitle {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 5px 0;
color:#367c2b;
font-size:18px;
}

#content h1 a, #homecontent h1 a {
color:#367c2b;
text-decoration:none;
}

#content h1 a:hover, #homecontent h1 a:hover {
color:#c77302;
text-decoration:none;
}

#content h2 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 8px 0;
color:#c77302;
font-size:14px;
border-bottom:2px solid #f9debc;
font-weight:normal;
}

#content a, #homecontent a  {
color:#c77302;
}

#content a:hover, #homecontent a:hover {
color:#367c2b;
}

hr {
border:none 0;
border-top:1px solid #cccccc;
height:1px;
margin:0 0 15px 0;
}

#content ol {
margin: 15px 0 15px 20px;
}

#content ul {
margin: 15px 0 15px 20px;
}

#content li {
margin: 0 0 10px 0;
}

.smalltext {
font-size:10px;
color:#999;
}

/* ------------- HOME PAGE PARAGRAPH ------------- */

#homeparagraph {
border-top:1px dashed #f9debc;
float:left;
width: 400px;
margin:14px 0 0 20px;
display:inline;
}

/* ------------- IMAGE ALIGNMENT ------------- */


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border:1px solid #f9debc
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* ------------- PRODUCT LOGOS ------------- */

#productlogos {
width:154px;
float:left;
padding:12px 0 44px 0;
display:inline;
}

#productlogos h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
color:#939393;
font-size:18px;
font-weight:normal;
}

#productlogos ul {
list-style-type:none;
display: block;
}

#productlogos ul a {
display: block;
}

#productlogos li {
width:136px;
height:80px;
margin: 0 0 10px 0;
}

#productlogos li a {
display:block;
width:136px;
height:80px;
border:3px solid #e7e7e7;
}


/* ------------- CALCULATOR ------------- */


#calculator {
border:1px solid #a4ce9e;
width:240px;
padding:10px;
font-size:11px;
float:left;
}

.results {
font-size: 14px;
color: #FFFFFF;
margin-top: 15px;
margin-bottom: 5px;
background-color: #367c2b;
padding-left: 10px;
line-height: 30px;
height: 30px;
}
.resultbox {
font-size: 14px;
font-weight: bold;
display: inline;
}

/* ------------- MORE T22 STYLES ------------- */

#chart {
width:270px;
float:left;
margin:0 0 0 15px;
display:inline;
}

#t22list {
border:1px solid #a4ce9e;
width:220px;
padding:10px 15px;
font-size:11px;
float:right;
display:inline;
margin:0 0 0 15px;
}

#t22list ul {
margin: 5px 0 15px 10px;
}

#t22list li {
margin: 0 0 5px 0;
}



/* ------------- FOOTER ------------- */


#footer {
color:#b1b1b1;
border-top:1px dashed #f9debc;
width:614px;
position:absolute;
bottom:0; /* stick to bottom */
font-size:10px;
text-align:center;
margin:10px 0 10px 202px;
padding:5px 0 0 0;
}

#footerhome {
color:#b1b1b1;
border-top:1px dashed #f9debc;
width:796px;
position:absolute;
bottom:0; /* stick to bottom */
font-size:10px;
text-align:center;
margin:10px 10px 10px 10px;
padding:5px 0 0 0;
}

#footer a, #footerhome a {
color:#367c2b;
text-decoration:none;
}

#footer a:hover, #footerhome a:hover {
color:#367c2b;
text-decoration:underline;
}

/* --------------- WHERE TO BUY ------------*/

.maphead {
font-family:"Times New Roman", Times, serif;
color:#000;
text-align:center;
margin:0;
padding:0;
}
h1.maphead {
font-size:1.2em;
}
h2.maphead {
font-size:1em;
}
.blocks {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:255px;
display:block;
line-height:1.5em;
text-align:center;
margin-top:10px;
padding-top:5px;
height: 6.5em;
}
.f_l {float:left;}
.f_r {float:right;}
#oh {
background-color:#D9DFCF;
border:1px solid #AEB3A6;}
#fl {
background-color:#F1CD9D;
border:1px solid #BCA07B;}
#ne {
background-color:#A3B5A1;
border:1px solid #6F7B6D;}
#mn {
background-color:#B78F81;
border:1px solid #917166;}
#mi {
background-color:#F9EBC6;
border:1px solid #D3C7A8;}
#don {
	background-color:#EFEFEF;
	border:1px solid #999999;
}
.upline {border-top:1px dotted #CCC;padding-top:10px;margin-top:10px;}
.clear {clear:both;}
#mapwrap a:link {color:#0000CC;}
#mapwrap {width:520px;}

/* --------------- MAP   ------------*/
#pic {
  width: 500px;
  height: 300px;
  position: relative;
}
#pic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#pic li {
line-height:1.3em;
}
#pic a {
  position: absolute;
  width: 46px;
  height: 59px;
  color: #000;
  text-decoration: none;
  border: 1px solid transparent;
  cursor:pointer;

}
#pic a .outer {
  display: block;
  width: 46px;
  height: 49px;
}
#pic a .inner {
  display: block;
  width: 46px;
  height:49px;
}
#pic a:hover {
}
#pic:hover a .outer, #pic a:hover .outer {
}
#pic:hover a .inner, #pic a:hover .inner {
 
}
#pic .mike a {
  top: 100px;
  left: 43px;
   background-image: url(http://www.abm1st.com/images/map/mkeysor.jpg);
	background-repeat: no-repeat;
}
#pic .scott a {
	top: 59px;
	left: 149px;
   background-image: url(http://www.abm1st.com/images/map/snelson.jpg);
	background-repeat: no-repeat;
}
#pic .vince a {
  top: 78px;
  left: 259px;
   background-image:url(http://www.abm1st.com/images/map/vwertman.jpg);
	background-repeat: no-repeat;
}

#pic .don a {
  top: 185px;
  left: 330px;
   background-image:url(http://www.abm1st.com/images/map/tgairhan.jpg);
	background-repeat: no-repeat;
}

#pic .brad a {
  top: 50px;
  left: 365px;
   background-image:url(http://www.abm1st.com/images/map/btucker.jpg);
	background-repeat: no-repeat;
}

#pic a .note {
  position: absolute;
  bottom: -4em;
  width: 9em;
  padding: 0.2em 0.5em;
  background-color:#FFF4C9;
  text-align: center;
  left: -30000px;
  margin-left: -7.5em;
  font:Verdana, Arial, Helvetica, sans-serif; 
  font-size:12px;
  color:#3F3F3F;
  border:1px solid #658758;
  cursor:pointer;
}

#pic a:hover .note {
  left: 50px;
}
.contact {
	color:#0000FF;
	text-decoration: underline;
}
#pic a .dbnote {
	position: absolute;
	bottom: -4em;
	width: 9em;
	padding: 0.2em 0.5em;
	background-color:#FFF4C9;
	text-align: center;
	left: -30000px;
	margin-left: -7.5em;
    font:Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px;
	color:#3F3F3F;
	border:1px solid #658758;
	cursor:pointer;
}
#pic a:hover .dbnote {
	left: 50px;
}
#pic a .snnote {
	position: absolute;
	bottom: -3em;
	width: 9em;
	padding: 0.2em 0.5em;
	background-color:#FFF4C9;
	text-align: center;
	left: -30000px;
	margin-left: -7.5em;
    font:Verdana, Arial, Helvetica, sans-serif; 
    font-size:12px;
	color:#3F3F3F;
	border:1px solid #658758;
	cursor:pointer;
}
#pic a:hover .snnote {
	left: 50px;
}