@charset "ISO-8859-1";
/* CSS Document */

/*
-------------------------------
		YAHOO RESET CSS
-------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}



/*
-------------------------------
		INCLUDING WEBFONTKIT
-------------------------------
*/
@font-face {
    font-family: 'MutluOrnamental';
    src: url('webfontkit/mutlu__ornamental-webfont.eot');
    src: url('webfontkit/mutlu__ornamental-webfont.eot?iefix') format('eot'),
         url('webfontkit/mutlu__ornamental-webfont.woff') format('woff'),
         url('webfontkit/mutlu__ornamental-webfont.ttf') format('truetype'),
         url('webfontkit/mutlu__ornamental-webfont.svg#webfont8q9ShEXb') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*
-------------------------------
		DEFINING DEFAULT CSS
-------------------------------
*/

h1, h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
h1 {
	font-size:26px;
	line-height:26px;
	font-weight:bold;
}
h2 {
	background:url("../img/logo_sun.png") no-repeat scroll 0 2px transparent;
	padding-left:25px;
	font-size:22px;
	color:#96431F;
}
h3 {
	background:url("../img/h3-bg.jpg") repeat-x scroll 0 -10px transparent;
	padding:5px 30px;
	margin:20px 0;
	color:#FFF;
	font-size:16px;
	font-variant:small-caps;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-shadow: none;
}
h4, h5, h6 {
	font-size:14px;
	margin-bottom:10px;
}
p {
	margin-bottom:10px;
}
blockquote {
	margin:0 0 20px;
}
hr {
	color:#FFF;
}
a {
	cursor:pointer;
	text-decoration:none;
	outline:none;
	color:#036e8c;
}
:focus {
  -moz-outline-style:none;
}
a:hover {
	text-decoration:underline;
}
select {
	margin-bottom:20px;
}
input {
	margin-bottom:10px;
}
input[type="text"], input[type="password"] {
	height:15px;
	border:1px solid #BBBBBB;
	padding:3px;
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	font-size:12px;
	line-height:100%;
	width:150px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input[type="submit"] {
	background:url("../img/button-grad.png") repeat scroll 0 0 transparent;
	color:#FFF;
	padding:3px 10px;
	background-color:#036e8c;
	border:1px solid #036e8c;
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
}
input[type="submit"]:hover {
	border:1px solid #103d51;
}
input[type="file"] {
	width:250px;
	height:22px;
	margin-bottom:20px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #BBBBBB;
	padding:4px;
	overflow:hidden;
	margin-bottom:20px;
	width:390px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
fieldset {
	border:solid 1px #999;
	padding:20px 40px;
}
fieldset legend {
	font-size:14px;
	color:#96431f;
	font-weight:bold;
}
fieldset ul {
	list-style:inside;
}
fieldset ul li {
	margin-bottom:10px;
}



/*
-------------------------------
		 ALLROUND CSS
-------------------------------
*/
.inner-shadow {
	-moz-box-shadow:inset 0 0 20px rgba(0,0,0,.2);
	-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,.2);
	box-shadow:inset 0 0 20px rgba(0,0,0,.2);
}
.drop-shadow {
	-moz-box-shadow:0 4px 15px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.4);
	box-shadow:0 4px 15px rgba(0,0,0,0.4);
}
.r5 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.r10 {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.clear {
	clear:both !important;
}
.hidden {
	display:none !important;
}
.success,
.error {
	font-weight:bold;
	clear:both;
}
.success {
	color:#0C0;
}
.error {
	color:#900;
}
a.active {
	text-decoration:underline;
}
a.page,
a#page1,
a#page2 {
	font-weight:bold;
}
a.page1,
a#page1 {
	border-right:1px dashed #777;
	padding-right:10px;
}
a#page2 {
	padding-left:10px;
}





/*
-------------------------------
		MAIN STRUCTURE
-------------------------------
*/

body {
	background:url("../img/body-bg.jpg") repeat scroll left top transparent;
	background-color:#000;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}
#first_content,
#main_content {
	background:url("../img/drop-shadow.png") repeat-x scroll left top transparent;
	padding:40px 0;
	overflow:hidden;
	position:relative;
}
#main_content {
	text-shadow: 0 1px 0 #FFF;
}
#first_content {
}
#main_content {
}
#topNav,
#mainNav,
.holder {
	width:900px;
	margin:auto;
	padding:0 30px;
	clear:both;
	position:relative;
}
#right_holder {
	float:right;
	width:700px;
}




