/*
 * Theme Name: biNu Corporate
 * Theme URI: http://www.binu.net
 * Description: Theme for the biNu corporate site
 * Version: 0.1
 * Author: Joe Lipson
 * Author URI: http://www.ratemyink.com/
 * Tags: 
 *
 * biNu 0.1
 * http://www.binu.net/
 *
 * This theme was designed by Sarah Edwards and built by Joe Lipson
 *
 *                                                 
 *                                                 
 */

body {
  background-color:#FFFFFF;
  background-image:url('images/blue_grade_bg.png');
  background-repeat:repeat-x;
  margin:0;
  text-align:center;
  font-family:verdana,arial,sans-serif;
  color:#5f6062;
  min-width:1000px;
}

#masthead {
  text-align: left;
  margin-top:12px;
  margin-left:auto;
  margin-right:auto;
  border:0px;
  height:133px;
  width:1000px;
  background-image:url('images/masthead_bg.jpg');
  background-repeat:no-repeat;
}

#nav {
  background-image:url('images/nav_bg.png');
  background-repeat:repeat-x;
  height:38px 
}

#menu {
  background-image:url('images/menu_bg.png');
  background-repeat:repeat-x;
  margin:0 auto;
  height:38px;
  width:970px;
}

#menu_shadow_out {
  height:5px;
  background-image:url('images/menu_shadow_out.png');
  background-repeat:repeat-x;
}

#menu_shadow_in {
  margin:0 auto;
  width:970px;
  height:5px;
  background-image:url('images/menu_shadow_in.png');
  background-repeat:repeat-x;
}
.sep {
 background-image:url('images/menu_sep.png');
 background-repeat:no-repeat;
 background-position: center center;
 height:38px;
 width:2px;
}

img#logo  {
  margin-left:49px;
  margin-top:41px
}
#page {
  background-image:url('images/blue_grade_bg.png');
  background-repeat:repeat-x;
  text-align: left;
  height:100%;
  margin:0;

}
#content {
  margin:0 auto;
  background-color:#FFFFFF;
  background-image:url('images/content_bg2.png');
  padding-top:5px;
  padding-left:21px; 
  padding-right:5px; 
  padding-bottom:15px;
  width:944px; 
  height:100%;
  overflow:auto;
}

#head {
}

#hero {
  background-image:url('images/hero_bg2.jpg');
  background-repeat:no-repeat;
  width:333px;
  height:250px;
  padding-left:251px;
  padding-right:22px;
  padding-top:0;
  margin-right:26px;
  float:left;
}

#hero img {
  margin-left:80px;
  margin-top:33px;
}

h2.hero {
  margin-top:0;
  padding-bottom:6px;
  font-family:arial,verdana,sans-serif;
  font-size:22px;
  color:#5f6062;
}

#hero_text {
}

p.read_more {
  float:right;
  padding-right:20px;
}

#read_more {
  background-image:url('images/but_read_more2.png');
  background-repeat:no-repeat;
  width:149px;
  height:38px;
  position:absolute;
  margin-left:80px;
  top:390px;
  padding-top:7px;
  padding-left:31px;
}

#read_more a {
  text-decoration:none;
}

#read_more a:hover {
  color:#ffffff;
}

#span-bot {
padding-top:22px;
width:940px;
height:240px; /*260*/
}

.fp-mod {
  width:280px;
  height:240px;
  padding-right:18px;
  margin-right:18px;
  float:left;
  background-image:url('images/fp_mod_shadow3.jpg');
  background-repeat:no-repeat;
  background-position: center right;
}

.fp-mod-end {
  width:280px;
  height:240px;
  padding-right:18px;
  float:left;
  background-image:url('images/fp_mod_shadow3.jpg');
  background-repeat:no-repeat;
  background-position: center right;
}

p.fp-mod-p {
  font-size:11px;
  height:75px;
}

.fp-mod-head {
  /*width:280;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#c2e066;*/
}

h3.fp-mod-head {
  margin-top:3px;
  margin-bottom:6px;
  padding-top:2px;
  padding-bottom:2px;
  /*width:280;*/
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#c2e066;
  font-size:16px;
  color:#5f6062;
  font-weight:lighter;
}

#footer {
  margin-left:auto;
  margin-right:auto;
  /*margin-bottom:5px;*/
  padding:0 10px;
  background-image:url('images/footer_bg.png');
  background-repeat:no-repeat;
  width:950px;
  height:28px;
  color: #555555;
  font-size: 10px;
  line-height:290%;
}

.footer_nav  li{
  display:inline;
  padding:0 9px;
}

