/*	1. Formatting
	2. Structural
		2.1. Main container
		2.2. Main container columns
		2.3.Secondary container
	3. Headings
	4. Product specs
	5. Sketch rollovers
	6. Flash containers
	7. Splash layout
	8. Splash Sketch rollovers
*/

/* 1. Formatting */
body {
	font:small/1.2 Arial, Helvetica, Sans-serif;
	background:#FFF;
	color:#000;
	text-align:center;
}
#container{
	font-size:85%;/*Global font size*/
	text-align:left;
}

ul#listMenuRoot{
	font-size:105%;
}
ul#listMenuRoot ul{
	text-transform:none;
	font-weight:normal;
	letter-spacing:normal;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
} 
h1 {
	font-size: 180%;
	color: #000;
}
h2 {
   font-size:110%;
   color: #000;
   margin:1em 0;
}
h3, th{
	font-size:95%;
	color: #000;
	margin-bottom:1em;
}
h4{
	font-size:100%;
	font-weight:bold;
}
h5{
	font-size:100%;
	font-weight:bold;
}
h6{
	font-size:100%;
	font-weight:bold;
}
#footer{
	font-size:80%;
}
#footer, #footer a{
	text-decoration:none;
	color:#b7b9bb;
}

/* 2. Structural */

body{
	/*background:url(../images/gfx/br.jpg) no-repeat 100% 100%;*/
}
#wrap{
	min-height:100%;
	overflow:hidden!important; /*hides the bottom of the splash on short pages*/
	position:relative;
	/*z-index:0;*/
	width:100%;
}
#container{
	margin-left:auto;
	margin-right:auto;
	max-width:1420px;
	min-width:698px;
	position:relative;
	z-index:1;
}
img#tl{/*top left texture*/
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
img#br{/*bottom right texture*/
	position:absolute;
	bottom:0;
	right:0;
	z-index:0;

}
#footer {
	padding:0;
	clear:both;
	margin-left:2%;
}
#footer span{
	padding:0 4px;
	line-height:1;
	margin:0;
	border-right:1px solid #b7b9bb;
}
#footer span#last-link{border:none;}

/* 2.1. Main container*/
#main{
	width:100%;
	float: right;
	margin-left: -42%;
	position:relative;
	z-index:0;
}
#main #content{
	margin-left: 42%;
	margin-top:3%;
	margin-right:3%;
	margin-bottom:8%;
	overflow:auto;
}

/* 2.2. Main container columns*/
.two-col .column{
	width:49%;
}
#product .two-col .column{
	width:47%;
}
.two-col .col1{
	float:left;
}
.two-col .col2{
	float:right;
}
.three-col{
	clear:both;
	overflow:hidden;
}
.three-col .column{
	width:31.5%;
	float:left;
}
.three-col .col2{
	margin:0 2%;
}
.product{
	float:left;
	width:47%;
	text-align:center;
	margin-left:-38px;
	margin-top:20%;
}
.product-blurb{
	float:right;
	width:60%;
	margin-top:43%;
}
#product .two-col .col1{
	margin-top:44%;
}
#product #imgimage{
	width:135%;
	left:-30%;
}

/* 2.3. Secondary container*/
#sidecontent{
	width: 42%;
	float: left;
	position:relative;
	z-index:1;
}
ul#listMenuRoot #Home{display:none;}/*hides the home menu item*/
#menu{
	margin-left:6%;
	float:left;
	width:48%;
}
span#logo{
	background: url(../images/gfx/logo.gif) no-repeat center;
	width:200px;
	height:200px;
	padding-left:0;
	display:block;
}
span#logo a{
	display:block;
	width:200px;
	height:200px;
	text-indent:-999em;
	overflow:hidden;
}
#secondary{
	float:right;
	width:56%;
	margin-right:-11%;
	position:relative;
	z-index:2;
}
/* 3. Headings*/
h2.did-you-know{
	width:147px;
	height:173px;
	text-indent:-9999em;
}
h2.white {
	background:url(../images/gfx/did-you-know_white.png) no-repeat;
}
h2.red {
	background:url(../images/gfx/did-you-know_red.png) no-repeat;
}