/*
-------------------------------
		HEADER
-------------------------------
*/
#header-bg {
	background:url("../img/tree-bg.png") repeat-x scroll 0 -20px transparent;
}
#header {
	background:url("../img/logo_sun2.png") no-repeat scroll right -50px transparent;
}
#header ul {
	float:right;
}
#header ul li {
	float:left;
}
#header a {
	display:block;
	float:left;
	text-decoration:none;
}
/* topNav */
#topNav {
}
#topNav ul {
}
#topNav ul li {
	margin-top:10px;
	padding:0 5px;
}
#topNav ul li a {
	color:#999;
}
#topNav ul li a:hover {
	color:#FFF;
	text-decoration:none;
}
#topNav img {
	display:block;
}
/* mainNav */
#mainNav {
	background:url("../img/mainNav-bg.png") no-repeat scroll center bottom transparent;
	width:600px;
	padding-bottom:20px;
	overflow:hidden;
}
#logo {
	height:80px;
	width:140px;
}
#mainNav ul {
	margin:20px 30px;
	-moz-box-shadow:0 0 10px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:0 0 10px rgba(255, 255, 255, 0.5);
	box-shadow:0 0 10px rgba(255, 255, 255, 0.5);
}
#mainNav ul li {
	background:url("../img/menu-bg-off.png") repeat-x scroll center top transparent;
	float:left;
	border-left:solid 1px #f0f0f0;
	border-right:solid 1px #CCC;
}
#mainNav ul li a {
	display:block;
	padding:10px;
	color:#000;
	text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
#mainNav ul li a:hover {
	color:#96431F;
}
#mainNav ul li.sel a:hover {
	color:#000;
}
#mainNav ul li.sel {
	background:url("../img/menu-bg.png") repeat-x scroll center top transparent;
}
#mainNav ul li.sel a {
}
#mainNav ul li.first-li {
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	border-left:none;
}
#mainNav ul li.last-li {
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
	border-right:none;
}




/*
-------------------------------
		FRONT PAGE
-------------------------------
*/

#home #panorama {
	background:url("../img/cc-panorama.jpg") no-repeat scroll center top transparent;
	height:330px;
}
#home #first_content {
	background:url("../img/drop-shadow.png") repeat-x scroll left top transparent;
	height:250px;
}
#home #main_content {
	background:url("../img/stripe-shadow.png") repeat-x scroll left top transparent;
}

/* bubble world */
.puff {
	background-color:#333;
	display:block;
	color:#FFF;
	text-align:center;
	position:relative;
}
#home .welcome {
	height:190px;
	width:190px;
	position:absolute;
	top:30px;
	left:0;
	-moz-border-radius:95px;
	-webkit-border-radius:95px;
	border-radius:95px;
}
#home .welcome h1 {
	font-weight:normal;
	font-size:20px;
	margin-top:50px;
}
/* spans */
#home h1 span#welcome,
#home h1 span#to,
#home h1 span#cc {
	display:block;
	width:190px;
	text-align:center;
	margin-bottom:2px;
}
#home h1 span#first-letter {
	font-family: 'MutluOrnamental', arial, serif;
	letter-spacing:3px;
	font-size:40px;
	color:#D0A30D;
}
#home h1 span#to {
	font-size:18px;
}
#home h1 span#cc {
	font-size:26px;
}

#home .location {
	height:126px;
	width:126px;
	position:absolute;
	top:-20px;
	left:190px;
	-moz-border-radius:63px;
	-webkit-border-radius:63px;
	border-radius:63px;
}
#home .location p {
	padding:13px 15px;
}
#home .about_us {
	height:200px;
	width:200px;
	position:absolute;
	top:80px;
	left:500px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	border-radius:100px;
}
#home .about_us p {
	padding:25px;
}
#home .fair_trade {
	height:100px;
	width:100px;
	position:absolute;
	top:40px;
	left:800px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
#home .fair_trade p {
	padding:18px 10px;
}

/* main container */
.main_boxholder {
	width:880px;
	height:200px;
	padding:10px 10px 30px;
	overflow:hidden;
}
.main_left,
.main_right,
.main_right .boxholder {
	height:inherit;
	float:left;
	position:relative;
}
.main_left {
	width:200px;
	margin-right:20px;
}
.main_left a {
	position:absolute;
	left:0;
	bottom:20px;
}
.main_right {
	width:660px;
	text-shadow:none;
}
/* news */
.main_right .boxholder {
	width:200px;
	margin-left:20px;
	background-color:#CCC;
	cursor:pointer;
	overflow:hidden;
}
.main_right .boxholder img {
	width:inherit;	
}
.main_right .boxholder .news_info {
	position:absolute;
	bottom:0;
	left:0;
	height:65px;
	width:180px;
	color:#FFF;
	background-color:#036e8c;
	padding:5px 10px 10px;
	overflow:hidden;
}
.main_right .boxholder:hover .news_info {
	background-color:#00475b;
}
/* blog */
.main_right .blog_box {
	height:226px;
	background:url("../img/blogg.png") no-repeat scroll left top transparent;
	position:relative;
	overflow:hidden;
}
.main_right .blog_box p {
	margin:5px 10px 10px;
}
.main_right .blog_box span {
	color:#FFF;
	display:block;
	position:absolute;
	bottom:30px;
	left:10px;
}



