/*	Desc:		Murdoch Hill Wines Screen Style Sheet
	Author:		Intervolve.com.au
  	Date:		February 2010
=== === === === === === === === === === */

body {font:.90em/1.4em Arial, "Helvetica Neue", Helvetica, sans-serif;color:#333300;background:#293d11 url(../img/body_bg.gif) repeat-x;text-align:center}

/*=IMAGE REPLACEMENT ITEMS
=== === === === === === === === === === */

#front #header h1,
#header h1 a,
#nav li a {display:block;text-indent:-999999px;overflow:hidden;background-repeat:no-repeat !important}


/*=LAYOUT + BACKGROUNDS
=== === === === === === === === === === */

#container {width:960px;margin:0 auto;text-align:left}
#header {width:960px;height:140px;position:relative;z-index:9999}
#content-container {position:relative;clear:both;width:960px;float:left;margin:0 0 10px 0;background:#ebe9de url(../img/container_bg.gif) repeat-x;overflow:hidden}
#content {clear:both;width:660px;float:left;position:relative;padding:35px 30px 10px 30px}
#footer {clear:both;width:960px;margin:0 auto;text-align:left}

#front #content, #noside #content {width:960px !important;padding:20px 0 30px 0 !important}
#front #content-container {background:#ebe9de url(../img/frontimage.jpg) no-repeat;width:960px;height:609px}
#front #content-container p {display:none}
#front #content {height:609px;padding:0 !important}


/*=COMMON
=== === === === === === === === === === */
a,a:link {text-decoration:none;color:#5a8f1a;font-weight:bold}
a:hover {color:#385910;cursor:pointer}

/* Formatting */
h2,h3,h4,h5 {color:#000;line-height:1.4em;margin:0 0 10px 0;font-weight:bold}
#content h2 {font-size:1.7em;margin:0 0 15px 0;font-family:'Trebuchet MS', 'Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitsream Vera Sans', Verdana, 'Verdana Ref', sans-serif}
#content h2 span {font-weight:normal}
#content h3,#content big {font-size:110%;margin:20px 0 10px 0;text-transform:uppercase;font-family:'Trebuchet MS', 'Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitsream Vera Sans', Verdana, 'Verdana Ref', sans-serif}
#content h4 {font-size:100%;margin:2.5em 0 1em;text-transform:uppercase}
#content h5 {font-size:100%;margin:10px 0 0 0}
#content small {font-size:80%;line-height:1.4em}

#content p,
#content ul,
#content ol,
#content dd{margin:0 0 1.2em 0}
#content li {margin:0 0 .5em 2em}
#content ul ul {margin:0}
#content ul {list-style-type:disc}
#content ol {list-style-type:decimal}

#content img.left {float:left;margin:0 1em 1em 0}
#content img.right {float:right;margin:0 0 1em 1em}
#content img.bthick {padding:6px;background:#FFF;border:1px solid #CCC;margin-bottom:.85em}
.bthin {padding:7px;background:#FFF;border:1px solid #CCC}

em,i {font-style:italic}
b,strong {font-weight:bold}

.smallcaps {font-size:14px;text-transform:uppercase;}
/*  
body#distribution .row1,
body#distribution .row2,
body#distribution .row3 {clear:both;width:100%;overflow:hidden}
body#distribution .col1,
body#distribution .col2,
body#distribution .col3 {float:left;width:350px;overflow:hidden}
body#distribution .row1 span,
body#distribution .row2 span,
body#distribution .row3 span {clear:both;width:75px;float:left;display:block;font-weight:bold}*/
body#distribution #content .ad {display:block;width:245px;float:left;margin-right:20px}
body#distribution #side_image {background:url(../img/distribution-bottle.jpg) no-repeat top right;width:310px;height:650px;position:absolute;right:-10px;top:35px}
body#distribution .col1 {float:left;margin-right:20px;width:400px;display:block}
body#distribution #content ul {margin:0;list-style:none}
body#distribution #content ul li {clear:both}
body#distribution #content .gmap {width:166px;float:left;margin-top:20px}

body#wines .col1,
body#wines .col2,
body#wines .col3,
body#wines .col4,
body#wines .col5 {float:left;width:180px;overflow:hidden;margin:10px 0 20px 0}
body#wines .col1 {background:url(../img/wine1.jpg) no-repeat top center}
body#wines .col2 {background:url(../img/wine2.jpg) no-repeat top center}
body#wines .col3 {background:url(../img/wine3.jpg) no-repeat top center}
body#wines .col4 {background:url(../img/wine4.jpg) no-repeat top center}
body#wines .col5 {background:url(../img/wine5.jpg) no-repeat top center}
body#wines ul {list-style-type:none !important;text-align:center;margin:0 !important}
body#wines ul li {margin:0 0 .5em 0 !important}
body#wines .first {display:block;margin-top:-310px;padding-top:320px !important;width:180px;}
body#wines #content ul {display:block;padding-top:280px !important}
body#wines #content li {font-weight:bold}
body#wines #content li a {font-size:90%}

body#wine_list .init {float:left;width:470px;position:relative;z-index:999}
body#wine_list .members_receive {float:right;width:318px;padding:20px 20px 15px 20px;background:#dee8c0;z-index:999;position:relative}
body#wine_list .members_receive ul {padding:0;margin:0}
body#wine_list .members_receive ul li {margin-left:15px}
body#wine_list .members_receive h3{margin-top:0}
body#wine_list #side_image {position:absolute;top:0;right:0;width:508px;height:100%;display:block;background:url(../img/bgwine.jpg) no-repeat top right}}
body#wine_list .form {clear:both}

body#sheet #side_image {position:absolute;left:0;top:50px;display:block;width:270px;height:681px}
body#sheet #content {float:right;width:660px;background:url(../img/content_bg.gif) no-repeat center right}

body#sheet dl  {margin:0 0 15px 0}
body#sheet dt {margin:0 10px 0 0;clear:both;font-weight:bold;float:left;width:120px;display:block}
body#sheet dd {width:530px;display:block;float:left}
body#sheet dd ul {margin:0}

body#history {margin:0 0 15px 0}
body#history .init {width:435px;margin:0 0 30px 0}
body#history .label {width:435px;float:left}
body#history .winemaker {width:435px;float:right}
body#history h3 {margin-top:0px !important}
body#history br {height:1px !important}
body#history #side_image {width:435px;height:264px;right:30px;top:40px;position:absolute}

body#contact .init {width:550px;float:left}
body#contact .init img.famimg {right:30px;position:absolute}
body#contact .form {width:100%;clear:left;float:left}
body#contact .form h4 {margin-top:.5em !important}

body#contact h3 {margin-top:0 !important}
body#contact #contactForm button {margin:0 0 0 140px !important}
body#contact #contactForm #ccomment {width:413px}
body#contact .init img {padding:5px;background:#FFF;border:1px solid #CCC}
body#contact p span {width:140px;display:block;float:left;font-weight:bold}

.sau11 #side_image {background:url(../wines/sau11.jpg) no-repeat top center}
.sau10 #side_image {background:url(../wines/sau10.jpg) no-repeat top center}
.sau09 #side_image {background:url(../wines/sau09.jpg) no-repeat top center}
.sau08 #side_image {background:url(../wines/sau08.jpg) no-repeat top center}
.sau07 #side_image {background:url(../wines/sau07.jpg) no-repeat top center}

.char09 #side_image {background:url(../wines/char09.jpg) no-repeat top center}
.char06 #side_image {background:url(../wines/char06.jpg) no-repeat top center}
.char10 #side_image {background:url(../wines/char10.jpg) no-repeat top center}

.shi08 #side_image {background:url(../wines/shi08.jpg) no-repeat top center}
.shi06 #side_image {background:url(../wines/shi06.jpg) no-repeat top center}
.shi04 #side_image {background:url(../wines/shi04.jpg) no-repeat top center}

.cab09 #side_image {background:url(../wines/cab09.jpg) no-repeat top center}
.cab08 #side_image {background:url(../wines/cab08.jpg) no-repeat top center}
.cab04 #side_image {background:url(../wines/cab04.jpg) no-repeat top center}
.cab03 #side_image {background:url(../wines/cab03.jpg) no-repeat top center}

.cabshi08 #side_image {background:url(../wines/cabshi08.jpg) no-repeat top center}
.cabshi08 #content {height:730px}

.download_link {clear:both;padding:6px 0;background:#f8f8f7;display:block;text-align:center;width:180px;border:1px solid #c5c594;border-width:0 1px 1px 0;margin:0 0 20px 130px;float:left}

div.full {width:900px !important}

.back_link {padding:6px 0;position:absolute;right:30px;top:40px;background:#f8f8f7;display:block !important;text-align:center;width:180px;border:1px solid #c5c594;border-width:0 1px 1px 0}
.back_link:hover,.download_link:hover,.back_link_front:hover {border-width:1px 0 0 1px}

.back_link_front {padding:6px 0;position:absolute;left:20px;bottom:20px;background:#f8f8f7;display:block !important;text-align:center;width:180px;border:1px solid #c5c594;border-width:0 1px 1px 0}

.facebook_front {position:absolute;bottom:20px;right:23px;display:block;width:102px;height:21px}


/*=HEADER
=== === === === === === === === === === */

#front #header h1, #header h1 a {margin:0 auto;width:290px;float:left;} 
#front #header h1 {background:url(../img/murdochhill-logo.gif) no-repeat bottom left;height:130px}
#header h1 a {background:url(../img/murdochhill-logo.gif) no-repeat bottom left;height:130px}


/*=NAVIGATION
=== === === === === === === === === === */

#nav {position:absolute;top:0;right:0;padding:70px 0 0 0;z-index:999999}
#nav li {float:left;display:inline;position:relative}
#nav li a {display:block;float:left;line-height:39px;color:#000;background-position:top left;padding:0 5px}
#nav li a:hover, #nav li:hover a {background-position:center left}
#nav li a.current {background-position:bottom left}

#nav .home {background:url(../img/nav/home.gif) no-repeat;width:64px}
#nav .history {background:url(../img/nav/history.gif) no-repeat;width:73px}
#nav .wines {background:url(../img/nav/wines.gif) no-repeat;width:98px}
#nav .distribution {background:url(../img/nav/distribution.gif) no-repeat;width:110px}
#nav .wine_club {background:url(../img/nav/wineclub.gif) no-repeat;width:96px}
#nav .contact {background:url(../img/nav/contact.gif) no-repeat;width:78px}


/*=SIDE IMAGE
=== === === === === === === === === === */

#side_image {overflow:hidden;position:absolute;right:0}


/*=CONTENT
=== === === === === === === === === === */

#content blockquote {overflow:hidden;border-top:2px solid #EB2D2E;border-bottom:2px solid #EB2D2E;padding:15px;margin:0 0 1em 0;font-style:italic;font-weight:bold}

#content .pdf {color:#5a8f1a;font-weight:bold;line-height:normal !important;padding:6px 0;background:#f8f8f7;display:block;text-align:center;width:200px;border:1px solid #c5c594;border-width:0 1px 1px 0}
#content .pdf:hover{color:#000;border-width:1px 0 0 1px}

#front #content .front_img {position:absolute;bottom:83px;left:0}

.nomarg, .last {margin:0 !important}

/* Forms */
form {margin:0}
input,textarea,select {font:.95em/1.4em Arial, Helvetica, sans-serif;padding:3px;background:#FFF;border:1px solid #CCC;line-height:normal !important}
input[type='checkbox'],input[type='radio'] {border:0}
button {color:#5a8f1a;font-weight:bold;line-height:normal !important;padding:6px 0;background:#f8f8f7;display:block;text-align:center;width:100px;border:1px solid #c5c594;border-width:0 1px 1px 0}
button:hover{color:#000;border-width:1px 0 0 1px;cursor:pointer}
button:focus {outline:none}
input,select,button {vertical-align:middle}
table,td {border-collapse:separate;border-spacing:0;font-weight:normal;font:.95em/1.4em Arial, Helvetica, sans-serif;padding:3px;line-height:normal !important}

#contactForm {padding:0 0 20px 0}
#contactForm p label {float:left;width:130px;font-weight:bold;margin:0 10px 0 0}
#contactForm p label em {float:right}
#contactForm p {clear:both}
#contactForm button {clear:both;float:left;margin:0 0 0 140px}
#contactForm textarea {clear:both}

.red,label.error {color:red}
label.error {display:block;float:none !important;width:300px !important;margin:0 0 0 140px !important}
p.heard {margin:0 0 20px 120px !important}

/* Sitemap */
#sitemap ul {position:relative;border-left:1px solid #CCC;margin:0 0 20px 20px !important;padding:0}
#sitemap ul ul {margin-bottom:0 !important}
#sitemap li {list-style-type:none !important;margin:0 !important;padding:0 !important}
#sitemap li a {padding:0 0 0 9px;background:url(../img/sitemap_a_bg.gif) no-repeat center left;line-height:1.7em}
#sitemap ul a {font-weight:bold}
#sitemap ul ul a,#sitemap ul ul ul a,#sitemap ul ul ul ul a {font-weight:normal}

.wysiwygemail {display:none}


/*=FOOTER
=== === === === === === === === === === */

#footer {position:relative;height:50px;padding:0;color:#909977}
#footer small {float:left;clear:both;font-size:70%}
#footer a {font-weight:bold;overflow:hidden}
#footer a:hover {color:#FFF}
#footer .right {position:absolute;right:0;font-style:italic}

