/*  
Theme Name: i-Zimbra
Theme URI: http://www.i-zimbra.com
Description: i-Zimbra Theme by Hazlitt Eastman.
Version: 1.0
Author: Hazlitt Eastman
Author URI: http://www.i-zimbra.com
*/

/* ########################################################################## */
/* ## Version 1.7 - MG/RP - 070508                                         ## */
/* ########################################################################## */

/* ####### Main site area styling ####### */
/* ###################################### */

#site {
position: absolute;
background: #fff;
top: 153px;
left: 50%;
margin: 0;
margin-left: -495px;
margin-bottom: 20px;
width: 950px;
height: auto;
padding: 5px 20px 0 20px;
}

#breadcrumb {
float: left;
font-size: 1.2em;
width: 50%;
padding-top: 5px;
height: auto;
padding-bottom: 8px;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 15px;
}

#breadcrumb a {
color: #825395;
}

#utilities {
float: right;
font-size: 1.2em;
width: 50%;
padding-top: 2px;
height: auto;
padding-bottom: 8px;
border-bottom: 1px solid #f2f2f2;
text-align: right;
margin-bottom: 15px;
}

#utilities img {
position: relative;
top: 3px;
}

#utilities a {
color: #333;
}

.darker {
color: #333;
}

/* ####### Masthead ####### */
/* ######################## */

#masthead {
float: left;
width: 100%;
height: 142px;
background: #fff url('_images/_backgrounds/site-bg.gif') repeat-x;
}

#masthead-content {
position: absolute;
background: transparent;
left: 50%;
margin-left: -475px;
width: 949px;
}

.logo {
position: relative;
top: 6px;
left: 0;
}

.phone {
position: absolute;
top: 55px;
right: 0;
}

.strapline {
position: absolute;
top: 153px;
left: 0;
color: #fff;
font-size: 2.4em;
z-index: 99;
width: 250px;
}

/* ####### Search Box ####### */
/* ########################## */

#searchbox {
position: absolute;
top: 108px;
left: 0;
width: 193px;
background: transparent url('_images/_pf/search-bg.gif') no-repeat;
}




#searchbox input.search-txt {
border: 0;
width: 155px;
position: relative;
top: -5px;
left: 5px;
}

#searchbox input.submit-btn {
position: relative;
top: 2px;
left: 6px;
}

/* ####### Top Level Navigation ####### */
/* #################################### */

#top-navigation {
position: absolute;
top: 110px;
right: 0;
}

#top-navigation ul {
list-style: none;
line-height: 1.2em;
margin-bottom: 0;
}

#top-navigation ul li {
float: left;
width: 75px;
height: 26px;
margin-left: 3px
}

#top-navigation ul li a {
width: 75px;
height: 20px;
display: block;
color: #fff;
background: transparent url('_images/_navigation/top-nav.gif') no-repeat;
text-align: center;
padding-top: 6px;
}

#top-navigation ul li a:hover {
background: transparent url('_images/_navigation/top-nav-over.gif') no-repeat;
text-decoration: none;
}

/* ### Top level navigation page selector relies on body class being named for the page ### */

.home #home a, .about #about a, .benefits #benefits a, .news #news a, .products #products a, .faqs #faqs a, .contact #contact a {
background: transparent url('_images/_navigation/top-nav-over.gif') no-repeat;
}

/* ####### Left Column stylings ####### */
/* #################################### */

#left-column {
clear: both;
float: left;
width: 192px;
height: 700px;
background: #fff;
margin-right: 15px;
margin-bottom: 20px;
color: #333;
}

#left-col-results {
clear: left;
float: left;
width: 192px;
height: 450px;
background: #fff;
margin-right: 15px;
margin-bottom: 20px;
color: #333;
}

.leftnav-title {
float: left;
color:#fff;
font-size: 1.5em;
font-weight: bold;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: 162px;
height: 36px;
background: url('_images/_pf/blue-bg.gif') repeat-x;
margin-bottom: 0;
}

.leftcol-title {
float: left;
color:#fff;
font-size: 1.5em;
font-weight: normal;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: 162px;
height: 36px;
background: url('_images/_pf/leftcol-title-bg.gif') repeat-x;
margin-bottom: 0;
}

#left-column label {
color: #666;
font-size: 1.1em;
}

#left-column input.signup-txt {
width: 100%;
border: 1px solid #ccc;
margin: 5px 0;
height: 1.6em;
}

.indent {
line-height: 1.4em;
margin-top: 5px;
margin-left: 10px;
margin-bottom: .5em;
}

