*{margin:0;}

html, body {
text-align:center;
background:#080808;

scrollbar-face-color:#000000;
scrollbar-base-color: #333333;
scrollbar-arrow-color:#FF8F20 ;
scrollbar-track-color: #111111;
scrollbar-shadow-color:#111111;
scrollbar-highlight-color:#111111;
scrollbar-3dlight-color:#282828;
scrollbar-darkshadow-Color:#282828;
}


/*---------- animation  --------------*/
.animation {
float: right;
width:216;
height:90;
}
/*--------------------*/


/*---------- face book  --------------*/
.facebook {
margin-top:20px;
float:left;
width:120;
}
/*--------------------*/

.heading {
padding-left:10px;
font-family: Arial;
font-size: 12px;
color:#CCCCCC;
height:45px;
text-align: left;
} 


a {
border-color:none;
color: #FF9900;
text-decoration:none;
} 

a:hover{
	color:  #FFF;
	text-decoration:none
}


p {
margin-top:8px;
color:#7A7A7A;
font: 12px/17px Verdana, Arial, Helvetica, sans-serif;

}

.specials {
	font-size:14px;
	line-height:24px;
} 




.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#8C8C8B;
}

text-link {
text-decoration:none
}

.textform {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#8C8C8B;
}


.texta {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration:none;
color:#FF9900;
}


.textorganic {
color: #00CC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}


.linktittlebig {
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;

}
 
.linktittlebigselected {

font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold
}


.linktittlebig a {
color:#FF9900;
text-decoration:none;
font-weight:bold;
border:dashed 2px #191919;
padding:5px
}

.linktittlebig a:hover{
color:  #FFFFFF;
text-decoration:none
font-weight:bold;
}


/*--------------------*/

.tittle {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}

.linktittle {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
}
 
.linktittleselected {

font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}


.linktittle a {
color:#FF9900;
text-decoration:none;
}

.linktittle a:hover{
color: #FFFFFF;
text-decoration:none;
}



/*--------------------*/



.linktittleorganic{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

.linktittleorganic a { 
color: #009900;
text-decoration:none;

}

.linktittleorganic a:hover{ 
color: #00CC00;
text-decoration:none;


}


/*------------------------*/

.topcontent {
	margin:0px auto 0px auto;
	width:900px;
	height:172px;
	background-color: #000;
}

.topcontentleft{
float:left;
width:715px; 
height:172px; 
background-color: #000000;
}

.topcontentright{
background-image: url(images/aromaweb_10.jpg); 
float:right;
width:185px; 
height:172px; 
background-color: #000000;
}

.topcontentrightorg{
background-image: url(organic_images/aromaweb_10.jpg); 
float:right;
width:185px; 
height:172px; 
background-color: #000000;

}


.mainmenu {
width:715px; 
height:34px; 
background-color: #000000;
padding:0; 
	}


.listmenu {
width:714px; 
margin:0;
padding:0; 
display: inline;
width: 103px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; font-size: 15px
}

.listmenu ul {
display: inline;
text-align: center; 
list-style-type:none;
width:714px; 
padding:0;
}

.listmenu li{
display: inline;
float:left;
list-style-type:none;
margin:0;
zpadding:0;
}



.listmenu ul li.home a{ display:block; background-image: url(images/aroma-coffee-roastery-menu01.png); width: 71px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.home a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over01.png); width: 71px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

.listmenu ul li.about a{ display:block; background-image: url(images/aroma-coffee-roastery-menu02.png); width: 84px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.about a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over02.png); width: 84px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

.listmenu ul li.coffee a{ display:block; background-image: url(images/aroma-coffee-roastery-menu03.png); width: 66px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.coffee a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over03.png); width: 66px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

.listmenu ul li.roasting a{ display:block; background-image: url(images/aroma-coffee-roastery-menu04.png); width: 80px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.roasting a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over04.png); width: 80px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}


.listmenu ul li.organic a{ display:block; background-image: url(images/aroma-coffee-roastery-menu05.png); width: 74px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.organic a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over05.png); width: 74px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

.listmenu ul li.farmers a{ display:block; background-image: url(images/aroma-coffee-roastery-menu06.png); width: 80px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.farmers a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over06.png); width: 80px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

.listmenu ul li.catalogue a{ display:block; background-image: url(images/aroma-coffee-roastery-menu07.png); width: 94px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.catalogue a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over07.png); width: 94px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}


.listmenu ul li.specials a{ display:block; background-image: url(images/aroma-coffee-roastery-menu08.png); width: 80px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.specials a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over08.png); width: 80px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

