/*
Template Name: Bobo HTML Template 
Description: A Business / Portfolio HTML Template
Author: Chris Creed
URL: http://www.chris-creed.com
*/

/* Colors: Blue - #0072bc */

@import "reset.css";

/*-------------*/
/* -- Tools -- */
/*-------------*/
.line { clear: both; height: 5px; background-color: #eee; }
.post-line { clear: both; border-bottom: 1px solid #eee; margin: 40px 0; }
.cache-images { visibility: hidden; }

/*----------------------*/
/* -- General Styles -- */
/*----------------------*/
#wrap { width: 960px; margin: 0 auto; text-align: center; }
body { background: url(../images/main-bg.jpg) repeat-x; background-color: #ffffff; color: #555555; line-height: 22px; font-family: Arial; font-size: 12px; text-align: center;  }
h1 { font-size: 60px; margin: 35px 0 25px 0; }
h2 { font-size: 22px; margin: 30px 0 15px 0; }
h3 { font-size: 24px; margin: 30px 0 15px 0; }
h4 { font-size: 18px; margin: 25px 0 10px 0; }
h5 { font-size: 16px; margin: 20px 0 5px 0; }
h6 { font-size: 14px; margin: 10px 0 0 0; }
a:link, a:visited { color: #0072BC; text-decoration: none; }
a:hover, a:active { color: #555555; }
p { font-size: 14px; margin-bottom: 15px; }
.title { margin-top: 0; }
em { font-style: italic; }
table {margin: auto;}

/*-------------------*/
/* -- Main Layout -- */
/*-------------------*/
#main { clear: both; padding: 10px 0 0 0; }
#content { float: left; width: 570px; padding: 0 100px 60px 2px; text-align: left; }
#sidebar { float: left; width: 288px; text-align: left; }

/*--------------*/
/* -- Header -- */
/*--------------*/
#header { padding: 70px 0 40px 0; overflow: hidden; position:relative; }
#header h1 { font-size: 45px; color: #F88E12; letter-spacing: -3px; font-weight: bold; margin: 20px 0 0 0; padding: 0; }
#header h2 { color: #aaa; margin: 15px 0 0 0; padding: 0; font-size: 30px; letter-spacing: -1px; }
#header .line { margin: 30px 0 0 0; }
.subtitle { margin: 0 0 14px 0; }
#b17{position:absolute; width:200px; height:187px; left:0; top:7px; z-index:-1}
#call-b17 {position:absolute; width:280px; height:150px; right:0px; top:20px; background-image:url(../images/b17-vitamin-phone1.png); background-repeat:no-repeat; background-position:37% -5%;  }
#call-b17 p{color:#949597; font-weight:bold; text-align:right; }
#call-b17 span{display:block; text-align:right;}

/*-----------*/
/* -- Nav -- */
/*-----------*/
#nav { float: left; width: 100%; overflow: hidden; position: relative; margin: 40px 0 0 0; border-top: 5px #eee solid; border-bottom: 5px #eee solid; padding: 12px 0 8px 0; }
#nav ul { clear: left; float: left; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
#nav ul li { float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; }
#nav ul li a {  margin: 0 0 0 1px; padding: 3px 0; font-size: 16px; color: #444; text-transform: uppercase; }
#nav ul li a:hover { color:#892B1A; }
#nav li span { padding: 0 20px; color: #444; font-size: 16px; }
#nav li a.current{ color:#99CA3C; }

/*-------------*/
/* -- Posts -- */
/*-------------*/
.post { text-align: left; margin: 0 40px 40px 0; float: left; }
.post h2 { margin: 0 0 -5px 0; line-height: 32px; font-size: 20px; }
.post p { margin: 10px 0 0 0; }
.post .meta { font-size: 20px; color: #888; margin: 0 0 25px 0; }
.post .meta a { color: #888; }
.post .meta a:hover { color: #aaa; }
.previous-posts { font-size: 16px; }
#other-posts { text-align: left; font-size: 16px; }
.read-post-link { display: block; margin: 10px 0 0 0; }

/*-------------------------*/
/* -- Frontpage Content -- */
/*-------------------------*/


#frontpage-contentsss { clear: both; margin: auto; width: 980px; overflow: hidden; text-align: center;  }
#frontpage-contentss { clear: both; margin: 0 75px; width: 810px; height:165px; overflow: hidden; }
#frontpage-content { clear: both; margin: 0 75px; width: 810px; overflow: hidden; }
#frontpage-intro {  background-color: #f5f6f7; border: 2px #e5e5e5 solid; padding: 20px; text-align: left; }
#frontpage-intro p { font-size: 18px; color: #383838; margin: 0; line-height: 26px; }
#frontpage-intro p span { color: #555; }
#featured-projects h3 { color: #888; font-size: 20px; text-align: left; }
#featured-projects { margin: 3px 0 0 0; }
#featured-projects #featured-projects-bg { float: left;  background-color: #f5f5f5; border: 2px #e5e5e5 solid; padding-bottom: 6px; }
#featured-projects #featured-projects-bg img { border: 2px #e5e5e5 solid; }
#featured-projects .featured-project-image { float: left; margin: 6px 0 0 6px; }
#featured-projects .featured-project-image:hover { opacity: 0.7; }
#frontpage-intros {  background-color: #f5f6f7; border: 2px #e5e5e5 solid; padding: 20px; align-content: center; }

/*-----------------*/
/* -- Portfolio -- */
/*-----------------*/
#portfolio { clear: both; margin: 15px 0 0 0; width: 960px; overflow: hidden; }
#portfolio h3 { text-align: left; font-size: 16px; margin: 0 0 2px 0; font-style: italic; }
#portofolio h5{position:absolute; margin-top:0px;}
#portfolio .portfolio-item { float: left; margin: 0 0 40px 45px; }
#portfolio .portfolio-item-first { float: left; margin: 0 0 40px 0; }
#portfolio .portfolio-item { float: left; margin: 0 0 40px 54px; }
#portfolio .portfolio-item img, #portfolio .portfolio-item-first img { border: 2px #e5e5e5 solid; }
#portfolio .portfolio-item img:hover, #portfolio .portfolio-item-first img:hover { opacity: 0.7; }
#b17-description  { width:620px; height:200px; text-align:left;  float:left; margin-left:50px;  }
#b17-description h3 { text-align:center; color: #66AAD7; font-size:20px; }

/*---------------*/
/* -- Project -- */
/*---------------*/
#project { float: left; margin: 10px 0 60px 0; width: 100%; text-align: left; }
#project #project-meta h3 { margin: 0 0 8px 0; }
#project h4 { font-size: 20px; }
#project .screenshot img { float: right; margin: 2px 0 0 2px; width: 400px;  }
#project .screenshot1 img { float: right; margin: 50px 0 0 2px; width: 500px;  }
#project #project-content { float: left; margin: 6px 0 0 0; width: 450px; }
#project #project-content .completion { margin-bottom: 25px; color:#6ABBE9; }
.testimonial-author { font-weight: bold; margin: -8px 0 -3px 0; }
.grey { color: #888; font-size:15px; }
.blue { color:#6ABBE9;}
#buy-now { padding-left:20px;}

/*---------------*/
/* -- Sidebar -- */
/*---------------*/
#sidebar { font-size: 14px; }
#sidebar h3 { font-size: 16px; margin: 20px 0 5px 0; }
#sidebar .sponsors h3 { margin-top: 0; }
#sidebar .sponsors { float: left; padding-bottom: 20px; padding-top:20px;  }
#sidebar .sponsors a img { float: left; margin: 0 10px 10px -3px; }

/*-----------------------*/
/* -- Sidebar Contact -- */
/*-----------------------*/
#sidebar-contact { float: right; background: #f5f5f5; border:1px solid #e5e5e5; width: 220px; padding: 20px 20px 5px 20px; text-align: left; }
#sidebar-contact h3 { margin: 0; padding: 0 0 20px 0; font-size: 20px; }
#sidebar-contact h4 { margin: 0; padding: 0; font-size: 16px; }
#sidebar-contact p { font-size: 14px; color: #888; margin: 0 0 15px 0; line-height: 18px; }

/*--------------------*/
/* -- Contact Page -- */
/*--------------------*/
#contact-page { float: left; font-size: 14px; width: 500px; margin: 25 0 70px 0; text-align: left; }
#contact-page .title { margin: 0 0 15px 0; }
#contact-page p { font-size: 14px; margin: 0 0 5px 2px; }
#contact-page #contact-form { margin: 0 0 0 0; }
#contact-page #contact-form fieldset { border: none; }
#contact-page #contact-form input { border: 1px #dddddd solid; padding: 12px 10px 10px 10px; font-size: 12px; color: #555555; font-family: Arial, Helvetica, sans-serif; margin: 0 200px 15px 0; width: 275px; font-size: 14px; }
#contact-page #contact-form textarea { border: 1px #dddddd solid; width: 515px; height: 100px; border: 1px #dddddd solid;  font-size: 12px; color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 24px; margin: 0 0 15px 0; padding: 20px 20px 0 15px; width: 450px; font-size: 14px; }
#contact-page #contact-form .submit { background: url(../images/submit-button-blue.png) no-repeat; width: 109px; height: 38px; border: none; cursor: pointer; margin: 0 0 0 -5px; }
#contact-page #contact-form .submit:hover { background: url(../images/submit-button-blue-hover.png) no-repeat; }
.hide { display: none; }
#response { background-color: #f5f5f5; border: 1px #e5e5e5 solid; padding: 15px; color: #cc0000; }

/*--------------*/
/* -- Footer -- */
/*--------------*/
#footer { clear: both; border-top: 2px #eee solid; margin-top: 30px; color: #bbb; text-align: center; }
#footer p { font-size: 15px; margin-top: 30px; }
#infofda { font-size:11px; color:#BEBEBE; border-top: 2px #eee solid; background:#f5f5f5;   }
#paymethod {background-color:#E6E7E9; }
#apricot { width:567px; height:151px; margin-top:35px;  margin-left:auto; margin-right:auto; }
#apricotfalse { width:567px; height:200px; margin-top:-50px; float:right; text-align:right;}
#b17desc h4{float:right; width:387px; height:151px; color:#636363; font-size:12px; margin-top:35px; }
#fruitpowder {font-size:15px; color:#000;}

#ship p {
	font-size:18px;
	color:#F60;
	
	}
	
	
.offer {color:#F63; font-size:16px}

.cartloom-addtocart {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  background: #F88E12;
  padding: 10px 28px 10px 28px;
  text-decoration: none;


}

.cartloom-addtocart:hover {
  background: #f5af5f;
  text-decoration: none;
}