/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; height: 100%; background: #f5f4ef; } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; height: 100%; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 11px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 15px; line-height: 14px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-image: url('../images/layout/bullet.gif'); margin-left: 4px; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Verdana; font-weight: bold; }

h1, h1 a { color: #6d2b8f; font-size: 21px; margin: 0px 0px 15px 0px; line-height: 26px; font-weight: normal; }
h2, h2 a { color: #6d2b8f; font-size: 17px; margin: 0px 0px 15px 0px; line-height: 22px; font-weight: bold; }
h3, h3 a { color: #666666; font-size: 13px; margin: 0px 0px 5px 0px; line-height: 17px; }
h4, h4 a { color: #6d2b8f; font-size: 16px; margin: 0px 0px 15px 0px; line-height: 22px; font-weight: normal; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 11px; line-height: 17px; }
a  { color: #6d2b8f; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


.frm td, .frm th { padding: 3px 0px 3px 0px; vertical-align: top; }
.frm th { padding-right: 10px; text-align: right; }

.purple { color: #6d2b8f; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -295px; /* the bottom margin is the negative value of the footer's height */
}


#header_container {
  background: #f8f8f8;
}


#header {
	height: 120px;
	width: 960px;
	margin: 0px auto;
}

#logo {
  width: 254px;
  float: left;
  border: none;
  margin-top: -16px;
}

#mini_nav {
  float: right;
  width: 700px;
  height: 30px;
  text-align: right;
  line-height: 30px;
  background: #e6e0cc url('../images/layout/mini-nav-end.jpg') no-repeat top left;
}

#mini_nav a {
  font-size: 13px;
  padding: 6px 15px;
  color: #333;
  float: right;
}
#login { background: #c1da5d; }
#mini_nav img { float: right; }


#nav_container {
  height: 75px;
  background: url('../images/layout/nav-bg.jpg') repeat-x;
}

#body_container {
  background: url('../images/layout/body-outer.jpg') repeat-x;
}


#body {
	min-height: 700px;
	height: auto !important; /*MOZ/IE7*/
	height: 690px; /*IE6*/
    background: url('../images/layout/body-bg.png') repeat-y;
    width: 980px;
	margin: 0px auto;
}

#body_inner {
    padding: 25px 25px 0px 25px;
}


#footer_container {
  width: 100%;
  min-width: 960px;
  height: 295px; /* #push must be the same height as #footer_container */
}

#push {
  height: 295px;
}



#footer {
  width: 960px;
  margin: 0px auto;
}

#footer-one { width: 268px; float: left; background: url('../images/layout/footer-testimonial-bg.jpg') no-repeat top left; min-height: 210px; margin: -28px 12px 0 0; }
#footer-two { width: 210px; float: left; }
#footer-three { width: 190px; float: left; margin: 0px 55px 0px 35px; }
#footer-four { width: 190px; float: left; }

#footer-one a, #footer-two a, #footer-three a, #footer-four a, #footer-four span { display: block; color: #666; }

#footer-testimonial { padding: 30px; }
#footer-testimonial p { font-size: 13px; color: #666; font-style: italic; font-weight: bold; }
#footer-testimonial span { font-size: 9px; line-height: 14px; color: #666; }


.testimonial_foot_inner {
  position: absolute;
  width: 208px
}

#footer-bottom { text-align: center; color: #999; margin-top: 30px; }
#footer-bottom a { text-align: center; color: #999; }


#free-trial { position: fixed; right:  0px; bottom: 0px; }
#free-trial img { float: left; } 





/* Navigation */

#nav { height: 50px; background: url('../images/layout/nav-bar-bg.jpg') repeat-x; width: 960px; margin: 0px auto; }

#nav a { padding: 15px 12px; color: #f2c805; font-weight: bold; font-size: 11px; line-height: 31px; }

#p7menubar { margin: 0px 15px; width: 700px; float: left; }


#p7menubar a { display: block; }
#p7menubar a.trigger { color: #FFFFFF; }
#p7menubar li { float: left; width: 9em; list-style-image: none; list-style-type: none; }
#p7menubar li { position: relative; }
/* hide from IE mac \*/
    #p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */
#p7menubar li ul, #p7menubar ul li  { width: 100%; }
#p7menubar li ul { position: absolute; display: none; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { /*    background: #33CCFF;*/ }

#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {background: #c1da5d; } /*  */

/* Set styles below */

#p7menubar a { padding: 15px 12px; color: #FFFFFF; font-weight: bold; font-size: 11px; line-height: 31px; }
#p7menubar a:hover { color: #6c2a8e; text-decoration: none; padding: 10px 12px; }
#p7menubar li ul { width: 210px; background: #264971; }
#p7menubar li ul li a { font-weight: normal; }
#p7menubar li ul li a:hover { background: #6c2a8e; }







