/* ----------------------------------------
Site Name: Best Intentions Tea and Travel
Author: !
Author URL: http://www.bitravelco.com
--------------------------------------------*/
/*--General Styles--*/
body {
       padding: 0;
       margin: 0;
       background:  #fff url(images/content-back.gif) repeat-y center;
       text-align: center;
       font-size: 90%;
       color: #333;
}
h4, p, address, body {
       font-family: Arial, Helvetica, sans-serif;
 }
p {
       font-size: 1em;
       line-height: 130%;
}
address {
       font-size: 1em;
       color: #666;
       margin: 0;
       padding: 0;
       text-align: left;
}
h1 {
       height: 0;
       width: 0;
       overflow: hidden;
       position: absolute;
       }
h2 {
       background:  #333;
       color: #fff;
       font: 1.4em "Century Gothic", Arial, Helvetica, sans-serif;
       text-align: left;
       padding: 5px 10px;
       margin-top: 0px;
}
h2 a {
       color: #fff;
       text-decoration: none;
}
h2 a:hover {
       color: #fff;
       text-decoration: underline;
}
h3 {
       font: 1.6em "Century Gothic", Arial, Helvetica, sans-serif;
       color: #666;
       padding: 0;
       margin: 0;
}
h4 {
       font-size: 1em;
}
a {
       color:  #1A92C6;
       text-decoration: underline;
}
a:hover {
       color: #1A92C6;
       text-decoration: none;
}
img {
       border: none;
}
input, textarea {
       border: 1px solid #ccc;
       background: #fff;
}
.submit {
       margin: 10px;
}
.clr {
       clear: both;
}
.floatleft, .floatright {
       margin: 10px;
}
.floatleft {
       float:left;
}
.floatright {
       float: right;
}
.caption {
       font-size: .8em;
       width: 140px;
}
.small {
       font-size: .8em;
}
blockquote {
       margin: 10px;
}
/*--Layout Styles--*/
#bar {
       background: url(images/menu-back.gif) repeat-x;
       height: 43px;
       overflow: hidden;
}
#wrapper {
       width: 750px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
}
#header {
       height: 152px;
       margin-top: 10px;
       margin-bottom: 10px;
}
/*--Middle Area Boxes--*/
#middle {
       background:  #eee;
       padding: 0;
       margin: 0;
       text-align: left;
       height: auto!important;
       height: 1px;
}
#middle p {
       margin: 10px;
       text-align: left;
}
#middleleft {
       float: left;
       width: 49%;
}
#middleleft ol {
       padding: 20px 0px 0px 10px;
       margin: 0;
       width: 95%;
}
#middleleft li {
       height: 45px;
       list-style-type: none;
}
#middleleft dl {
       margin: 5px;
}
#middleleft dt {
       padding-left: 35px;
       margin: 5px;
       font-weight: bold;
       height: 23px;
       white-space: nowrap;
}
#middleleft dd {
       font-size: .9em;
}
#middleleft span {
       padding-left: 35px;
       display: block;
       height: 23px;
       padding-top:3px;
       border-bottom: 1px dotted #CCCCCC;
}
#middleright {
       text-align: right;
}
/*--Contact--*/
#contactform {
       position: relative;
}
#contactform fieldset {
       border: none;
height: 350px;
}
#contactform legend {
       display: none;
}
#contactform ul {
       margin-right: 10px;