/* ####### Left Navigation stylings ####### */
/* ######################################## */

#left-navigation {
clear: left;
float: left;
list-style: none;
width: 192px;
height: auto;
}

#left-navigation li {
float: left;
width: 192px;
height: auto;
border-bottom: 1px solid #fff;
}

#left-navigation li a {
float: left;
width: 147px;
height: auto;
padding: 6px 20px 6px 25px;
color: #333;
background: #eaeaea url('_images/_navigation/left-nav-bullet.gif') no-repeat 12px 12px;
}

#left-navigation li a:hover {
background: #d7d7d7 url('_images/_navigation/left-nav-bullet.gif') no-repeat 12px 12px;
color: #636;
text-decoration: underline;
}

#left-navigation ul {
list-style: none;
font-size: 1em;
}

#left-navigation li li {
float: left;
width: 192px;
height: auto;
border-bottom: 1px solid #E9E7E7;
}

#left-navigation li li a {
float: left;
width: 132px;
height: auto;
padding: 3px 35px 3px 25px;
color: #333;
background: #fff ;
}

#left-navigation li ul li a:hover {
float: left;
width: 132px;
height: auto;
padding: 3px 35px 3px 25px;
color: #999;
background: #fff url('_images/_navigation/left-nav-subbullet.gif') no-repeat 10px 10px;
text-decoration: underline;
}


#left-navigation li ul li a:active {
float: left;
width: 132px;
height: auto;
padding: 3px 35px 3px 25px;
color: #800080;
background: #eaeaea url('_images/_navigation/left-nav-subbullet.gif') no-repeat 10px 10px;
text-decoration: underline;
}


#left-navigation li.left-select {
background: url('_images/_pf/h1-bg.gif') repeat-x;
}

#left-navigation li a.left-select {
font-weight: bold;
color: #fff;
background: transparent url('_images/_navigation/left-nav-selbullet.gif') no-repeat 12px 14px;
}

#left-navigation li li.last {
border-bottom: none;
}

/* ####### Middle Column ####### */
/* ############################# */

#mid-column {
float: left;
width: 536px;
height: auto;
background: transparent;
margin-bottom: 20px;
}

#mid-column p {
font-family: "Verdana","helvetica",sans-serif;
}

.top-para {
float: left;
width: 506px;
padding: 10px 15px;
background: url('_images/_backgrounds/top-para-bg.jpg') no-repeat bottom left;
margin-bottom: 1em;
font-size: 1.2em;
}

.image-right {
float: right;
width: auto;
margin-left: 20px;
margin-bottom: 10px;
border: 1px solid #777;
}

.image-caption {
background: #e9e7e7;
color: #333;
padding: 6px 4px;
text-align: right;
font-size: 1.2em;
font-weight: bold;
}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
color: #369;
text-decoration: underline;
}

h2 a:hover, h3 a:hover {
text-decoration: none;
}

.no-margin {
margin: 0;
}

.no-padding {
padding-left: 0;
}

.swirl {
font-size: 1.4em;
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0;
text-indent: 20px;
}

.swirl li {
list-style: none;
margin-left: 10px;
padding-left: 14px;
background: url('_images/_pf/swirl-bullet.gif') no-repeat 4px 9px;
}

.swirl li p {
font-family: "Verdana","helvetica",sans-serif;
font-size: 0.9em;
text-align: left;
line-height: 1.8em;
font-weight:normal;
padding: 0;
margin: 0;
margin-bottom: 1.5em;
}

.footer-links {
float: left;
font-size: 1.4em;
width: 100%;
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0;
text-indent: 0;
}

.footer-links li {
float: left;
display: inline;
width: 155px;
margin: 0;
padding-left: 14px;
background: url('_images/_pf/links-bullet.gif') no-repeat 4px 9px;
}

.next {
clear: left;
margin-bottom: 10px;
}

.box-right {
clear: left;
float: left;
width: 192px;
margin-left: 20px;
margin-bottom: 0px;
border: 1px solid #e9e7e7;
border-top: 0;
}

.box-right ul {
margin: 0;
padding: 5px;
list-style: none;
}

.box-right ul li {
margin: 0;
padding-left: 14px;
background: url('_images/_pf/arrow-bullet.gif') no-repeat 4px 7px;
}

.box-right p {
color: #333;
margin-left: 8px;
font-size: 1.1em;
line-height: 1.6em;
}

#add-this {
float: left;
width: 100%;
height: auto;
text-align: right;
margin-bottom: 1em;
}

