/*
Theme Name:     Big Chill Theme
Theme URI:      http://example.com/
Description:    Big Chill Theme Based on Twenty Twelve theme
Author:         Jerick Y. Duguran
Author URI:     http://example.com/about/
Template:       twentytwelve                             
Version:        0.1.0
*/

@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:HelvLight, Helvetica-Light-Light-Italic, "Helvetica Light";
	src: url('fonts/Helvetica-Light');
}

body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_img.jpg) no-repeat top;
}

img{
	border: none;
}



.bodyHolder{
	width: 1024px;
	margin: 0 auto;
}

.headerHolder{
	height:150px;
}

.logo{
	width:500px;
	height:150px;
	float:left;
}

.menu{
	height:150px;	
	background:url(images/bg_logo.png) no-repeat right;
	width:440px;
	float:right;
}

.menubg{
	background:url(images/bg_white_trans.png) no-repeat;
	display:block;
	height:32px;
	float:left;
	margin-top:80px;
	padding-left:10px;
	width:366px;	
}

.menubg li{
	float:left;
	margin:8px 10px;
	color:#58595b;
	text-transform:uppercase;
	list-style:url(images/list.jpg);
	font-family:"Helvetica";
	font-size:12px;
	text-align:center;
}

.menubg a{
	text-decoration:none;
	color:#58595b;
}

.menubg a:active{
	text-decoration:none;
	color:#622a78;
}

.menubg a:hover{
	text-decoration:none;
	color:#622a78;
	text-decoration:underline;
}

.menubg .noLine{
	list-style: none !important;
}

.bannerHolder{
	position:relative;
	height:300px;
}

.banner{
	background:url(images/bg_banner.png) no-repeat center;
	height:325px;
	width:1024px;
	margin-top:-18px;
	position:absolute;
}

.banner img{
	padding-top:18px;
}

.contentHolder{
	overflow:hidden;
	margin: 0 auto;
}

.contentHolderBox{
	background:url(images/nav_bg.png) no-repeat;
	width:243px;
	height: 365px;
	margin-left:10px;
	float:left;
        position:relative;
}

.contentHolderBox img{
	padding-left:-1px;
	overflow:hidden;        
}

.contentHolderBox #nav_smoothies{
	/*color: #200433;
    left: 208px;
    position: absolute;
    top: 530px;*/
	font-size:24px;
	text-transform:uppercase;
	text-decoration:none;
}

.contentHolderBox #nav_juices{
	/*color: #FFFFFF;
   left: 480px;
    position: absolute;
    top: 530px;*/
	font-size:24px;
	text-transform:uppercase;
	text-decoration:none;
}

.contentHolderBox #nav_salads{
	/*color: #FFFFFF;
     left: 730px;
    position: absolute;
    top: 530px;*/
	font-size:24px;
	text-transform:uppercase;
	text-decoration:none;
}

.contentHolderBox #nav_wrapps{
	/*color: #FFFFFF;
    left: 980px;
    position: absolute;
    top: 530px;*/
	font-size:24px;
	text-transform:uppercase;
	text-decoration:none;
}

.contentHolderBox a{
	color:#FFFFFF;
	text-decoration:none;
        left: 22px;
        position: absolute;
        top: 53px;
}

.contentHolderBox a:hover{
	color:#200433;	
}

.mainContent{
	background:#0C3;
}

.content{	
	float:left;
	height:300px;
	width:462px;
	margin: 0px 25px;
}


.content h2{
	color: #58595b;
	font-size:24px;
	font-weight:bold;
	margin:2px 8px;
	font-family:"Helvetica (OT1)";
}

.content h3{
	color:#930;
	font-size:16px;
	font-weight:bold;
}

.content1{
	background:url(images/box1.png) no-repeat;
	height: 253px;
	position:relative;
}

.content1 img{
	float:right;
	padding:10px;
	margin:0px 8px;
}

.content1 h2{
	padding:0px 0px 0px 30px;
	font-size:30px;
	margin:0px 0px 16px;
	color:#bf1e2e;
	font-family:"Helvetica (OT1)";
}

.content1 span{
	color:#55883d;
	font-size:24px;
	width:207px;
	display:block;
	line-height:23px;
}

.content2{
	background:url(images/box2.png) no-repeat;
	height: 253px;
}

.content ul{
	padding:20px 40px;
	margin:0px;
}

.content ul li{
	padding:20px 10px;
}

.link{
	float:right;
	padding-top:15px;
	color:#fbb040;
	font-size:12px;
	text-decoration:none;
}

.link2{
	color:#bf1e2e;
	text-decoration:none;
	float:right;
	padding-right:50px;
	font-size:12px;
}

.content3{
	background:url(images/box3.png) no-repeat;
	height: 253px;
}

.content4{
	background:url(images/box4.png) no-repeat;
	height: 253px;
	overflow:hidden;
}

.content4 img{
	/*float:right;
	padding:10px;
	margin:1px 6px;*/
}

.featuredImg{
	margin-left:12px;
	height:243px;
	overflow:hidden;	
}

.featuredText{
	position:absolute;
	top: 50px;
	left:38px;
}

.footer{
	height:300px;
	clear:both;
	background:url(images/footer.jpg) no-repeat;
}

.footer .footerLeft{
	float:left;
	width:20%;
	padding-top:130px;
	margin:10px;
	color:#FFF;
	
}

.footerLeft li{
	padding: 7px 0px;
	font-size:12px;
	text-transform:uppercase;
	list-style:none;
	border-bottom:dashed #FFF 1px;
}

.footerLeft .noDash{
	border-bottom: none !important;
}

.footer a{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	font-family:"Helvetica";
}

.footer a:hover{
	text-decoration:underline;
}

.footer .footerMid{
	float:left;
	width:10%;
	padding-top:180px;
	margin:30px;
	color:#FFF;	
}

.footer .footerRight{
	float:left;
	width:25%;
	padding-top:195px;
	margin:30px;
	color:#FFF;
	font-size:10px;
}






/** Custom rik**/
.content ul li p{
	padding:0px;
	margin:0px;
}