padding: 0;
}
#contactform textarea {
       width: 320px;
}
#contactform .zemSubmit {
clear: both;
position: absolute;
bottom: 20px;
right: 40px;
}
/*--Best Intentions Tea and Travel--*/
#main .floatleft {
      border: 1px solid #333;
      margin-right: 20px;
}
#about-us #middleleft {
     padding-left: 10px;
}
#about-us #middleleft p {
     margin: 0 0 10px 0;
}
#about-us #middleright {
      float: right;
      width: 49%;
}
#about-us ul {
      margin: 0 0 10px 0;
      padding: 0;
}
#about-us li {
       margin: 0 0 0 0;
       padding: 0px 0px 0 15px;
       list-style: none;
       height: auto;
}
#team {
       text-align: left;
       padding: 0 10px 10px 10px;
}
#about-us h4 {
       text-align: left;
       font-size: 1.1em;
       margin: 0 0 10px 0;
       padding: 0;
}
#team dl {
       margin: 0;
       padding: 0;
}
#team dt {
       margin: 0;
       font-weight: bold;
       padding: 5px 0px 0px 15px;
}
#team dd {
       margin-left: 15px;
}
/*--Services--*/
#services {
       padding-bottom: 5px;
}
#services ul {
       list-style: none;
}
#services li a {
       padding-left: 15px;
}
/*--Reasons--*/
#reasons {
       padding-bottom: 10px;
}
#reasons dl {
       padding: 10px;
}
#reasons dt {
       padding-left: 35px;
       margin: 5px;
       font-weight: bold;
       height: 23px;
       white-space: nowrap;
       clear: both;
}
#reasons dd {
       font-size: .9em;
       margin-bottom: 5px;
}/*--Arrows--*/
#tourarrow {
       padding-top: 10px;
       text-align: center;
   float: right;
   width: 50%;
}
#contactarrow {
       text-align: left;
       padding-top: 20px;
}
#cake {
       height: 320px;
       text-align: center;
}
/*--Home Page--*/
#home1 {
       text-align: center;
}
#home1 p {
       font: 2.8em "Century Gothic", Arial, Helvetica, sans-serif;
       color: #666;
       line-height: 100%;
       text-align: center;
       padding: 20px 0px;
}
#middle-home {
       background:  #eee;
       margin: 0 0 10px 0;
       text-align: left;
       height: auto!important;
       height: 1px;
       padding: 10px;
}
#news {
       float: right;
       background: #f3f6f7 url(images/thumb.jpg) no-repeat left 208px;
       width: 343px;
       padding: 10px;
}
#news h3 {
       border-bottom: 1px solid #ccc;
}
#news h4 {
       font-family: Century Gothic, Arial, Helvetica, sans-serif;
       font-weight: normal;
       font-size: 17px;
       margin: 0 0 25px 0;
       float: right;
       padding: 0;
}
#news h4 a {
       color: #333;
}
.news-box {
       height: 130px;
       padding: 0 0 10px 10px;
       background: url(images/news-box-back.gif) repeat-x bottom;
       margin-top: 21px;
}
.news-box p {
       padding: 0 10px 10px 0;
       font-size: 13px;
       margin: 25px 0 0 0;
 clear: right;
}
.news-box img {
       float: left;
       margin-right: 10px;
}
.news-box a {
       color: #893332;
       text-decoration: none;
}
.news-box a:hover {
       text-decoration: underline;
}
#home-left {
       background: url(images/home-left-back.jpg) repeat-y left top;
       color: #fff;
       font-size: 1em;
}
#home-left h3 {
       margin: 10px 0 0 10px;
       font-size: 1.2em;
       color: #fff;
}
#home-left ul {
       margin: 10px 0;
       padding: 0;
       list-style: none;
}
#home-left li {
       padding-left: 15px;
       margin: 0 0 0 10px;
       background: url(images/arrow.gif) no-repeat left center;
}
#home-left a {
       color: #86cfef;
       text-decoration: none;
}
#home-left a:hover {
       color: #86cfef;
       text-decoration: underline;
}
.home-divider {
       background: url(images/home-left-divider.gif) repeat-x;
       height: 2px;
       display: block;
}
#home-left form {
       margin: 0;
       padding: 0;
       font-size: 1em;
       padding-bottom: 10px;
}
#home-left form textarea {
       width: 220px;
       height: 50px;
}
#home-left form fieldset {
       border:none;
       margin: 0;
       padding: 0;
}
#home-left form legend {
       display: none;
}
#home-left form p {
       margin: 5px 0 0 0;
}
#home-left label {
        width: 7em;
       float: left;
       text-align: right;
       margin-right: 0.5em;
       display: block;
}
#home-left form input, #home-left form textarea {
        margin-left: 1.5em;

}
#home-left .zemSubmit {
       margin: 10px 0 0 300px;
}
/*--Blog--*/
.blog #left {
width: 550px;
float: left;
padding: 10px;
}
.blog #right {
width: 160px;
float: right;
padding: 10px;
}
.blog #right input {
margin: 3px 0;
}
.post {
background: #e1e1e1;
padding-bottom: 10px;
margin-bottom: 20px;
}
.post p, .post li {
padding: 0 10px;
}
.posted {
       font-size: .9em;
       line-height: 100%;
       color: #666;
}
.comments_invite {
       font-size: .9em;
       line-height: 100%;
       padding-top: 10px;
}
.comments_older a {
       padding: 5px;
       float: right;
       background: #fff;
       color: #C03F3D;
       text-decoration: none;
       border: 1px solid #ccc;
       margin: 5px;
}
.comments_older a:hover {
       background: #C03F3D;
       color: #fff;
       text-decoration: none;
}
ol.comments {
       margin: 0;
       padding: 0;
}
.comments li, #cpreview {
       background: #333 url(images/boxes-back.gif) repeat;
       font-size: .9em;
       margin: 10px 0px;
       padding: 10px;
       color: #fff;
       list-style: none;
}
#cpreview p {
       color: #fff;
}
.comments small, #cpreview small {
       font-size: .9em;
       background: url(images/arrow.gif) no-repeat left;
       padding-left: 15px;
       margin: 10px;
}
.comments a {
       color: #86cfef;
}
/*--Portfolio--*/
.portfolio {
       clear: both;
       background: #e5e5e5;
       padding: 15px;
       overflow: auto;
      margin-bottom: 15px;
       border-top: 1px solid #ddd;
       border-bottom: 1px solid #ddd;
       font-size: .85em;
width: 720px;
}
.portfolio img {
       float: left;
       margin: 0;
       border: 3px solid #ccc;
       }
