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

html{ background:#FFFFFF url(../images/bg3.gif) repeat-x top center; width:99%; height:100%; margin:0; padding:0;}
body { width:943px; margin:0 auto; padding:0; font:12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#818181; }
h1, h2, h3, h4, p, ul { margin:0 0 18px 0; }
h2 { color:#444444; font-size:18px; font-weight:normal; }
h3 { color:#444444; font-size:16px; font-weight:normal; }
h4 { color:#444444; font-size:14px; font-weight:normal; }
a { color:#6e2e2e; }
a:hover { color:#222222; }
.dgray { color:#333333; }

/** ul#menu - Global Navigation **/
ul#menu { margin-top:7px; display:block; list-style-type:none; padding:0 30px; width:883px; height:27px; overflow:hidden; margin-top:57px; }
ul#menu li { display:block; float:left; height:50px; }

ul#menu li a { margin:0; padding:0; height:27px; line-height:10px; text-indent:-9999px; float:left; }
ul#menu li, ul#menu li a { background-image: url(../images/gnav.gif); background-repeat:no-repeat; }

ul#menu li#home, ul#menu li#home a { width:65px; background-position:0 0; }
ul#menu li#home a.on, ul#menu li#home a:hover { width:65px; background-position: 0 -27px; }

ul#menu li#about, ul#menu li#about a { width:72px; background-position:-65px 0; }
ul#menu li#about a.on, ul#menu li#about a:hover { width:72px; background-position: -65px -27px; }
ul#menu li#why, ul#menu li#why a { width:133px; background-position:-137px 0; }
ul#menu li#why a.on, ul#menu li#why a:hover { width:133px; background-position: -137px -27px; }
ul#menu li#services, ul#menu li#services a { width:89px; background-position:-270px 0; }
ul#menu li#services a.on, ul#menu li#services a:hover { width:89px; background-position: -270px -27px; }
ul#menu li#contact, ul#menu li#contact a { width:63px; background-position:-358px 0; }
ul#menu li#contact a.on, ul#menu li#contact a:hover { width:63px; background-position: -358px -27px; }
ul#menu li#space, ul#menu li#space a { width:340px; background-position:-420px 0; }
ul#menu li#space a.on, ul#menu li#space a:hover { width:340px; background-position: -420px -27px; }
ul#menu li#login, ul#menu li#login a { width:121px; background-position:-763px 0; }
ul#menu li#login a.on, ul#menu li#login a:hover { width:121px; background-position: -763px -27px; }
			
div#wrapper { background:#FFFFFF; padding:0 30px 10px; overflow:hidden; }


/** HOME - Main Content **/
body#homepage div#copy { overflow:auto; margin:0; }
body#homepage div#copy .column { float:left; margin:0; }
div#hm_left { width:295px; float:left; margin:0; padding-right:30px; }
div#hm_right { border-left:1px solid #E1E1E1; width:155px; padding: 0 0 0 30px; }
div#hm_left p, div#hm_right p { margin:0; }
div#hm_middle { border-left:1px solid #E1E1E1; width:320px; padding:0 25px; }
div#hm_middle p { margin:0; }


/** Contact Info **/
h2.gcontact {background-image:url(../images/h2_contact.gif); width:56px; height:10px; text-indent:-9999px; margin-bottom:17px; }
.contact_info { font-size:10px; line-height:17px; }
.contact_element { color:#333333; font-weight:bold; margin-right:6px; }


/** H# - Header Graphics **/
h1#logo { background-image:url(../images/logo.gif); width:201px; height:24px; text-indent:-9999px; margin:36px 0 30px 0; }
h2.hm_header { background-image:url(../images/h3_home.jpg); width:881px; height:228px; text-indent:-9999px; margin-bottom: 64px;}
h3.leading { background-image:url(../images/h3_leading.gif); width:300px; height:42px; text-indent:-9999px; }


/** Secondary Layout **/
#body_left { width:314px; float:left; margin:0; }
#body_right { width:569px; float: right; margin:0; }
.left_border { border-left: 1px solid #E1E1E1; padding: 0 30px;}

h2.about { background-image:url(../images/title_about.gif); width:200px; height:18px; text-indent:-9999px; margin:47px 0 25px 30px; }
h3.about_experience { background-image:url(../images/h3_about.jpg); width:538px; height:228px; text-indent:-9999px; }
h2.why_agriglobe { background-image:url(../images/title_why.gif); width:200px; height:18px; text-indent:-9999px; margin:47px 0 25px 30px; }
h3.why_safeguard { background-image:url(../images/h3_why.jpg); width:538px; height:228px; text-indent:-9999px; }
h2.services { background-image:url(../images/title_services.gif); width:200px; height:18px; text-indent:-9999px; margin:47px 0 25px 30px; }
h3.services_analysis { background-image:url(../images/h3_services.jpg); width:538px; height:228px; text-indent:-9999px; }
h2.contact_ag { background-image:url(../images/title_contact.gif); width:200px; height:18px; text-indent:-9999px; margin:47px 0 25px 30px; }
h3.contact_banner { background-image:url(../images/h3_contact.jpg); width:538px; height:228px; text-indent:-9999px; }

/** FORM **/
label { display:block; width: 90px; margin-bottom:15px; float:left; clear:left; font-size: 11px; font-weight:bold; color:#333333; }
input.text { width: 320px; height:20px; border:1px solid #E1E1E1; margin-bottom:10px; padding: 0 0 2px; }
input.button { border:3px double #E1E1E1; float:right; margin-top:-34px; }
textarea { width: 320px; height: 80px; border:1px solid #E1E1E1;  }

/** FOOTER **/
#gfooter { border-top: 1px solid #E1E1E1; margin:0; color:#B5B3B3; font-size: 10px; margin-top:20px; padding: 10px 0 10px 0; clear:both; }
#copyright { float:left; }
ul#footer { display:block; list-style-type:none;; width:272px; overflow:hidden; float:right; }
ul#footer li { display:block; float:left; padding-left:13px; }
ul#footer li a { color:#B5B3B3; text-decoration:none; }
ul#footer li a:hover { color:#818181; text-decoration:none; }