/* CSS Document */

body{padding:0px; margin:17px 0 0;font:14px/18px Arial, Helvetica, sans-serif;}

div, p, ul, li, h1, h2, h3, h4{padding:0px; margin:0px;}

ul{list-style-type:none;

list-style-image:url(images/arrow4.gif);

 

}



/*----MAIN PANEL----*/

#mainPan{width:780px; position:relative; margin:0 auto;background-color:#FFFFFF;}

#mainPans{width:780px; position:relative; margin:0 auto;background-color:#000000;}



/*----TOP PANEL----*/

#topPan{width:778px; height:270px; position:relative; margin:0 auto;} 

#topPan img.logo{

	width:339px;

	height:44px;

	position:absolute;

	top:24px;

	left:26px;

}

#topPan h1{width:241px; height:78px; display:block; background:url(images/health_coffee.jpg) 0 0 no-repeat #F3F3F3; color:#fff; position:absolute; top:114px; left:0px; font-size:12px; font-weight:bold; line-height:16px; padding:73px 186px 0 53px;}

#topPan h2{width:200px; height:25px; display:block; position:absolute; bottom:0px; left:53px; background:#fff; color:#B88F00; font:22px/25px Georgia, "Times New Roman", Times, serif;}



#topPan ul{

	width:521px;

	height:29px;

	display:block;

	position:absolute;

	top:61px;

	right:2px;

}

#menus{

	position:absolute;

	font-family: Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:bold;

	left: 143px;

	top: 93px;

	color:#FFFF00;

	background-color:#660000;

	text-decoration:none;

	width: 628px;

	}

#menus a{

text-decoration:none;

color:#FFFF00;

letter-spacing:0px;



}

#menufoot{

	position:absolute;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	left: 33px;

	top: 9px;

	color:#000000;

	text-decoration:none;

	width: 733px;

	}

#menufoot a{

text-decoration:none;

color:#000000;

letter-spacing:1px;



}

#topPan ul li a:hover{color:#5A5A5A; text-decoration:none;}

#topPan ul li.about{width:80px;}

#topPan ul li.about a{width:70px; height:16px; display:block; background:url(images/arrow3.gif) 0 6px no-repeat #fff; color:#5A5A5A; font-size:13px; text-decoration:none; padding:0 0 0 12px;}

#topPan ul li.about a:hover{background:url(images/arrow4.gif) 0 6px no-repeat #fff; color:#5A5A5A; text-decoration:none;}





#toprightPan{

	width:298px;

	background:url(images/ganocafe.jpg) 0 0 no-repeat;

	color:#fff;

	position:absolute;

	top:114px;

	right:1px;

	height: 154px;

	

}

#toprightPan p{padding:64px 76px 0 59px; font-size:12px; font-weight:bold; line-height:16px;}



#toprightPan p.more{padding:13px 0 0; font-size:13px; font-weight:bold;}

#toprightPan p.more a{

	width:130px;

	height:23px;

	display:block;

	background:url(images/viewmore.gif) 0 0 no-repeat #EFBA00;

	color:#A98401;

	line-height:21px;

	text-decoration:none;

	margin:0 0 0 0px;

	padding:0 0 0 35px;

	position:absolute;

	left: 60px;

	top: 121px;

}

#toprightPan p.more a:hover{display:block; background:url(images/viewmore-hover.gif) 0 0 no-repeat #EFBA00; color:#A98401; text-decoration:none;}







/*----/TOP PANEL----*/



/*----BODY PANEL----*/

#bodyTopPan{width:778px; height:234px; position:relative; margin:0 auto;}

#bodyTopPan p{padding:0px 0px 0;}

#bodyTopPan p span{font-weight:bold;}

#bodyTopPan p.more{

	width:73px;

	height:26px;

	background:url(images/morebg.gif) 0 0 no-repeat;

	position:absolute;

	bottom:23px;

	right:28px;

	padding:0px;

}