.portfolio p {
       float: right;
       width: 525px;
       }
.portfolio h3 {
       float: right;
       width: 535px;
       font-size: 1.6em;
       }
.portfolio a:hover * {
       border: 3px solid #666;
}
.portfolio h2 {

}
/*--Shop--*/
#shop-content {
       float: left;
       width: 515px;
       padding: 10px;
}
#shop-right {
       float: right;
       width: 195px;
       padding: 10px;
}
.shop-info {
       border: 4px solid #ddd;
       padding: 0 10px;
       background: #fff;
       margin-bottom: 15px;
}
.shop-info img {
       padding: 10px 0;
}
.shop-info ul {
       padding-left: 15px;
}

#shop-right h3 {
       font-size: .9em;
       font-weight: bold;
       margin: 10px 0;
}
#shop-right p {
       font-size: .8em;
       margin: 10px 0;
}
.detail-button {
       margin: 10px;
       float: right;
}
#shop-inside-left {
       float: left;
       width: 46%;
   margin: 10px;
}
#shop-inside-right {
       float: right;
       width: 46%;
   margin: 10px;
}
#shop-inside-right p {
       margin: 0;
}
#shop-inside-left h3, #shop-inside-right h3 {
       text-align: center;
       margin-bottom: 10px;
       font-size: 1.4em;
}
#templates-inside-left {
       float: left;
       width: 300px;
       margin: 10px;
}
#templates-inside-right {
       float: right;
       width: 190px;
       margin: 10px 0 10px 0;
}
#templates-inside-right p {
       margin: 0;
}
#templates-inside-left h3, #templates-inside-right h3 {
       text-align: center;
       margin-bottom: 10px;
       font-size: 1.4em;
}
.buy-now {
       float: right;
}
.template-buy-buttons {
       clear: both;
       display: block;
       margin-top: 20px;
       background: #f8f8f8;
       padding: 0 20px;
       height: 75px;
}
.icon-buy-buttons {
       clear: both;
       display: block;
       margin-top: 20px;
       background: #f8f8f8;
       padding: 0 20px;
       height: 100px;
}
.template-buy-buttons img, .icon-buy-buttons img {
      margin: 0 5px;
}
.collection {
      float: left;
      width: 45%;
      font-size: .89em;
}
.buy {
       float: right;
}
.regular {
      float: left;
      width: 45%;
}
.unique {
       float: right;
}
.template-buy-buttons h4 {
       margin: 10px 0;
}
.icon-buy-buttons h4 {
       margin: 10px 0;
}
.preview-button {
      margin-top: 15px;
}
.specifics {
       border: 1px solid #ddd;
       font-size: .7em;
       width: 200px;
       margin: 0 auto 15px auto;
}
.specifics td, .specifics th {
       padding: 2px 0;
       text-align: center;
       border: 1px solid #ddd;
}
ul.highlights {
       margin: 0;
       padding: 0;
       font-size: .9em;
}
.highlights li {
       background: url(images/check.gif) no-repeat left top;
       list-style: none;
       padding-left: 35px;
       padding-bottom: 10px;
}
#shop-content dt {
       font-weight: bold;
}
#shop-content dd {
       margin: 10px 0 10px 15px;
       font-size: 1em;
       line-height: 130%;
}
.buy-form {
float: right;
width: 190px;
}
.buy-form select {
margin: 10px 0;
}
.buy-form input {
border: none;
}
.cart {
text-align: center;
margin-bottom: 5px;
}
/*--Hosting--*/
#hosting {
       padding-bottom: 10px;
}
.hosting-comparison {
       margin: 10px;
       width: 730px;
       border-top: 1px solid #ddd;
       border-left: 1px solid #ddd;
}
.hosting-comparison th {
       text-align: center;
       background: #8A3333;
       border-bottom: 1px solid #632525;
       padding: 5px;
       font-family: Century Gothic, Arial, Helvetica, sans-serif;
       border-right: 1px solid #632525;
       border-left: 1px solid #BB4848;
       color: #fff;
       font-weight: normal;
}
.hosting-comparison td {
       text-align: center;
       padding: 8px 5px;
       border-right: 1px solid #ddd;
       border-bottom: 1px solid #ddd;
       border-top: 1px solid #fff;
       color: #444;

}
td.features-column {
       background: #e7e7e7;
       font-weight: bold;
       text-align: left;
}
td.price {
       background: #DED8D8;
}
#faq {
      padding: 10px;
}
#faq dt {
      font-weight: bold;
}
#faq dd {
      padding: 10px;
}
/*--Bottom Boxes--*/
.left, .right {
       text-align: left;
       padding: 0;
       margin: 0;
}
.left {
       float: left;
       width: 50%;
}
#boxleft, #boxright {
       background:  #4B4B4B;
       height: 140px;
       width: 368px;
       border: 1px solid #333;
       overflow: hidden;
}
#boxleft {
       margin: 0px 5px 10px 0px;
}
#featured {
   background: url(../images/featured.jpg) no-repeat left bottom;
   padding-left: 50%;
   height: 132px;
}
#boxright {
       margin: 0px 0px 10px 5px;
}
#boxleft img {
       float: left;
       margin-right: 5px;
}
#boxleft h4 {
       color: #fff;
       font-size: 1em;
       margin: 10px;
       font-weight: bold;
}
#boxleft p {
       line-height: 100%;
       color: #fff;
       font-size: 0.9em;
       margin: 0px 5px 5px;
}
#boxleft blockquote {
       color: #fff;
       font-size: 1em;
       margin: 10px;
}
#boxright ul, #boxleft ul {
       margin: 0;
       padding: 10px 30px;
       list-style: none;
}
#boxright li, #boxleft li {
       list-style: url(images/arrow.gif);
}
#boxleft a, #boxright a {
       color: #86cfef;
       text-decoration: none;
}
#boxleft a:hover, #boxright a:hover {
       color: #86cfef;
       text-decoration: underline;
}
#footer {
       width: 100%;
       text-align: center;
       font-size: 0.9em;
}
/*--Top Navigation--*/
#menu {
       padding: 19px 0px 5px 5px;
       width: 750px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
       background-position: 0 15px;
}
#menu ul {
       margin: 0;
       padding: 0;
       list-style: none;
}
#menu li {
       margin: 0;
       padding: 0;
       display: inline;
       list-style: none;
}
#menu a {
       text-transform: uppercase;
       color: #fff;
       font: 1em "Century Gothic", Arial, Helvetica, sans-serif;
       text-decoration: none;
       line-height: 18px;
       height: 35px;
       padding: 8px 5px;
}
#menu a:hover {
       background: #7f2013 url(images/menu-hover.gif) repeat-x;
}
#menu .active {
       background: #7f2013 url(images/menu-hover.gif) repeat-x;
}