/* CSS Document */

body{background-color:#9d9fa1;margin:10px;}

/******************* Header *******************/

#header{ width:1000px; height:37px; background:#FFFFFF; text-align:left; }
#header_image{ width:500px; height:37px; float:left; }
#header_fill{ width:500px; height:37px; float:right; background:#FFFFFF; }
#header_fill_gray{ width:500px; height:37px; float:right; background:#636466; }

/******************* Menu *******************/

#menu{ width:1000px; height:58px; background:#FFFFFF; list-style: none; margin:0px; text-align:left; padding:0px; }
#menu li{ display: inline; white-space:nowrap; padding:0px; }

/******************* Content *******************/

#content{ width:1000px; height:655px; background:#FFFFFF; }
#image{ width:500px; height:655px; float:left; }
#text { width:500px; height:655px; float:right; background:#FFFFFF; }
#text_gray { width:500px; height:655px; float:right; background:#636466; }
#text_home { width:750px; height:153px; }
#text_home .text { font-size: 14px; font-family: "Trebuchet MS", trebuchet, sans-serif; text-align:left; color:#666666; padding: 40px 20px 10px 60px; line-height:1.5; }
.text_wrapper { padding:25px; }
#content_home{ width:1000px; height:153px; background:#FFFFFF; }
#text_home{ float:left; }
#corks_home{ float:right; }

h1{ font-weight:bold; font-size:11px; padding:0px 0px 15px 0px; }

/******************* Products *******************/

.natural { padding-left:100px; background-image:url(img/cork_natural.jpg); background-position: top left; background-repeat: no-repeat; }
.twin { padding-left:100px; background-image:url(img/cork_twin_top.jpg); background-position: top left; background-repeat: no-repeat; }
.neutro { padding-left:100px; background-image:url(img/cork_neutro.jpg); background-position: top left; background-repeat: no-repeat; }
.champagne { padding-left:100px; background-image:url(img/cork_champagne.jpg); background-position: top left; background-repeat: no-repeat; }

/******************* Scroller *******************/

#noscroll{ width:400px; height:550px; font-size: 11px; font-family: "Trebuchet MS", trebuchet, sans-serif; text-align:left; color:#666666; position:relative; line-height:1.5;}
#noscroll_gray{ width:400px; height:550px; font-size: 11px; font-family: "Trebuchet MS", trebuchet, sans-serif; text-align:left; color:#ededee; position:relative; line-height:1.5;}

/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 400px;
height: 550px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding-right:15px;
background-color: #FFFFFF;
font-size: 11px; font-family: "Trebuchet MS", trebuchet, sans-serif; text-align:left;
line-height:1.5;
color:#666666;
}

/*Page related styles for you to view*/
#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 400px;
height: 550px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding-right:15px;
background-color: #636466;
font-size: 11px; font-family: "Trebuchet MS", trebuchet, sans-serif; text-align:left;
line-height:1.5;
color:#ededee;
}

/******************* Footer *******************/

#footer{ width:1000px; padding-top:3px; font-size:9px; color:#d1d3d4; font-family:"Trebuchet MS", trebuchet, sans-serif; }
#copyright{ width:500px; float:left; text-align:left; }
#credits{ width:500px; float:right; text-align:right; }
a.foot{text-decoration:underline; color:#d1d3d4; }

a.dark{color:#333333; text-decoration:underline;}
a.light{color:#ededee; text-decoration:underline;}
a.on{color:#999999; text-decoration:underline;}