#bodyTopPan p.more a{display:block; width:48px; height:20px; background: url(images/arrow1.gif) 100% 50% no-repeat #fff; color:#A98401; font-size:13px; font-weight:bold; text-decoration:none; margin:3px 0 0 12px;}

#bodyTopPan p.more a:hover{background: url(images/arrow2.gif) 100% 50% no-repeat #fff; color:#A98401; text-decoration:none;}



/*----Body Left Panel---*/

#leftPan{

	width:778px;

	float:left;

	background:url(images) bottom left no-repeat #fff;

	color:#6D6D6D;

}

#leftPan ul{width:538px; height:102px; margin:0px; padding:0px;}

#leftPan ul li{width:110px; height:52px; float:left;}

#leftPan ul li a{width:110px; height:22px; display:block; background:#fff; color:#6D6D6D; text-decoration:none; font:20px/22px Georgia, "Times New Roman", Times, serif;}

#leftPan ul li a:hover{background:#fff; color:#B88F00; text-decoration:none;}

#leftPan ul.next{background:none; height:164px;}

#leftPan ul.next li{height:24px; width:413px; padding:0 0 0 53px;}

#leftPan ul.next li a{height:24px; width:413px; background:url(images/buttet1.gif) 0 11px no-repeat #fff; color:#6D6D6D; font-size:14px; font-weight:normal; line-height:24px; text-decoration:none; padding:0 0 0 15px;}

#leftPan ul.next li a:hover{height:24px; background:url(images/buttet2.gif) 0 11px no-repeat #fff; color:#B88F00; line-height:24px; text-decoration:none;}







#leftPan h2{width:250px; height:41px; display:block; background:url(images/icon1.gif) 0 0 no-repeat #fff; color:#B88F00; font-size:12px; line-height:18px; font-weight:bold; margin:0 0 0 53px; padding:0 0 0 52px; text-transform:uppercase;}

#leftPan h2 span{font-size:12px; line-height:18px; font-weight:bold; background:#fff; color:#0554AD;}



#leftPan h3{width:250px; height:41px; display:block; background:url(images/icon4.gif) 0 0 no-repeat #fff; color:#3D3D3D; font:18px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 0 0 53px; padding:0 0 0 30px;}



#leftPan h4{width:250px; height:41px; display:block; background:url(images/icon1.gif) 0 0 no-repeat #fff; color:#B88F00; font-size:12px; line-height:18px; font-weight:bold; margin:0 0 0 53px; padding:0 0 0 52px; text-transform:uppercase;}

#leftPan h4 span{font-size:12px; line-height:18px; font-weight:bold; background:#fff; color:#0554AD;}





#leftPan p{padding:0px 0px 0;}

#leftPan p span{font-weight:bold;}

#leftPan p.bottompadding{padding:40px 53px;}



#bodyleftlinkboxonePan{width:428px; height:50px; display:block; margin:25px 0 0  53px; padding:0px;}

#bodyleftlinkboxonePan ul{width:428px; height:28px; background:none; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyleftlinkboxonePan ul li{display:block; width:148px; height:34px; float:left;}

#bodyleftlinkboxonePan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#1A5BB2; font-size:14px; font-weight:normal; padding:0 0 0 35px;}

#bodyleftlinkboxonePan ul li.comments span.boldtext{font-weight:bold;}



#bodyleftlinkboxonePan ul li.continue{float:left; width:150px; height:34px; background:url(images/icon3.gif) 0 0 no-repeat; padding:2px 0 0 35px; }

#bodyleftlinkboxonePan ul li.continue a{display:block; width:150px; height:18px; background:#fff; color:#1A5BB2; font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; }

#bodyleftlinkboxonePan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; color:#B88F00; text-decoration:none;}



#bodyleftlinkboxtwoPan{width:428px; height:50px; display:block; margin:25px 0 0  53px; padding:0px;}