/*
-------------------------------
		Products MENU
-------------------------------
*/
#prod_menu {
	background:url("../img/tree-bg.png") repeat-x scroll 0 -10px transparent;
	width:200px;
	float:left;
	padding:10px 0 10px;
	margin-bottom:20px;
	text-shadow:none;
}
#prod_menu ul.menu li {
  margin-top: 1px;
}
#prod_menu ul li a {
	text-align:center;
	color:#FFF;
	padding:5px 0 5px;
	display:block;
	text-decoration:none;
	margin-bottom:2px;
	line-height:20px;
}

/* LEVEL 1 */
#prod_menu ul.menu li a {
	background:url("../img/navbtn-off.png") repeat-y scroll center top transparent;
	position:relative;
}
#prod_menu ul.menu li a:hover {
	background:url("../img/navbtn-on.png") repeat-y scroll center top transparent;
}
#prod_menu ul.menu li a.sel {
	background:url("../img/navbtn-on.png") repeat-y scroll center top transparent;
}
/* LEVEL 1 SUPER */
#prod_menu li a.subMenuAnchor .menuArrow {
	position:absolute;
	top:10px;
	right:25px;
	height:11px;
	width:11px;
	background:url("../img/arrow-down.png") no-repeat scroll 0 0 transparent;
}
#prod_menu li a.subMenuAnchor {
	background:url("../img/navbtn-off.png") repeat-y scroll center top transparent !important;
}
#prod_menu li a.subMenuAnchor:hover {
	background:url("../img/navbtn-on.png") repeat-y scroll center top transparent !important;
}
/* LEVEL2 */
#prod_menu ul.acitem li a {
	background:url("../img/navbtn-off2.png") repeat-y scroll right top transparent;
	text-indent:40px;
}
#prod_menu ul.acitem li a:hover {
	background:url("../img/navbtn-on2.png") repeat-y scroll right top transparent;
}
#prod_menu ul.acitem li a.sel {
	background:url("../img/navbtn-on2.png") repeat-y scroll right top transparent;
}




/*
-------------------------------
		Products
-------------------------------
*/

#products .holder {
	overflow:hidden;
}

#showcase_header {
	padding: 10px 0 0 24px;
}
.showcase_article {
	height:200px;
	width:150px;
	float:left;
	margin:15px 0 15px 24px;
	position:relative;
}
.showcase_article .news_img {
	max-width:60px;
	position:absolute;
	top:-15px;
	right:-15px;
	z-index:100;
}
.showcase_article a {
	display:block;
}
.showcase_article .article_img {
	border:solid 5px #FFF;
	max-width:140px;
}
.showcase_article .article_img img {
	max-width:140px;
}
.showcase_article .info {
	overflow:hidden;
	padding:5px 10px;
}
.showcase_article span {
	display:block;
	float:left;
	color:#000;
}
.showcase_article span.name {
	width:130px;
}
.showcase_article .icon_info {
	display:block;
	float:right;
}

.boxgrid {
	width: 130px;
	height: 130px;
	padding:10px;
	background:#FFF;
	overflow: hidden;
	position: relative;
	cursor:pointer;
	z-index:10;
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,.1);
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.1);
	box-shadow:inset 0 0 10px rgba(0,0,0,.1);
}
.boxgrid:hover {
	z-index:200;
}
.boxgrid p {
	color:#000;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	max-width:140px;
	border:5px solid #FFF;
}






/*
-------------------------------
		Article
-------------------------------
*/

#article #right_holder {
	padding:10px 0 0 24px;
	width:676px;
}
#article_holder,
#same_category,
#general_info {
	float:left;
	width:inherit;
	margin-bottom:20px;
}

/* info */
#article #info_holder {
	float:left;
	max-width:330px;
}
#article #img_holder {
	float:left;
	position:relative;
	margin-right:30px;
}
#article #img_holder a {
	display:block;
	line-height:0px;
}
#article #article_pic {
	max-width:300px;
	border:solid 5px #FFF;
}
#article .news_img {
	max-width:100px;
	position:absolute;
	top:-20px;
	right:-20px;
	z-index:9000;
}
#article blockquote {
  background: transparent url("../img/icon_quote1.png") left top no-repeat;
}
#article blockquote div {
  padding: 5px 35px;
  background: transparent url("../img/icon_quote2.png") right bottom no-repeat;
  min-height:30px;
}

