/*
Theme Name: Bottleneck Drive
Theme URI:
Description:
Author: Stephen Phung
Author URI: http://www.stephenphung.com/
Tags:

v1.0
*/

/*****Basic Elements*****/

h3 {
color:#a3637a;
font-family:"Myriad Pro",Arial,Helvetica;
font-style:italic;
}

h4 {
color:#a3637a;
font-family:"Myriad Pro",Arial,Helvetica;
font-size:20px;
font-style:italic;
position:relative;
margin:10px 0 25px -100px;
}

h5 {
color:#808080;
font-family:"Myriad Pro",Arial,Helvetica;
font-size:13px;
font-style:italic;
font-weight:normal;
margin:0 0 5px 0;
}

span {
color:#d48db6;
}

ul {
margin:0;
padding:0;
}

ul li {
list-style:none;
}

img {
margin-bottom:15px;
}

/*****Generic Classes*****/

/*****Basic Layout*****/

body {
background:url(../images/background-wineroute.jpg) 0 220px repeat-x;
margin:0 auto 0 auto;
text-align:center;
color:#808080;
}

body.wineroute div.container {
background:#fff url(../images/wineglass.jpg) 90px bottom no-repeat;
}

body.wineries div.container {
background:#fff url(../images/okanagan-lake.jpg) 5px -11px no-repeat;
height:1180px;
}

body.newsandevents div.container {
background:#fff url(../images/bottleneck-drive-contact.jpg) left -10px repeat-x;
}

div.container {
background:#fff;
border-left:solid 1px #b2b2b2;
border-right:solid 1px #b2b2b2;
padding:0 0 90px 50px;
text-align:left;
width:930px;
}

body.wineries div.container {
padding:0 0 1px 50px;
}

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

div.header h1 {
background:transparent url(../images/logo_bnd.gif) 0 0 no-repeat;
display:block;
float:left;
height:91px;
margin:20px 0 0 0;
text-indent:-9999px;
width:290px;
}

body.newsandevents div.header h1 {
background:transparent url(../images/logo_bnd2.gif) 0 0 no-repeat;
}

ul.navigation {
float:left;
width:510px;
}

ul.navigation li {
background:#a4637a;
float:left;
list-style:none;
height:60px;
margin:0 3px 0 0;
width:140px;
}


ul.navigation li a {
display:block;
font-family:Georgia;
font-size:16px;
height:30px;
padding:30px 0 0 0;
width:140px;
}

ul.navigation li a {
color:#fff;
text-decoration:none;
text-indent:-9999px;
}
ul.navigation li a:visited {
color:#fff;
}
ul.navigation li a:hover {
background:#d48db6;
color:#fff;
}
ul.navigation li a:active {
color:#fff;
}

ul.navigation li a.nav1 {
background:url(../images/navigation.gif) 0 0 no-repeat;
}
ul.navigation li a.nav1:hover {
background:url(../images/navigation.gif) 0 -60px no-repeat;
}

ul.navigation li a.nav2 {
background:url(../images/navigation.gif) -140px 0 no-repeat;	
}
ul.navigation li a.nav2:hover {
background:url(../images/navigation.gif) -140px -60px no-repeat;
}

ul.navigation li a.nav3 {
background:url(../images/navigation.gif) -280px 0 no-repeat;	
}
ul.navigation li a.nav3:hover {
background:url(../images/navigation.gif) -280px -60px no-repeat;
}

body.wineroute ul.navigation li a.nav1 {
background:url(../images/navigation.gif) 0 -60px no-repeat;
}

body.wineries ul.navigation li a.nav2 {
background:url(../images/navigation.gif) -140px -60px no-repeat;
}

body.newsandevents ul.navigation li a.nav3 {
background:url(../images/navigation.gif) -280px -60px no-repeat;
}

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

div.content {
clear:both;
padding:10px 0 0 0;
}

body.wineries div.content {
height:1075px;
}

body.thankyou div.content {
min-height:500px;
}

div.content div.side-content {
padding-bottom:50px;
position:absolute;
width:155px;
z-index:9999;
}

div.content div.side-content h2 {
color:#989697;
font-size:18px;
height:149px;
line-height:1.1em;
margin:0 0 15px 0;
padding:0;
width:121px;
}

body.newsandevents div.content div.side-content h2 {
color:#fff;
margin-bottom:215px;
}

div.content div.side-content a {
color:#d48db6;
clear:both;
float:left;
font-size:12px;
text-decoration:none;
}
div.content div.side-content a:visited {
color:#d48db6;
}
div.content div.side-content a:hover {
color:#d48db6;
text-decoration:underline;
}
div.content div.side-content a:active {
color:#d48db6;
}

div.content div.side-content ul li {
border-bottom:dashed 1px #808080;
font-size:12px;
font-style:italic;
padding:10px;
}

div.content div.main-content {
padding-left:290px;
position:relative;
width:510px;
}

div.content div.main-content a {
color:#d48db6;
text-decoration:none;
}
div.content div.main-content a:visited {
color:#d48db6;
}
div.content div.main-content a:hover {
text-decoration:underline;
}
div.content div.main-content a:active {
color:#d48db6;
}

body.newsandevents div.content div.main-content {
margin-top:180px;
}