#bodyleftlinkboxtwoPan ul{width:428px; height:28px; background:none; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyleftlinkboxtwoPan ul li{display:block; width:148px; height:34px; float:left;}

#bodyleftlinkboxtwoPan ul li.comments{width:110px; height:28px; display:block; background:url(images/icon2.gif) 0 0 no-repeat #fff; color:#1A5BB2; font-size:14px; font-weight:normal; padding:0 0 0 35px;}

#bodyleftlinkboxtwoPan ul li.comments span.boldtext{font-weight:bold;}



#bodyleftlinkboxtwoPan ul li.continue{float:left; width:150px; height:34px; background:url(images/icon3.gif) 0 0 no-repeat; padding:2px 0 0 35px; }

#bodyleftlinkboxtwoPan ul li.continue a{display:block; width:150px; height:18px; background:#fff; color:#1A5BB2; font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; }

#bodyleftlinkboxtwoPan ul li.continue a:hover{display:block; height:18px; background:#F4F4F4; color:#B88F00; text-decoration:none;}

/*----/Body Left Panel---*/



/*----Body Right Panel---*/

#bodyrightPan{width:240px; float:left;}

#bodyrightPan h2{height:55px; font:22px/55px Georgia, "Times New Roman", Times, serif; background:#F3F3F3; color:#B88F00; font-weight:normal; margin:0 0 0 44px;}



#bodyrightPan p{padding:11px 75px 0 44px;}

#bodyrightPan p.toppadding-rightpantext{padding:33px 67px 0 44px;}

#bodyrightPan p span{padding:11px 0 25px 0; font-size:12px; font-weight:bold;}

/*----/Body Right Panel---*/



/*----FOOTER PANEL---*/

#footermainPan{height:70px; background:url(images/footerbg.gif) 0 0 repeat-x; clear:both; position:relative;}



#footerPan{width:780px; height:50px; display:block; position:relative; margin:0 auto; color:#fff; background:url(images/footerbg.gif) 0 0 repeat-x #979797; font-family:Tahoma,Arial, Helvetica, sans-serif;}

#footerPan p{padding:51px 0 0;}

#footerPan p span{background:#1C1B19; color:#AC2626; font-size:10px;}

#footerPan p.copyright{ background:#979797; display:block; position:absolute; top:130px; left:192px; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; padding:0;}



#footerPan ul{

	width:424px;

	display:block;

	position:absolute;

	left:119px;

	top:146px;

	padding:0;

}

#footerPan li{float:left; font:13px/18px Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan ul li a{padding:0 0 0 12px; color:#fff; background:#979797; text-decoration:none;}

#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.info{

	width:424px;

	height:45px;

	display:block;

	position:absolute;

	left:284px;

	top:27px;

	padding:0;

}

#footerPan ul.info li{display:block; width:109px;}

#footerPan ul.info li.address{width:140px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-size:10px; font-family:Tahoma,Arial, Helvetica, sans-serif;  font-weight:bold; padding:0 0 0 12px;}

#footerPan ul.info li.phone{width:94px; background:url(images/vertical-dot.gif) 100% 0 repeat-y #979797; color:#353535; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 0 15px; font-weight:bold;}

#footerPan ul.info li.fax{width:94px; background:#979797; color:#353535; font-size:10px; padding:0 0 0 15px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-weight:bold;}

#footerPan ul li span{background:#979797; color:#FFDB5D; font-size:10px; font-weight:bold; line-height:18px;}



#footerPan ul.design{

	width:250px;

	background:#979797;

	color:#fff;

	display:block;

	position:absolute;

	top:99px;

	left:259px;

}

#footerPan ul.design li{widows:150; font-size:11px;}

#footerPan ul.design li a{background:#979797; display:block; color:#fff; text-decoration:none;}

#footerPan ul.ss li a:hover{text-decoration:underline;}





/*...................................*/

/* Body Content Pan*/



* {

	margin: 0;

	padding: 0;

}



body {

	font: normal small Arial, Helvetica, sans-serif;

	color: #333333;

}