/* Homepage */

#home-banner { width: 960px; height: 275px;background: url('../images/home-banner.jpg') no-repeat; margin: -25px 0 0 -15px; position: absolute; }
#home-banner-callout { width: 481px; float: right; margin: 10px 10px 0 0; font-size: 16px; color: #FFF; font-weight: bold; line-height: 36px; position: relative; }

#home-features { width: 695px; float: left; background: url('../images/layout/home-features-bg.jpg') no-repeat; }
.home-feature-box { border: solid 1px #e6e0cc; width: 206px; float: left; min-height: 286px; }
.home-feature-box span { font-weight: bold; font-size: 15px; display: block; padding-top: 25px; }

#home-right { width: 216px; float: right; }
#home-right img { border: none; }
#home-right a { display: block; line-height: 21px; color: #333; }




#left-side-nav { width: 140px; float: left; min-height: 430px; background: url('../images/layout/left-side-nav-bg.jpg') repeat-x top left; margin: -26px 15px 0 -15px; }
#left-side-nav span { font-size: 10px; font-weight: bold; color: #6d2b8f; line-height: 24px; display: block; margin-top: 20px; }
#left-side-nav a { font-size: 9px; color: #666; line-height: 18px; display: block; }


#left-column { width: 350px; float: left; }
#right-column { width: 250px; float: right; }
#no-side-nav { width: 740px; float: left; }
#both-columns { width: 610px; float: left; }

#both-columns ul li { margin-bottom: 5px; }


#get-started { width: 180px; float: right; min-height: 616px; background: url('../images/layout/get-started-bg.jpg') no-repeat top left; margin: 0 -15px 0 15px; text-align: center; }
#get-started span { font-size: 17px; font-weight: normal; color: #FFF; line-height: 24px; display: block; margin-top: 20px; }
#get-started a { font-size: 11px; color: #666; line-height: 15px; display: block; }
#get-started img { border: none; margin-top: 10px; }

#get-started-testimonial { padding-top: 30px; text-align: left; height: 240px; }
#get-started-testimonial p { font-size: 11px; color: #666; font-style: italic; font-weight: bold; }
#get-started-testimonial span { font-size: 8px; line-height: 14px; color: #666; }



.testimonial_side_inner {
  position: absolute;
  width: 140px;
}


#pricing { width: 627px; min-height: 203px; float: left; background: url('../images/layout/pricing-bg.jpg') no-repeat; margin: 0 -10px; }
#pricing-head { width: 510px; float: right; text-align: center; }
#pricing-head th { width: 20% }
#pricing-head tr { width: 20%; }
#pricing-table { text-align: center; }
#pricing-table td {  }
#pricing-table th { text-align: right; width: 15%; font-size: 8px; padding-right: 5px; }
#pricing-table td, #pricing-table a { font-size: 9px; padding: 5px 2px; width: 17%; }

#custom-branding { background: url('../images/layout/custom-branding-bg.jpg') no-repeat bottom right; width: 606px; float: left; }
#custom-branding a span { display: block; color: #888; margin: -18px 0 5px 45px; }

#overview-steps-old { width: 406px; min-height: 205px; float: left; background: url('../images/layout/overview-steps-bg.jpg') no-repeat; margin: 0 -10px; }
#overview-steps { width: 406px; float: left; margin: 0 -10px; }

#features h3 { background: url('../images/layout/features-title-bg.jpg') no-repeat; height: 35px; line-height: 42px; padding-left: 15px; border-bottom: solid 1px #C9DC5B; }
#brochures h3 { background: url('../images/layout/features-title-bg.jpg') no-repeat; height: 35px; line-height: 42px; padding-left: 15px; border-bottom: solid 1px #C9DC5B; }
#brochures ul li { list-style-image: url('../images/layout/pdf-bullet.gif'); margin-left: 24px; line-height: 30px; }


.testimonial { float: left; margin-bottom: 40px; }
.testimonial p { font-size: 13px; color: #666; font-style: italic; font-weight: bold; }
.testimonial span { font-size: 9px; line-height: 14px; color: #666; }

.ibd_text_field01
{
	width: 200px; 
	float: left;
}
.ibd_text_field02
{
	width: 420px; 
	float: left;
}
.ibd_text_field03
{
	width: 230px; 	
}
.ibd_text_field04
{
	width: 200px; 	
}
.ibd_text_field05
{
	width: 200px; 	
	float: left;
}
