@charset "utf-8";
/* CSS Document */

/* RESET */
/* ----------------------------------------- */

/* Based on Eilliot Jay Stock's Starkers Reset */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div, ul, li, form { position:relative }

/* GENERAL */
/* ----------------------------------------- */

body {
	background:#000000;
	font-size:10px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
}

body.home, body.careers {
	background:#000000 url(../images/background-big-kahuna.jpg) right bottom no-repeat fixed;
}

body.about {
	background:#000000 url(../images/background-ombretta.jpg) right bottom no-repeat fixed;
}

body.ourpartners {
	background:#000000 url(../images/background-storks.jpg) right bottom no-repeat fixed;
}

body.whatwedo {
	background:#000000 url(../images/background-nederburg.jpg) right bottom no-repeat fixed;
}

body.successes {
	background:#000000 url(../images/background-maurel.jpg) right bottom no-repeat fixed;
}

body.team {
	background:#000000 url(../images/background-menduco.jpg) right bottom no-repeat fixed;
}

body.news {
	background:#000000 url(../images/background-miramount.jpg) right bottom no-repeat fixed;
}

body.contact {
	background:#000000 url(../images/background-pongracz.jpg) right bottom no-repeat fixed;
}


/* TYPOGRAPHY */
/* ----------------------------------------- */

h1 {
	font-size:2.5em;
	line-height:30px;
	margin-bottom:10px;
}

h2 {
	font-size:1.8em;
	line-height:20px;
	margin:0 0 10px 0;
	padding-top:10px;
}

p,ul,h3,table {
	font-size:1.2em;
	line-height:20px;
	margin-bottom:10px;
}

table {
	line-height:15px;
	font-size:1.1em;
}

#content ul {
	font-size:1.2em;
	color:#393939;
}

#content li {
	margin-bottom:10px;
	list-style:disc;
	margin-left:20px;
}

a {
	color: #cb2985;
}

a:hover {
	color: #e35ba8;
}

/* a:visited {
	color: #893263;
}*/

ul#navigation {
	font-size:1.4em;
	text-transform:uppercase;
}

ul#navigation li a{
	color:#c3c3c3;
	text-decoration:none;
}

ul#navigation li a:hover{
	color:#e35ba8;
}

ul#navigation li.current a{
	color:#cb2985;
}

div#footer p,ul{
	font-size:1.1em;
	color:#616161;
}

div#footer a{
	color:#616161;
	text-decoration:none;
}

div#footer a:hover{
	color:#7f7f7f;
	text-decoration:underline;
}

/* LAYOUT */
/* ----------------------------------------- */

div#wrapper {
	width:940px;
	margin:auto;
}

div#logo {
	height:130px;
	margin-top:10px;
	background:url(../images/copestick-murray-logo.png) no-repeat 10px 0;
	top:20px;
	z-index:1;
}

div#main {
	background:#ffffff;
	padding:40px;
}

ul#navigation {
	height:20px;
	padding-bottom:20px;
	z-index:1;
}

ul#navigation li{
	float:left;
	margin-right:20px;
}

div#content {
	padding:30px 0 30px 0;
	border-bottom:thin solid #cb2985;
	border-top:thin solid #cb2985;
}

div#footer {
	padding-top:20px;
}

div#footerleft {
	width:600px;
	float:left;
}

div#footerright {
	text-align:right;
	clear:right;
}

ul#footerlist {
	padding-bottom:0;
	z-index:1;
}

ul#footerlist li{
	float:left;
	margin-right:20px;
}

img.left {
	float:left;
	margin: 0 40px 40px 0;
}

img.right {
	float:right;
	margin: 0 0 40px 40px;
}

/* HOME */
/* ----------------------------------------- */

div#hometext {
	width:560px;
}

img#homephoto {
	position:absolute;
	top:-30px;
	right:-80px;
}

a.facebook-link {
	background:url(../images/facebook-icon.png) left no-repeat;
	padding:4px 0 4px 25px;
}