form {

}



fieldset {

	border: none;

}



legend {

	display: none;

}



h1, h2, h3 {

	margin: 0;

	color: #11A6D4;

}



h2 {

	margin-bottom: .5em;

	font-size: 1.8em;

}



h3 {

	margin-bottom: 1em;

	font-size: 1em;

}



p, blockquote, ul, ol {

	margin-bottom: 1.5em;

	line-height: 1.8em;

}



p {

}



blockquote {

}



ul {

	margin-left: 2em;

	

}



ul li {

}



ol {

	margin-left: 2em;

}



ol li {

}



a {

	color: #EA672E;

}



a:hover {

	text-decoration: none;

	color: #11A6D4;

}



img {

	border: none;

}



/* Boxed Style */



.boxed {

	margin-bottom: 1em;

	background: url(images/img03.gif) no-repeat;

}



.boxed .title {

	height: 29px;

	padding: 11px 0 0 27px;

	text-transform: uppercase;

	font-size: 1.2em;

	color: #FFFFFF;
}
.boxed.a{
font-size: 1.2em;
color:#FFFFFF;
}
.readgano
{
font-size:26px;
color:#249EEB;

}


.boxed .content {

	padding: 10px;

}



/* Header */



#header {

	width: 700px;

	height: 130px;

	margin: 0 auto;

	background: url(images/img02.jpg) no-repeat;

}



/* Header > Logo */



#logo {

	float: left;

	padding: 65px 0 0 0;

}



#logo h1 {

	text-transform: uppercase;

	font-size: 2em;

}



#logo h2 {

	margin: 0;

	text-transform: uppercase;

	font-size: 1.2em;

}



#logo a {

	text-decoration: none;

	color: #FFFFFF;

}



/* Header > Top Menu */



#topmenu {

	float: right;

}



#topmenu ul {

	margin: 0;

	padding: 100px 0 0 0;

	list-style: none;

	line-height: normal;

}



#topmenu li {

	display: inline

}



#topmenu a {

	display: block;

	float: left;

	margin: 0 0 0 20px;

	padding: 0 0 0 15px;

	text-transform: uppercase;

	text-decoration: none;

	font-size: x-small;

	font-weight: bold;

	color: #FFFFFF;

}



#topmenu a:hover {

	text-decoration: underline

}



#topmenu1 {

	background: url(images/img04.gif) no-repeat left center;

}



#topmenu2 {

	background: url(images/img05.gif) no-repeat left center;

}



#topmenu3 {

	background: url(images/img06.gif) no-repeat left center;

}



/* Menu */



#menu {

	width: 700px;

	height: 40px;

	margin: 0 auto;

}



#menu ul {

	margin: 0;

	list-style: none;

	line-height: normal;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	float: left;

	height: 26px;

	padding: 14px 18px 0 20px;

	text-transform: uppercase;

	text-decoration: none;

	font-weight: bold;

}



#menu a:hover {

	text-decoration: underline;

}



#menu .first a {

	padding-left: 0;

	background: none;

}



/* Content */



#content {

	width: 775px;

	margin: 0 auto;

	padding: 0 0;

}



/* Content > Main */



#main {

	

	margin-bottom:0;

    width:550px;

	position:relative;

	border-right: 1px  dotted #CCCCCC;





}



/* Content > Main > Example */



#example {

    margin: 0 1em 1em 1em;

	padding: 10px 0 1.5em 0;

	border-bottom: 1px solid #CCCCCC;

	text-align:justify;



	

}



/* Content > Main > Product Display */



#pro_disp {

    margin: 0 1em 0.5em 1em;

	padding: 0px 0 0.5em 0;

	border-bottom: 1px solid #CCCCCC;

	text-align:justify;

	height:260px;

	font: normal small Arial, Helvetica, sans-serif;

	color: #333333; 

	

}