#add-this-left {
float: left;
width: 100%;
height: auto;
text-align: left;
margin-bottom: 1em;
}

#blog-reply {
float: left;
width: 513px;
text-align: left;
border: 1px solid #999;
padding: 10px;
margin-bottom: 20px;
}

/* ####### Middle Column Search Results Page ####### */
/* ################################################# */

#col-results {
width: 949px;
height: auto;
background: transparent;
margin-bottom: 20px;
}

#col-results h1 {
width: 629px;
}


/* ####### Right Column stylings ####### */
/* ##################################### */

#right-column {
clear: right;
float: left;
width: 192px;
height: auto;
background: #fff;
margin-left: 15px;
margin-bottom: 20px;
}

/* ####### Left Navigation stylings ####### */
/* ######################################## */

#right-navigation {
clear: left;
float: left;
list-style: none;
width: 192px;
height: auto;
}

#right-navigation li {
float: left;
width: 192px;
height: auto;
border-bottom: 1px solid #fff;
}

#right-navigation li a {
float: left;
width: 147px;
height: auto;
padding: 6px 20px 6px 25px;
color: #ff0000;
background: #fff url('_images/_navigation/left-nav-bullet.gif') no-repeat 12px 12px;
border-top: 1px dashed #e9e7e7;
border-bottom: 1px dashed #e9e7e7;
}

#right-navigation li a:hover {
background: #d7d7d7 url('_images/_navigation/left-nav-bullet.gif') no-repeat 12px 12px;
color: #636;
text-decoration: underline;
}

#right-navigation ul {
list-style: none;
font-size: 1em;
}

#right-navigation li li {
float: left;
width: 192px;
height: auto;
border-bottom: 1px solid #E9E7E7;
}

#right-navigation li li a {
float: left;
width: 132px;
height: auto;
padding: 3px 35px 3px 25px;
color: #333;
background: #fff ;
}

#roight-navigation li ul li a:hover {
float: left;
width: 132px;
height: auto;
padding: 3px 35px 3px 25px;
color: #999;
background: #fff url('_images/_navigation/left-nav-subbullet.gif') no-repeat 10px 10px;
text-decoration: underline;
}


#right-navigation li ul li a:active {
float: left;
width: 132px;
height: auto;
padding: 3px 35px 3px 25px;
color: #800080;
background: #eaeaea url('_images/_navigation/left-nav-subbullet.gif') no-repeat 10px 10px;
text-decoration: underline;
}


#right-navigation li.left-select {
background: url('_images/_pf/h1-bg.gif') repeat-x;
}

#right-navigation li a.left-select {
font-weight: bold;
color: #fff;
background: transparent url('_images/_navigation/left-nav-selbullet.gif') no-repeat 12px 14px;
}

#right-navigation li li.last {
border-bottom: none;
}

.rightcol-title {
float: left;
color:#fff;
font-size: 1.5em;
font-weight: bold;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: 162px;
height: 36px;
background: url('_images/_pf/leftcol-title-bg.gif') repeat-x;
margin-bottom: 0;
}

.about-title {
float: left;
color:#fff;
font-size: 1.5em;
font-weight: bold;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: 162px;
height: 36px;
background: url('_images/_pf/blue-bg.gif') repeat-x;
margin-bottom: 0;
}


.testimonials-title {
float: left;
color:#fff;
font-size: 1.5em;
font-weight: normal;
line-height: 2em; 
margin: 10px 0 0 0;
padding: 3px 15px 0 15px;
width: 162px;
height: 36px;
background: url('_images/_pf/blue-bg.gif') repeat-x;
margin-bottom: 0;
}

#right-column p {
margin-bottom: 1em;
}

#right-column .latest-news p {
margin-bottom: .5em;
color: #444;
}

#right-column .latest-news img {
float: right;
}


#right-column h5 {
background: url('_images/_pf/h1-bg.gif') repeat-x;
}

#right-column .box-right {
float: left;
margin-bottom: 1em;
margin-left: 0;
}

#right-column .box-right p {
line-height: 1.4em;
margin-top: 5px;
margin-left: 10px;
margin-bottom: .5em;
}

#right-column .box-right img {
float: right;
margin-top: 20px;
margin-right: 5px;
}

#right-column .callback {
float: left;
margin-bottom: 1em;
margin-left: 0;
}

#right-column .callback p {
line-height: 1.4em;
margin-top: 5px;
margin-left: 10px;
margin-bottom: .5em;
}