.listmenu ul li.contact a{ display:block; background-image: url(images/aroma-coffee-roastery-menu09.png); width: 84px; COLOR: #191919; line-height: 34px; height:34px; text-decoration: none}
.listmenu ul li.contact a:hover{ display:block; background-image: url(images/aroma-coffee-roastery-menu-over09.png); width: 84px; COLOR: #191919; line-height: 34px;height:34px; text-decoration: none}

/*------------------------*/



.homecontent{
width:100%;
height:auto;
float:left;

}



.homeprod {
	margin:0;
	float:left;
	width:108px;
	list-style: inherit;
	border: #191919 dashed 2px;
	margin-left:2px;
	margin-right:2px
	}
	
.homeprod ul{
	padding-left:5px;
	float:left;
	width:100%;
	list-style:inherit;
	margin-top:0px;
	margin-top:1px;
	margin-bottom:5px;
	margin-left:0px;
}
.homeprodt ul li{width:100%; height:18px;  list-style-type:none;  }
.homeprod ul li a{ display:block; width:100%; height:18px; font:14px/18px Verdana, Arial, Helvetica, sans-serif;  text-decoration:none; color:#FFFFFF}
.homeprod ul li a:hover{ text-decoration:none; color: #FF9900; line-height:18px} 



.homebottom {
	margin:0px;
	float:left;
	width:99%;
	padding-top:10px;
	
	}
	
	
.hrbar {
margin:0px;
float:left;
width:100%
}

 
/*--------------------*/
	

.header {
	background-image: url(images/aromaweb_11.jpg);
	width: 715px;
	height:136px;
}

.headerorganic{
	background-image: url(organic_images/aromaweb_11.jpg);
	width: 715px;
	height:136px;
}


.maincontent{
margin:0px auto 0px auto;
background-color: #000000;
width:900px;
height:410px;
}



.maincontentborderleft{
width:2%;
float:left;
height:410px;
}


.maincontentborderright{ 
width:2%;
float:right;
height:410px;
}

/*content box*/

#contentTop{
background: url(images/aroma_coffee_top.png) no-repeat ;
width:432px;
height:12px;
}

#contentBody{
	margin:16px 36px 0 36px;
	padding:0;
	width:360px;
	text-align:left;
}

#contentBody h1 {
width:360px;
margin:0 auto;
}

#contentBody hr {
width:360px;
margin:0 auto;
color: #ffCC66;
}

#contentBody h5 {
width:360px;
margin:12px 0 4px 0;
font: 15px Helvetica Neue, Helvetica, Arial, sans-serif;
color:#8C8C8B;
}

#contentMenuBox {
width:360px;
height:90px
}

.contentMenu {
	float:left;
	width:115px;
	list-style: inherit;
	border: #191919 dashed 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	}

.contentMenu ul{
	padding-left:2px;
	float:left;
	width:100%;
	list-style:inherit;
	margin:4px 0 6px 0;
}

.contentMenu ul li{width:100%; height:18px;  list-style-type:none;}
.contentMenu ul li a{ display:block; width:100%; height:18px; font:14px/18px Verdana, Arial, Helvetica, sans-serif;  text-decoration:none; color:#ffffff}
.contentMenu ul li a:hover{ text-decoration:none; color: #FF9900; line-height:18px} 



#contentXmasClosure {background:url(images/pattern.gif) 0 0 repeat;
margin:1px 4px 1px 1px;
padding:1px 0;

}

#blankContent{
height:14px;
}



#contentAds{
	margin:0;
	text-align:right;
	width:360px;
	float:left;
	clear:both
} 

#contentAds p.facebook{
margin:10px 0 0 0;
width:93px;
float:left;
}

#contentAds p.specials{
margin-left:110;
margin-bottom:10px;
zwidth:220px;
}

#contentBottom{
float:left;
background: url(images/aroma_coffee_bottom.png) no-repeat;
width:432px;
height:7px;
clear:both
}

/*content box*/

.contentleft{

padding-top:2px;
padding-right:17px;
float:left; 
width:46%;
height:397px;
}

/*----/Iphone Panel----*/
#contentleftbot {float:left; width:400px; font-size:14px}
#contentleftbot h2.iphoneTitle{width:358px; margin:16px 4px 10px 0; height:30px; background:url(images/pattern.gif) 0 0 repeat; float:right;  margin-top:10px; }
#contentleftbot h2.iphoneTitle a{width:338px; margin-left:20px; height:30px; float:right;  display:block; background:url(images/aromaCoffee-iphoneApp.png) no-repeat; text-indent:-2000px;}
#contentleftbot h2.iphoneTitle a:hover{width:335px; margin-left:23px; height:30px;  background:url(images/aromaCoffee-iphoneApp-over.png) no-repeat; text-indent:-2000px;}

#contentleftbot p.iphoneIcon { margin:0; float:left; 
}

#contentleftbot h2.iphoneDowload{color:#7A7A7A; font: 13px/18px Verdana, Arial, Helvetica, sans-serif;}
#contentleftbot h1.iphoneDowloadLink{color: #FFCC33; font: 19px Verdana, Arial, Helvetica, sans-serif;}


/*----iphone Panel----*/


.contentright{ 
float:left; 
width:48%;
/*height:410px;*/
/*background-color:#000000;*/
/*border: 1px solid #ffffff;*/
}

.contentrightHome{
margin:0;
background: url(images/aroma_coffee_content_body.png) 0 0 repeat-y; 
float:left; 
width:48%;
}