a.twitter-link {
	background:url(../images/twitter-icon.png) left no-repeat;
	padding:4px 0 4px 25px;
}

a.posterous-link {
	background:url(../images/posterous-icon.png) left no-repeat;
	padding:4px 0 4px 25px;
}

a.wordpress-link {
	background:url(../images/wordpress-icon.png) left no-repeat;
	padding:4px 0 4px 25px;
}

/* ABOUT */
/* ----------------------------------------- */

div#copestickmurray {
	width:560px;
	margin: 0 40px 30px 0;
}

div#sourcewines, div#cornerstone {
	width:260px;
	margin: 0 40px 0 0;
	float:left;
}

img#about {
	position:absolute;
	top: 20px;
	right:-90px;
}

/* OUR PARTNERS */
/* ----------------------------------------- */

body.ourpartners .scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

body.ourpartners .scrollContainer div.panel {
  height: 250px;
  width: 860px;
  padding: 0 1px;
}

body.ourpartners div#content h1 {
	float:left;
	margin:0 40px 40px 0;
}

body.ourpartners ul#subnav {
	top:-5px;
}

body.ourpartners ul#subnav li{
	line-height:20px;
}

/* WHAT WE DO */
/* ----------------------------------------- */

ul#whatwedolist {
	width:600px;
	margin:40px 0 0 0;
}

ul#whatwedolist li {
	width:260px;
	margin:0 40px 40px 0;
	float:left;
	list-style:none;
}

img#whatwedophoto {
	position:absolute;
	top:30px;
	right:-80px;
}

body.whatwedo div#content {
	padding-bottom:0;
}

/* SUCCESSES */
/* ----------------------------------------- */

body.successes .scroll {
  height: 230px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

body.successes .scrollContainer div.panel {
  height: 230px;
  width: 860px;
  padding: 0 1px;
}

body.successes div#content h1 {
	float:left;
	width:200px;
	margin:0 40px 0 0;
}

/* TEAM */
/* ----------------------------------------- */

body.team .scroll {
  height: 530px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

body.team .scrollContainer div.panel {
  height: 530px;
  width: 870px;
  padding: 0 1px;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -70px;
}

.scrollButtons.right {
  right: -70px;
}

body.team div#content h1 {
	float:left;
	width:132px;
	margin:0 40px 0 0;
}

div.teamoverview {
	width:132px;
	padding:0 40px 0 0;
	float:left;
	text-align:center;
}

div.teamoverview p{
	line-height:15px;
}

ul#subnav {
	padding: 0 0 40px 0;
}

ul#subnav li{
	display:block;
	float:left;
	margin: 0 15px 0 0;
	line-height:30px;
}

ul#subnav li a{
	color:#c3c3c3;
	text-decoration:none;
}
ul#subnav li a:hover{
	color:#e35ba8;
	text-decoration:underline;
}

ul#subnav li a.selected{
	color:#cb2985;
}

tr {
	border-bottom:thin dotted #c3c3c3;
}

td.question {
	font-weight:bold;
	width:140px;
	padding:5px 40px 5px 0;
}

td.answer {
	padding:5px 0 5px 0;
}

thead {
	color:#c3c3c3;
	font-weight:bold;
}

table {
	margin:0 0 40px 0;
}

/* CAREERS */
/* ----------------------------------------- */

img#careersphoto {
	top:-20px;
	right:-100px;
	position:absolute;
}

body.careers div#content div {
	width:560px;
	margin:0 40px 0 0;
	float:left;
}

body.careers div#content {
	padding-bottom:0px;
}

/* NEWS */
/* ----------------------------------------- */

div.news {
	width:410px;
	float:left;
}

div#events {
	margin:0 40px 0 0;
}

/* CONTACT */
/* ----------------------------------------- */

div.contact {
	width:260px;
	margin: 20px 40px 40px 0;
	float:left;
}

div#address.contact {
	margin-right:0;
}

body.contact div#content {
	padding-bottom:0;
}

img#contactphoto {
	top:-60px;
	right:-100px;
	position:absolute;
}