/* Desert island CSS selection */

/*

------------------------------------------------------
Copyright Atilla Hulsebos, http://www.kzoiks.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This style sheet makes use of the !important
hack to compensate for poor support in IE.
------------------------------------------------------

*/

html {
font-family:arial, helvetica, sans-serif;
font-size:80%;
color:#555;
background:#333300 url('images/html.png') repeat-y center;

}
/*background-image:url("images/body.png");*/
body {
width:700px;
padding:5px 10px 10px 5px;
margin:10px auto 10px auto;
background-position:center center;
background-repeat:repeat-y;}
/*border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;*/

#container {
position:relative;
height:100%;
background-color:#ffffff;

background-repeat:no-repeat;
margin-bottom:30px;
}


#banner {
left:0;
width:100%;
height:180px;
padding-right:30px !important;
background-color:#FFF;
background-image: url('images/banner2.jpg');

}



#nav-toplevel {
position:relative;

margin-right:-25px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#F8FBFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:0.94em;
letter-spacing:0.04em;
color:#888;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
position:absolute;
top:190px;
left:00px;
text-align: right;
height:26px;
width:700px;
font-family:Georgia, serif;
font-size:1.2em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color:#888;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top:5px solid #FFF;
background:#FFF;
}

#nav-main li:hover {
background-color:#FFF;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color:#CCC;
}

#nav-main li a:hover {
background-color:#FFF;
color:#CCC;
}
/* background-image: url(images/bwgrapelogo.jpg) ;
background-position:right bottom; */

#join{
width: 50px;
background-color: #cccc99;
color: #ffffff;
}

#tasting {
float: right;
margin-top: 70px;
width: 195px;
border: 1px #000000 solid;
background-color: #c7cb75;
min-height: 125px;
padding: 2px;
font-size: .9em;
color: #333333;}



#tasting p{
margin: 4px;
}

#tasting ul li {
list-style:none;
margin-left:-20px;
line-height: 1.5em;
padding:0px;
border-top:1px solid #888;
text-align: left;
text-indent: 0px;}

#tasting img{
text-align: center;}


#tasting ul li a {

display:inline;
padding-left:10px;
text-decoration:none;
color:#888;
list-style:url('images/dot1.gif') no-repeat left ;
}

#tasting a {
color:#ffffff;

}


#tasting ul li a:hover {
text-decoration:none;
color: #6f6f6f;
text-align: left;}

#tasting .youarehere {
text-decoration: none;
color:#333;
background:url('images/dot3.gif') no-repeat left ;
}

#content {
position:relative;
width:475px;
margin-top: 20px;
background:transparent;
}

.caption{
font-size: 8px;

}

.float-left{
float: left;
padding: 10px;}

.float-right{
float: right;
padding: 10px;}


/*background-image:url("images/shadow.png");*/

#content p {
font-family: trebuchet, tahoma, sans serif;
font-size:108%;
line-height:1.5em;
padding:0px 5px 0px 20px;
margin:5px 15px 8px 10px;

}

#content ol, #content ul  {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 10px 1.1em 25px;
background-repeat:no-repeat;
list-style-image: none;}

h1 {
height:auto !important;
height:20px;
margin-top:35px;
margin-left:11px;
font-family:serif;
font-style:bold;
letter-spacing:0.03em;
border-bottom:1px solid #ECECEC;
width:275px;
padding-top:1em;
padding-left:12px;
font-size:1.5em;
color:#555;
}

h2,h3,h4,h5,h6 {
font-size:1.35em;
color:#666;
padding-left:15px;
height:auto !important;
margin:20px 0px 5px 0px;
margin-left:11px;
font-family:serif;

letter-spacing:0.03em;
background-repeat:no-repeat;
border-bottom:none;
}



h3, h4, h5, h6 {
background-image: url('http://localhost/helvetia/csstemplate/07/images/sand3.png');
}

h1:first-letter ,h2:first-letter {
font-size:1.4em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}
#nav-subs {
position:absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;


}



#nav-section {

}

#nav-supp {
border-top:50px solid #F8FBFF;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#info-site {
margin-top: 20px;
text-align: center;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
border-top: 2px  #ececec dotted;}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/
A:link {
color:#888;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#888;
text-decoration:underline;
}

A:hover {
color:#ccc;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

.center{
text-align: center;
font-size: 1em;
font-family: verdana, tahoma, sans-serif;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}

.strong{
font-weight: bold;
}

.small{
font-size: 85%}