#right-column .callback input {
margin-left: 10px;
}

#right-column .callback img {
float: right;
margin-top: 0px;
}


#right-column label {
color: #666;
font-size: 1.1em;
}

#right-column input.signup-txt {
width: 100%;
border: 1px solid #ccc;
margin: 5px 0;
height: 1.6em;
}

/* ####### Footer stylings ####### */
/* ############################### */

#footer1 {
clear: both;
position: relative;
float: left;
width: 910px;
background: #eaeaea;
color: #333;
font-size: 1.1em;
padding: 15px 20px;
}

#footer2 {
clear: both;
float: left;
width: 910px;
background: #323232;
color: #fff;
font-size: 1.1em;
padding: 15px 20px;
}

#footer2 a:link, a:visited {
color: #fff;
}

#sitemap {
float: right;
width: 160px;
}

#footer3 {
clear: both;
float: left;
width: 910px;
background: #fff;
color: #ccc;
font-size: 1.1em;
padding: 10px 20px;
}

#footer3 a {
color: #333;
font-weight: bold;
}

/* the following style added by HE for the WP theme */

#datestamp {
font-weight: bold;
color: #555;
}

/* ####### Common Stylings ####### */
/* ############################### */

blockquote {
float: left;
width: 100%;
height: auto;
font-size: 1.2em;
line-height: 1.8em;
font-style: italic;
font-family: verdana, arial;
text-indent: 30px;
background: transparent url('_images/_pf/quotemarks.gif') no-repeat top left;
margin-top: 10px;
margin-bottom: .5em;
}

cite {
float: left;
width: 100%;
height: auto;
margin-bottom: 1em;
text-align: right;
font-weight: bold;
font-style: normal;
font-size: 1.2em;
}

.intro {
font-weight: bold;
color: #444;
}

.bold {
font-weight: bold;
}

.hot, .hot a:link, .hot a:visited {
color: #f00;
font-weight: bold;
}

.flt-r {
float: right;
}

.indent {
margin-left: 2px;
}

* {
   padding:0;
   margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address, hr {
    margin-bottom: 20px;
}

html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

body {
	background: #f2f2f2 url('_images/_backgrounds/bg.gif') repeat-x;
	font-family: "trebuchet MS","helvetica",sans-serif;
	font-size: 62.5%;
	color: #666;
	margin: 0px;
}

p {
  	font-size: 1.2em;
  	line-height: 1.8em;
	font-weight:normal;
	padding: 0;
	margin: 0;
	margin-bottom: 1.5em;
}

ul {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}

img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a img {
	border: none;
}

a {
	color: #69c;
}

a:link {
	text-decoration: none;
}
a:visited {
	color: #69c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:active{
	text-decoration: underline;
}

h1 {
color:#fff;
font-size: 1.8em;
font-weight: normal;
line-height: 2em; 
margin: 0;
padding: 0 15px;
width: 506px;
height: 36px;
background: url('_images/_pf/h1-bg.gif') repeat-x;
margin-bottom: .5em;
}
  
h2 {
color: #369;
font-size: 1.5em;
line-height: 1.5em;
margin-bottom: .5em;
}

h3 {
color: #369;
font-size: 1.3em;
line-height: 1.5em;
margin-bottom: .5em;
}

h4 {
color:#fff;
font-size: 1.5em;
font-weight: normal;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: 506px;
height: 36px;
background: url('_images/_pf/h4-bg.gif') repeat-x;
margin-bottom: 1em;
}

h4 a {
color: #FFFFFF;
}

h5 {
color:#fff;
font-size: 1.5em;
font-weight: bold;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: auto;
height: 36px;
background: url('_images/_pf/h4-bg.gif') repeat-x;
margin-bottom: 0;
}

h6 {
color:#000;
font-size: 1.5em;
font-weight: normal;
line-height: 2em; 
margin: 0;
padding: 3px 15px 0 15px;
width: auto;
height: 36px;
background: #fff;
margin-bottom: 0;
}

hr {
width: 100%;
clear: left;
float: left;
margin: 0  0 1em 0;
height: 1px;
border: 0;
border-top: 1px solid #e9e7e7;
}

/* ***************************** */
/* *    Wordpress styles       * */
/* ***************************** */

.widget {
	padding: 0 5px 5px 0;
}

.widget ul li {
	padding: 0 0 2px 15px;
	line-height: 1.3em;
}

.widgettitle {
	padding: 0 5px 0 0;
	margin-bottom: 0;
	line-height: 1.2em;
}