@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans:400,800,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700);

body  {	
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
	margin:0; padding:0;	
	text-align:center; 	
	background: url(../images/tropical-bg.jpg) no-repeat center 0 #eee3cf;	
}
p {	
	font-size:0.95em;	line-height:1.4em;    
	color: #515151;    
	margin: 0 0 1.4em 0;}
p a { color:#F87805; }
p strong { font-weight: 700; color:#F87805; }
ul li, ol li { 
	color: #515151;   
	font-size:0.95em; 
	line-height:1.4em; }
ul, ol { 
	margin: 0 0 1.4em 0; }
h1, h2, h3, h4 {	
	color:#F87805;	
	font-size:1.5em;	
	font-weight: 800;	
	margin: 0 0 0.5em 0;
    font-family: 'Alegreya Sans', sans-serif;
}
h4 { font-size: 1.3em; }
h1 { font-size: 2.1em; margin: 0 0 0.6em 0; }
h2, h2 a { color: #113b58; text-decoration: none; }
a img { border: none; }

#container {	
	width: 960px; 	
	margin: 0 auto; 	
	text-align: left; }
#header {	height: 85px;}
#header #logo {	
	float:left;		
	margin: 25px 0 0 0;}
#logo a {	
	background: url(../images/coconut-logo.gif) no-repeat scroll 0 0 transparent; 	
	display:block;	
	height: 50px; 	
	width: 250px; 	}
#logo a span {display:none;}
#nav {	
	height:100px;	
	margin:0 0 12px 0;	
	padding: 5px 0 0 0;
    font-family: 'Alegreya Sans', sans-serif;
}
#nav ul {	
	list-style-type: none;	
	text-align: left;	
	padding: 25px 3px 0 15px;}
#nav li {	
	font-size: 1.0em;	
	display: inline;	
	padding: 0 12px 0 12px;
    border-right: solid 1px #c2d1dc;
}
#nav li a {	
	color:#33A9E0;	
	text-decoration:none;	
	font-size:1.2em;	
	line-height:1em; 
    font-weight: 800;
}
#nav #n-buy { border-right: none; }
#nav #n-buy a { color: #db1629; }
#nav li a:hover, active {color:#F87805;}
#bgRepeat{	
	width:959px;	
	margin:0 auto;	
	background: #fff; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;  }
#main {	margin-top: 0px;} 
#mainLeft {	
	float:left;	
	width:624px;	
	min-height:610px;	
	padding: 15px 35px 35px 35px;}

#sidebarRht {	
	float: right;	
	width: 200px;		
	background: #c0e5f8;	
	padding: 25px 20px 15px 20px;
	border: 1px dashed #999; 
    margin: 20px 20px 20px 0; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#sidebarRht p { color: #143d59; font-size: 0.80em; }
.btn { 
    background: #db1629; 
    color: #fff;
    font-family: 'Alegreya Sans', sans-serif;
    text-decoration: none; 
    padding: 10px 20px;
    font-weight: 800;
    -moz-border-radius: 5px; border-radius: 5px; 
    line-height: 3.0em;
    font-size: 1.1em;
}
.btn:hover { background-color: #F87805; }

#footer {margin:10px 0 0 0; float: left; width: 960px; }
#footerNav {	
	float:left;	width: 405px;	
	margin-bottom: 2px;}
#footerNav ul {	
	font-size: 0.8em;		
	text-align: left;	
	padding: 10px 20px;}
#footerNav ul li {	
	display: inline;	
	list-style-type: none;		
	padding: 0 10px 0 0;	
	font-size: 1em; }
#footerNav ul li a {	
	color: #666;	
	text-decoration:none;}
#footerNav ul li a:hover {	color:#999;}
#footerCopy {	
	float:right;	
	width:450px;
	padding: 10px 20px 20px 20px;}
#copy {	
	font-size: 0.8em;	
	line-height: 1.2em;	
	color: #666;	
	text-align: right; 
}
.imgLft {margin: 0 20px 0 0;}
.imgRht {margin: 0 0 0 20px;}
.img-right { float: right; margin: 0 0 10px 20px; }
.bold { font-weight: bold; }
.fltrt {
	float: right;	
	margin-left: 8px;}
.fltlft {
	float: left;	
	margin-right: 8px;}
.clearfloat {
	clear:both;    
	height:0;   
	font-size: 1px;    
	line-height: 0px;}

.align-center { width: 100%; text-align: center; float: left; margin-bottom: 20px; }

.products { float: left; width: 100%; background: url(../images/coconut-bg.jpg)no-repeat 0 0; }
.products p { font-size: 0.75em; color: #6b6551; padding: 85px 0 0 30px; width: 370px; }
.buy-btn { padding-left: 30px; float: left; }

.prodImg { float: right; width: 150px; text-align: center; }

#recipes { float: left; width: 100%; }
#recipes h2 { font-size: 1.3em; line-height: 1.0em; }
.recipe, .recipe-full { float: left; width: 45%; background: #f8f4ea; border: solid 1px #e7dfcb; padding: 10px 10px 0 10px; margin: 0 0 15px 0; }
.recipe .thumb { width: 100%; margin: 0 0 5px 0; }
.recipe.right { float: right; }
.recipe-details { padding: 10px 5px 0 10px; }
.recipe-full { width: 94%; padding: 20px 3% 10px 3%; }

.ul-split { float: left; width: 100%; }
.ul-split li { float: left; width: 48%; padding: 0 2% 0 0; }