.contentrighttop{ 
background-image: url(images/aromaweb_13.jpg);
float:left; 
width:100%;
height:12px;
/*border: 1px solid #ffffff;*/
}



.contentrighttoporganic{ 
background-image: url(organic_images/aromaweb_13.jpg);
float:left; 
width:100%;
height:12px;
/*border: 1px solid #ffffff;*/
}


.contentrightborderl{
background-image: url(images/aromaweb_15.jpg);
background-repeat: repeat-y; 
float:left; 
width:3%;
height:348px;
/*border: 1px solid #ffffff;*/
}



.contentrightborderlorganic{
background-image: url(organic_images/aromaweb_15.jpg);
background-repeat: repeat-y; 
float:left; 
width:3%;
height:348px;
/*border: 1px solid #ffffff;*/
}



.contentrightborderm{
	float:left;
	background-color:#000000;
	width:94%;
	height:348px;


/*border: 1px solid #ffffff;*/
}

.scroll {
	float:left;
	padding-left:27px;
	padding-right:23px;
	height: 290px;
	width: 87%;
	overflow: auto;
	background-color: #000000;
	text-align:left;
}

.textboxtop{
	padding-top: 16px;
	padding-left:20px;
	padding-right:2px;
	text-align:left;
	width:94%;
	height:45px;
}

.textboxmiddle{
padding-left:25px;
padding-right:2px;
text-align:left;
width:90%;
height:auto;


}

.textboxbottom{
padding-left:25px;
padding-right:2px;
text-align:left;
width:90%;
height:40px;
}

.contentrightborderr{
background-image: url(images/aromaweb_17.jpg);
background-repeat: repeat-y; 
float: right;
width:3%;
height:348px;
/*border: 1px solid #ffffff;*/
}

.contentrightborderrorganic{
background-image: url(organic_images/aromaweb_17.jpg);
background-repeat: repeat-y; 
float: right;
width:3%;
height:348px;
/*border: 1px solid #ffffff;*/
}


.contentrightbottom{
float:left; 
width:100%;
height:7px;
/*border: 1px solid #ffffff;*/
background-image: url(images/aromaweb_19.jpg);
}

.contentrightbottomorganic{ 
float:left; 
width:100%;
height:7px;
/*border: 1px solid #ffffff;*/
background-image: url(organic_images/aromaweb_19.jpg);
}

.contentrightbottomb{ 
padding-top:12px;
float:left; 
width:100%;

}

.contentrightbottombleft{ 
padding-top:5px;
padding-left:10px;
float:left; 
width:12%;
height:44px;
}


.contentrightbottombright{ 
padding-top:5px;
float:left; 
width:85%;
height:44px;
}


.topbackbut{
margin-top:4px;


}

.footter{
	margin:10px auto 0px auto;
	background-image:url(images/aromaweb_20.jpg);
	width:900px;
	height:31px;
	clear:both;
}


.footterorganic{
margin:0px auto 0px auto;
background-image:url(organic_images/aromaweb_20.jpg);
width:900px;
height:31px;
clear:both;
}

.foottertext{
padding-top:2px;
}


/*contact  forms*/


.contactform {
margin:0px;
padding:2px;
width: 345px;
height:185px;
BORDER: #2e2e2e 1px solid;
background-color:#111111;
}

.contactform FIELDSET {
border:0;
margin:2px;
}

.contactform LEGEND {
padding: 4px;
COLOR: #996633; 
}

.contactform DIV {
padding-left:3px;
padding-right:3px;
padding-top:5px;
width: 310px;
}

.contactform LABEL {
FLOAT: left; 
WIDTH: 82px;  
TEXT-ALIGN: left; 
margin-bottom:4px; 
}
.contactform INPUT {
padding:1px;
BORDER: #212121 1px solid; 
WIDTH: 220px; COLOR: #333; 
background-color: #444444; 
color:#CCCCCC; 
}

.contactform TEXTAREA {
padding:1px;
BORDER: #212121 1px solid;
WIDTH: 220px;
height:85px; 
COLOR: #8C8C8B; 
background-color: #444444;
}

.contactform SELECT {
padding:1px;
float:left ;  
background-color: #2e2e2e;  
border: 1px solid #333333; 
color:#CCCCCC;
  
}

/*end contact forms*/


/*------------------------*/



/*--------------------*/

.gallerytop {
height:322px;
width:413px;
}

#gallery {width:400px; padding-top:3px; padding-left:14px; }
#gallery ul {list-style:none; padding:0; margin:0; width:400px; position:relative; float:left; background-image: url(images/farmgallery.jpg)}
#gallery ul li {display:inline; width:94px; height:68px; float:left; margin:0 4px 0 0;}
#gallery ul li a {display:block; width:92px; height:66px; text-decoration:none; border:0px solid #ffffff;}
#gallery ul li a img {display:block; width:92px; height:66px; border:0;}


#gallery ul li a:hover {display:block; width:92px; height:66px; }
#gallery ul li a:hover img {position:absolute; left:-4px;  bottom:75px; width: 392px; height: 318px;}