.footer_nav a {
  color: #555555;
  text-decoration: none;
}

.footer_nav a:hover {
  color: #777777;
  text-decoration: underline;
}


ul.footer_nav {
  margin:0;
  height:1em;
}

/*content pages*/
#content_head {
  width:922px;
  height:44px;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#c2e066;
}

#content_head_left {
  width:230px;
  height:44px;
  float:left;
}

#content_head_right {
  width:668px;
  height:27px;
  padding-top:18px;
  padding-left:24px;
  float:right;
  background-image:url('images/content_nav_tip_bg.png');
  background-repeat:no-repeat;
  background-position: 0px 1px;

}

#content_head img {
vertical-align:-8px;
}



#content_body {
  width:667px;
  float:left;
  padding-top:8px;
}

#content_body img.content_banner {
  margin-left:25px;
  margin-bottom:20px;
}

#content_nav {
  width:212px;
  height:449px; /*to show the whole shadow background*/
  margin-right:15px;
  padding-right:28px;
  float:left;
  background-image:url('images/content_nav_bg.jpg');
  background-repeat:no-repeat;
  background-position: top right;
}

#content_nav img {
  margin:2px;
}

.cat-item a {
  color:#5F6062;
}

.cat-item a:hover {
  text-decoration:none;
}

p.blog_nav {
  margin-bottom:5px;
  font-weight:bold;
}

#content_nav ul {
  padding:0;
  margin-left:0;
  margin-top:5px;
}

#content_nav li {
  list-style:none;
  height:16px;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-color:#c2e066;
  font-size:12px;
  padding-top:14px;

}

a.cn {
  color:#5f6062;
  text-decoration:none;
}

a.cn:hover {
  color:#7ca600;
  text-decoration:none;
}

a.cna {
  color:#7ca600;
  text-decoration:none;
}


#content_body_container {
  width:922px;
  overflow:auto;
}

/*general styles*/
p {
  font-size:12px;
  margin:11px 0;
  padding:0 0;
  line-height:1.5em;
}

#content_body li {
  font-size:12px;
  line-height:1.5em;
  padding:5px;
}

#content li {
  font-size:12px;
  line-height:1.5em;
  padding:5px;
}


/*p a {
  color:#85b001;
  text-decoration:none;
}

p a:hover {
  color:#9cc600;
  text-decoration:underline;
}*/

a {
  color:#85b001;
  text-decoration:none;
}

a:hover {
  color:#9cc600;
  text-decoration:underline;
}

.green {
  color:#7ca600;
}

.grey {
  color:#5f6062;
}

img {
  border:0;
}

img.right {
  float:right;
}

img.left {
  float:left;
}

h1 {
  font-family:arial,verdana,sans-serif;
  font-size:22px;
}

h2 {
  font-family:arial,verdana,sans-serif;
  font-size:18px;
  font-weight:lighter;
  display:inline;
}

h3 {
  font-family:arial,verdana,sans-serif;
  font-size:14px;
  /*font-weight:lighter;*/
}

h4 {
}

table.features {
  border-width:1px;
  border-style:solid;
  border-color:#DCDCDC;
  border-collapse:collapse;
  margin-top:15px;
  margin-bottom:15px;
  margin-right:20px;
}

td {
  border-width:1px;
  border-style:solid;
  border-color:#DCDCDC;
  font-size:12px;
}

td.bold {
  font-weight:bold;
  width:190px;
}

/* simple drop down menu styles */
#sddm {
  margin:0;
  padding:0;
  z-index:30;
}

#sddm li {   
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-size:16px;
}

#sddm li a{
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 30px;
  height:30px;
  color: #444444;
  text-align: center;
  text-decoration: none;
  line-height:200%;
}

#sddm li a.dd_mi {
  border-left:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
}

/*menu header*/
#sddm li a:hover {
  color:#ffffff;
  background-image:url('images/menu_on_bg.png');
  background-repeat:repeat-x;

}

#sddm div {
  position:absolute;
  visibility:hidden;
  margin:0;
  padding:0;
  background: #ffffff;
  background-image:url('images/ddm_bg.jpg');
  background-repeat:repeat-x;
  background-position:bottom left;

}

#sddm div a {
  position:relative;
  display:block;
  margin:0;
  padding:1px 5px;
  width:200px; /* needs to be set explicitly in IE 7 */
  height:24px;
  white-space:nowrap;
  text-align:left;
  text-decoration:none;
  color:#555555;
  font:11px verdana;
  line-height:22px;
}

/*menu items*/
#sddm div a:hover {
  background: #d5ea96;
  color:#555555;
}