
/*
left color: #00ADEF;
footer: #939598;
*/

* {
font-family:arial;
}

body {
text-align:center;
font-size:13px;
margin:0;
padding:0;
}
img {
border:0;
}
h2 {
margin:0;
font-weight:normal;
}

p {
margin:0;
margin-bottom:1em;
}

#logo {

height:96px;
margin-bottom:0;
}


#left {
text-align:left;
color: #00ADEF;
width:240px;
float:left;

}

#left img {

border:1px solid silver;
margin-bottom:15px;
}

#container div {

}

#container {


width:800px;
margin:auto;
}

#header {
width:800px;
text-align:center;

}

.nav {
float:left;
padding-top:5px;

height:50px;
background-image: url("nav_bg.gif");
background-repeat: repeat-x;
width:770px;
}


.nav ul {

margin:0;
padding:0;

}

.nav ul  {
clear:both;
list-style-type: none;
}


.nav li {margin:0; padding:0; float:left; list-style-type: none;}

.nav a {
display:block;
float:left;
width:100px;
text-decoration:none;

border-right:3px solid white;
color:#939598;
}

.nav a:hover {
background-color:#00ADEF;
color:white;
font-weight:bold;
} 


#content {
text-align:left;
float:left;
margin-left:33px;
width:520px;
padding-bottom:15px;

}
#content a {
color:black;
}
#content #brands {
margin-bottom:30px;
}

#content p {



}

#content ul.gallery {

width:520px;
padding-bottom:20px;

}

#content ul.gallery, #content .gallery li {
list-style:none;
margin:0;
padding:0;


}

#content .gallery li img {
margin:auto;
}

#content .gallery li {

float:left;


width:240px;
margin-bottom:30px;

float:left;
border:1px solid silver;
margin-right:15px;

text-align:center;

padding:0 0 15px;

}



#home #content img {
float:left;

margin:0;
}

#home #content img {
margin:0;
border:1px solid silver;
}


#content h2 span {
padding-left:15px;
background-image:url("home_bullet.gif");
background-repeat:no-repeat;
background-position:0 6px;

}
#content h2 {





color: #00ADEF;
font-weight:normal;
margin:0;

margin-bottom:15px;
}

#content h2 a {
text-decoration:none;

color: #00ADEF;



}

#content h3 {
margin:0;
margin-bottom:15px;
font-weight:normal;
font-size:small;
color:white;
background-color: #00ADEF;


}

#content p {

margin:0;
margin-bottom:1em;

padding:0;


}

#footer {
padding-top:20px;
}



#footer h6 {
clear:both;
color:#939598;
}

#home .home,
#coffee .coffee,
#tea .tea,
#juice .juice, 
#nectar .nectar, 
#accessories .accessories,
#contact .contact
{
background-color:#00ADEF;
color:white;
font-weight:bold;
}

#juice #content .gallery li {
height:230px;
}

/* home */

#home #content {
width:500px;
}

#home #content div {
height:110px;
}





#content h2 {
padding-top:4px;
background-image:url("header_bg.gif");
background-repeat:repeat-x;
width:495px;
clear:both;

}

#home #content h2, #home #content p {
clear:none;
margin:0;

display:block;
width:330px;
float:right;
}

#home #content img {
float:left;
}

#home #content {
width:495px;

}

#home #content div {
background-image:url("header_bg.gif");
background-repeat:repeat-x;
}

/* island rose */
.island_rose li {
height:340px;
}


.brand {
margin-bottom:20px;

}






#content .fullwidth li {
text-align:left;
width:495px;

}

#content .fullwidth li h3 {
padding-left:10px;
}
#content .fullwidth li p {
float:left;
width:230px;
padding-left:10px;
padding-right:15px;
}


#tea #content .gallery li img {
float:left;
}


ul.klassno li {
height:210px;
}
ul.nu-tea,
ul.nu-tea li {
width:495px;
list-style:none;
margin:0;
padding:0;
}

ul.nu-tea li h3 {
padding-left:10px;
}

#footer a {

color:#939598;
}