/* same category */
#same_category {
}
#mini_gallery {
	padding:0 15px;
	overflow:hidden;
}

/* general info */
#general_info h1,
#general_info h2 {
	margin-bottom:0;
}



/*
-------------------------------
		GALLERI
-------------------------------
*/
#gallery .holder {
	overflow:hidden;
}
#gallery .album_holder {
	float:left;
	width:100%;
	margin-bottom:20px;
}
#gallery .album_holder hr {
	clear:both;
	width:100%;
}
#gallery .album_holder a {
}
#gallery .album_holder a img {
	margin:2px 3px;
	border:5px solid #FFF;
	height:80px;
	width:80px;
}

#gallery div.show_more {
}
#gallery a.show_more {
	display:block;
	margin-top:20px;
	text-align:center;
	font-size:15px;
}



/*
-------------------------------
		OM OSS
-------------------------------
*/

#omoss h2 {
	margin-top:40px;
}
#omoss .leftholder {
	width:540px;
	float:left;
	margin-top:20px;
}
#omoss #quote {
	width:180px;
	float:right;
	padding:10px 20px 0 20px;
}
#omoss #quote p {
	color:#036e8c;
	font-size:16px;
	font-style:italic;
}
.about_pic {
	float:right;
	width:320px;
	border:5px solid #FFF;
}





/*
-------------------------------
		CONTACT
-------------------------------
*/

#contact #first_content {
	background:url("../img/stripe-shadow.png") repeat-x scroll left top, url("../img/bg1.jpg") repeat scroll 0 0 transparent;
}

#contact label,
#contact_us span,
#contact input,
#news_letter span {
	display:block;
}
#contact #main_content hr {
	margin-bottom:20px;
}

/* contact us */
#contact_us {
	float:left;
	width:600px;	
}

/* news letter */
#news_letter {
	float:right;
	width:200px;
}
#news_letter label {
	margin-bottom:5px;
}
#news_letter input[type="text"] {
	width:192px;
}
#news_letter input[type="submit"] {
	float:right;
}

/* iFrame */
#cc_map {
	border:1px solid #999;
}
small {
	font-size:14px;
}

/* email us */
#email_us h1 {
	font-size:22px;
	margin-bottom:60px;
}
#email_us form {
	float:left;
}
#email_us label {
	font-weight:bold;
	float:left;
	display:block;
	width:200px;
}
#email_us input[type="text"] {
	width:302px;
}
#email_us textarea {
	height:160px !important;
	max-height:160px !important;
	min-height:160px !important;
	width:300px !important;
	max-width:300px !important;
	min-width:300px !important;
}
#email_us input[type="submit"] {
	float:right;
}
#email_us .handlerHolder {
	min-height:250px;
	padding-top:50px;
	width:100%;
}
#email_us .handlerHolder h1.success {
	font-size:30px;
	display:block;
	text-align:center;
}

	
	



/*
-------------------------------
		FOOTER
-------------------------------
*/
#footer,
#subFooter,
#footer h4,
#footer hr {
	color:#B09B8A;
	overflow:hidden;
}
#footer-bg {
	background:url("../img/tree-bg.png") repeat-x scroll 0 -10px transparent;
}
#footer {
	background:url("../img/logo_sun2.png") no-repeat scroll right -181px transparent;
	font-size:12px;
	padding:20px 0 40px;
	max-height:250px;
	position:relative;
	color:#999;
}
#footer a {
	color:#FFF;
	display:block;
}
#footer #casacanela,
#footer #products_list,
#footer #subscribe {
	float:left;
	width:280px;
	padding:0 10px;
}

/* casacanela */
#footer #casacanela h4 {
	background:url("../img/logo_sun3.png") no-repeat scroll 0 2px transparent;
	padding-left:25px;
}

/* products_list */
#footer #products_list {
}
#footer #products_list ul {
	float:left;
	width:120px;
}
#footer #products_list .f-subLevel {
	text-indent:20px;
}

/* subscribe */
#footer #subscribe input {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	display:block;
}
#footer #subscribe input[type="text"] {
	width:190px;
}

/* subfooter */
#subFooter {
	background:url("../img/subFooter-bg.jpg") repeat scroll 0 0 transparent;
	padding:20px 0 20px;
	text-align:center;
}
#subFooter span {
	display:block;	
}