#pro_disp1 {

    margin: 0 1em 0.5em 1em;

	padding: 0px 0 0.5em 0;

	border-bottom: 1px solid #CCCCCC;

	text-align:justify;

	height:240px;



}

#w{

 padding:10px 0px 10px 0px;

 font:Arial, Helvetica, sans-serif;

 font-size: .85em;

 color: #333333;

}

/* Content > Main > Welcome */



#welcome {

	margin: 0 1em 1em 1em;

	padding: 10px 0 1.5em 0;

	border-bottom: 1px solid #CCCCCC;

	text-align:justify;



}

#welcomesub {

	

	

	

	text-align:justify;



}



#disc1 {

    width: 250px;

	float:left;

	margin: 0 auto;

	padding: 0 0;

	height:100%;

	

}

#disc2 {

    width: 250px;

	float:right;

	margin: 0 auto;

	padding: 0 ;

	height:100%;

}

#disc3 {

    width: 250px;

	float:left;

	margin: 0 auto;

	padding: 0 0;

	height:100%;

}

#disc4 {

    width: 250px;

	float:right;

	margin: 0 auto;

	padding: 0 0;

	height:100%;

}

/* Content > Sidebar */



#sidebar {

	width: 220px;

	position: absolute;

	background-color:#FFFFFF;

	left: 554px;

	top: 269px;

	height: 584px;

}



/* Content > Sidebar > Login */



#login {

}



#login label {

	display: block;

}



#login #inputtext1, #login #inputtext2 {

	width: 180px;

	margin-bottom: .5em;

	padding: 2px 5px;

	border: 1px solid #CCCCCC;

	font: normal small Arial, Helvetica, sans-serif;

	color: #333333;

}



#login #inputsubmit1 {

	float: right;

	width: 60px;

	margin-right: 7px;

	border: 1px solid #CCCCCC;

	border-top-color: #FFFFFF;

	border-left-color: #FFFFFF;

	font: normal small Arial, Helvetica, sans-serif;

}



#login p {

	margin: 0;

	padding-top: .2em;

	font-size: x-small;

}



/* Content > Sidebar > Updates */



#updates {

}



#updates ul {

	margin: 0;

	list-style: none;

}



#updates li {

	margin-bottom: 1em;

}



#updates h3 {

	margin: 0;

	padding: 0 0 0 10px;

	font-size: x-small;

}



#updates p {

	margin: 0;

	padding: 0 0 0 10px;

	line-height: normal;

	font-size: .85em;

}



#updates a {

	text-decoration: none;

}



/* Content > Sidebar > Partners*/



#partners {

}



/* Footer */



#footer {

	clear: both;

	width: 700px;

	margin: 0 auto 2em auto;

	border-top: 1px solid #CCCCCC;

}



/* Footer > Legal */



#legal {

	margin: 0;

	padding: 8px;

	text-align: center;

	font-size: x-small;

}



#legal a {

	font-weight: bold;

}



/* Footer > Links */



#links {

	margin: 0;

	padding: 10px;

	text-align: center;

}



/*...................................*/

/* Photo gallery pan*/



#gallery 

{

	position: absolute;

	width:519px;

	padding-top:408px;

	top: -9px;

	height: 126px;

	left: -40px;

}

#dum{

	position:absolute;

	left: -5px;

	top: 37px;

	width: 454px;

	height: 339px;

	border: 0px solid #40403E;

 }

 

#thumbs 

{ width: 600px; 

  float: none;

}



#thumbs a 

{ display: block; 

  float: right; 

  margin: 1px 0px 3px 10px; 

  width: 50px; 

  height: 50px; 

  border: 2px solid #40403E;

 }



#thumbs a img 

{ width: 50px; 

  height: 50px; 

  border: 0; 

}



#thumbs a:hover {border-color: #ddd;}





#thumbs a:hover img 

{ 

  position: absolute; 

  width: auto; 

  height: auto; 

  right: 25px; 

  top: 8px; 

  padding: 2px;

  

  

}