#signifier{
	position:relative;
	padding-top:96%;/*pushes the side content down*/
	z-index:2;
}
#signifier h1{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	text-indent:-999em;
}
#imgimage{ /*signifier image*/
	width:100%; 
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
/* 4. Product specs*/
table.specs {
	width:70%;
}
table.specs th{
	padding-right:1.5em;
	text-align:left;
}
table.specs td{
	padding-bottom:1em;
}
table.specs td.figure{
	padding:0;
}
a[href$='.pdf'] {  /*adds pdf img to pdf links*/
	padding: 10px 52px 10px 0;
	background: transparent url(../images/gfx/pdf.gif) no-repeat center right;
}
/* 5. Sketch rollovers*/
q.sketch{
	width:132px;
	height:235px;
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	outline:none;
	cursor:default;
	position:relative;
}
q.sketch:hover, q.over{
	background-position:top;
}
q#bill{background-image:url(../images/gfx/Bill-Crappsley.jpg);}
q#terry{background-image:url(../images/gfx/Terry-Chellappah.jpg);}
q#garry{background-image:url(../images/gfx/Garry-Gosatti.jpg);}
q.sketch span{
	text-indent:-999em;
	position:absolute;
	top:6px;
	left:20px;
	width:92px;
	height:45px;
	color:#fff;
	text-align:center
}
q#bill.sketch span{top:14px;}
q#terry.sketch span{top:18px;}
q.sketch:hover span, q.over span{
	text-indent:0;
}
/* 6. Flash Containers*/
#frankland{
	text-align:center;
}
#frankland img{margin-top:10%;}
#frankland img, #frankland ol{margin:auto; text-align:left;}
#frankland img{margin-bottom:2em;}
ol#wine-regions{width:29em}
ol#wine-regions li{
	line-height:1.2em;
	margin-bottom:0;
	padding-bottom:0;
}
ol#wine-regions li.list2{
	margin-left:15em;
}
ol#wine-regions li.reset{
	margin-top:-9em;
}

#world, #frankland{
	width:100%;
	max-width:780px;
	min-height:600px;
}

/* 7. Splash layout*/
#splash, #splash body{
	height:100%;
}
#splash body{
	background:#000;
	color:#fff;
}
#splash a{
	color:#fff;
	text-decoration:none;
}
a#lnkEnter{
	position:absolute;
	bottom:30%;
	left:28%;
	font-size:100%;
}
#splash #container{
	min-height:100%;
	position:relative;
	top:0;
	left:0;
	z-index:100!important;
	background:none;
}
#splash #flashcontainer{
	height:100%;
	position:absolute;
	left:0;
	right:0;
	z-index:0;
}
#splash #signifier{
	position:absolute;
	top:22%;
	left:12%;
	padding:0;
	width:35%;
}
#splash #signifier span{
	position:relative;
	z-index:0;
}
#splash #bill{
	position:absolute;
	bottom:26%;
	left:39%;
	width:13%;
}
#splash #terry{
	position:absolute;
	top:2%;
	left:30%;
	z-index:2;
	width:13%;
}
#splash #garry{
	position:absolute;
	top:15%;
	right:10%;
	width:20%;
}

/* 8. Splash sktech rollovers*/
#splash q{background:none;}
#splash q img{width:100%; position:absolute; top:0; left:0;}
#splash q span.bubble{
	position:absolute;
	right:999em;
	width:130px;
	height:72px;
	background:url(../images/gfx/bubble.gif) no-repeat bottom;
}
#splash q#bill:hover span.bubble{
	right:-80%;
}

#splash q#terry:hover span.bubble{
	right:-80%;
}
#splash q#garry:hover span.bubble{
	left:-75%;
	top:3em;
	background:url(../images/gfx/bubble_right.gif) no-repeat bottom;
}
#splash q span.bubble span{
	display:block;
	text-align:center;
	line-height:1.1;
	position:absolute;
	left:20px;
	top:12px;
	margin-right:3px;
}
#splash q#bill span.bubble span{top:20px}
#splash q#terry span.bubble span{top:22px;}
#splash q#garry span.bubble span{
	margin-left:6px;
	margin-right:0;
	left:0;
	right:20px;
}
#musicContainer{
	position:absolute;
	bottom:0;
	right:25px;
	font-size:120%;
}
#music{
	background:url(../images/gfx/play.gif) no-repeat right bottom;
	width:25px;
	height:20px;
}