div.content div.main-content ul.wineries li {
font-size:13px;
height:28px;
line-height:1em;
padding:10px 0 0 0;
position:absolute;
z-index:1000;
}

div.content div.main-content ul.wineries li div.bottle:hover {
cursor:pointer;
}

div.content div.main-content ul.wineries li.left-align {
padding:25px 15px 5px 0;
width:130px;
}

div.content div.main-content ul.wineries li.left-align div.bottle {
border:none;
display:block;
height:58px;
right:0;
position:absolute;
top:0;
width:15px;
}

div.content div.main-content ul.wineries li.right-align {
padding:25px 0 5px 25px;
width:130px;
}

div.content div.main-content ul.wineries li.right-align div.bottle {

border:none;
display:block;
height:58px;
left:0;
position:absolute;
top:0;
width:15px;
}

div.content div.main-content ul.wineries li.winery2 {
width:110px;
}

div.content div.main-content ul.wineries li.winery4 {
padding:0 30px 0 0;
width:115px;
}

div.content div.main-content ul.wineries li.winery8 {
width:80px;
}

div.content div.main-content ul.wineries li.winery9 p {
position:absolute;
right:20px;
}

div.content div.main-content ul.wineries li.winery10 {
color:#fff;
height:47px;
padding:5px 0 5px 44px;
width:100px;
}

div.content div.main-content ul.wineries li.winery12 {
width:100px;
}

div.content div.main-content ul.wineries li.winery13 {
background-image:none;
font-size:18px;
}

li.winery1 { left: 430px; top:80px; color:#fff; }
li.winery2 { left: 420px; top:200px; color:#7f87b3; }
li.winery3 { left: 240px; top:265px; color:#7f87b3; }
li.winery4 { left: 255px; top:345px; color:#7f87b3; }
li.winery5 { left: 180px; top:610px; color:#7f87b3; }
li.winery6 { left: 340px; top:600px; color:#7f87b3; }
li.winery7 { left: 365px; top:725px; color:#7f87b3; }
li.winery8 { left: 585px; top:675px; color:#7f87b3; }
li.winery9 { left: 640px; top:770px; color:#7f87b3; }
li.winery10 { left: 790px; top:778px; color:#7f87b3; }
li.winery11 { left: 580px; top:840px; color:#7f87b3; }
li.winery12 { left: 450px; top:850px; color:#7f87b3; }
li.winery13 { left: 320px; top:410px; color:#7f87b3; }

ul.wineries li div.bottle {
z-index:100;
}

ul.wineries li div.bottle div {
background:#fff url(../images/border-winery-info.gif) 0 0 no-repeat;
border:solid 1px #888;
display:none;
height:218px;
padding:20px 25px 20px 30px;
position:absolute;
top:-180px;
width:448px;
z-index:9999;
}

ul.wineries li.left-align div.bottle div {
left:-200px;
}

ul.wineries li.right-align div.bottle div {
left:0px;
}

ul.wineries li.winery1 div.bottle div { left:-100px; top:50px; }
ul.wineries li.winery2 div.bottle div { left:-100px; top:-240px; }
ul.wineries li.winery3 div.bottle div { }
ul.wineries li.winery4 div.bottle div { }
ul.wineries li.winery5 div.bottle div { left:-100px; top:-240px; }
ul.wineries li.winery6 div.bottle div { left:-200px; top:-240px; }
ul.wineries li.winery7 div.bottle div { left:-200px; top:-240px; }
ul.wineries li.winery8 div.bottle div { left:-370px; top:-240px; }
ul.wineries li.winery9 div.bottle div { left:-450px; top:-240px; }
ul.wineries li.winery10 div.bottle div { left:-450px; top:-240px; }
ul.wineries li.winery11 div.bottle div { left:-380px; top:-240px; }
ul.wineries li.winery12 div.bottle div { left:-380px; top:-240px; }

ul.wineries li div.bottle div h3 {
font-size:1.3em;
margin:0 0 10px 0;
}

ul.wineries li div.bottle div img {
float:left;
}

ul.wineries li div.bottle div p {
color:#808080;
font-size:11px;
float:right;
width:200px;
}

ul.wineries li div.bottle div a {
color:#a3637a;
clear:both;
position:absolute;
font-size:12px;
text-decoration:none;
top:215px;
white-space:nowrap;
}
ul.wineries li div.bottle div a:visited {
color:#a3637a;
}
ul.wineries li div.bottle div a:hover {
color:#a3637a;
text-decoration:underline;
}
ul.wineries li div.bottle div a:active {
color:#a3637a;
}

form {
margin-top:50px;
}

input#name,
input#telephone,
input#email {
border:solid 1px #808080;
}

form textarea {
border:solid 1px #808080;
height:80px;
width:250px;
}

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

div.content div.footer {
margin-top:50px;
padding-left:290px;
position:relative;
width:510px;
}

body.wineries div.content div.footer {
top:970px;
}

div.content div.footer p {
font-size:10px;
}

div.content div.footer p a {
color:#222;
text-decoration:none;
}

div.content div.footer p a:visited { color:#222; }
div.content div.footer p a:hover { color:#222; text-decoration:underline; } 
div.content div.footer p a:active { color:#222; } 

/*****Etc*****/