/*
Theme Name: Jill Marshall Media
Theme URI: http://jillmarshallmedia.co.nz/
Description: A custom theme developed for Jill Marshall Media.
Version: 1.0 beta
Author: Hodgeman Web & Design
Author URI: http://hodgeman.co.nz/
Tags: reg, grey, white
Red: #e60d07
*/
*{margin:0;padding:0}
html{height:100%}
body{background-color:#888;font-family:'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;font-size:0.8em}
a{color:#e60d07;outline:none;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:none}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,.fullwidth{margin-bottom:20px}
ul,ol,blockquote{margin-left:20px}

#header,#feature,#content,#footer,.fullwidth{float:left;width:100%}
.container{width:940px;margin:0 auto;padding:10px 10px 0;background-color:#FFF;position:relative}
.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fullwidth{padding:0 10px}

.center{text-align:center}
.clear{clear:both}
.width100{width:100%}
.width215{width:215px;margin-bottom:10px}
.marginR10{margin-right:10px}

#header{margin-top:40px;position:relative}
#header .container{height:185px;position:relative}
#header .container.tall{height:245px}
#header .container.tall #logo{width:328px;height:245px;background:url(images/logo_tall.gif) no-repeat}
#header .container.tall #logo a{width:328px;height:245px}
#header #logo{position:relative;display:block} 
#header #logo{width:420px;height:185px;background:url(images/logo.gif) no-repeat}
#header #logo a{width:420px;height:185px;display:block;text-indent:-9999px}
#header ul{list-style:none;position:absolute;right:10px;top:149px;margin:0}
#header ul li{float:left;font-size:16px;line-height:16px;text-transform:uppercase}
#header ul li a{padding:5px 10px;margin-left:4px;background-color:#000;color:#FFF;text-decoration:none;font-weight:bold;display:block}
#header ul li a:hover{background-color:#666}
#header ul li.current_page_item a, #header ul li.current_page_parent a{background-color:#e60d07}
#header h1{color:#e60d07;font-size:40px;font-weight:normal;text-shadow:2px 2px 2px #CCC;text-align:right;position:absolute;bottom:0;right:10px;margin-bottom:0}

#feature #slides{width:940px;height:250px;overflow:hidden;position:relative}
#feature ul#items{height:250px;background:url(images/bg_feature.jpg) repeat-x;list-style:none;position:absolute;margin:0}
#feature ul#items li{float:left;padding:20px;width:900px}
#feature ul#items li h2,#feature ul li p{float:left;width:600px;clear:left;margin:0 30px}
#feature ul#items li h2{font-size:48px;color:#403f3f;text-shadow:2px 2px 0px #FFF}
#feature ul#items li p{font-size:18px;text-shadow:1px 1px 2px #FFF}
#feature ul#items li p a{float:right;clear:left}
#feature ul#items li p a:after{content:" :.";font-weight:bold}

#feature ul#handles{list-style:none;position:absolute;top:225px;left:5px;margin:0}
#feature ul#handles li{float:left;width:18px;height:18px;border:1px solid #AAA;background-color:#f2f2f2;margin-right:3px;cursor:pointer}
#feature ul#handles li.active{background-color:#e60d07}

#feature .container{padding-top:0}
#content .container{padding-bottom:10px}

#content h2{margin-bottom:5px}

#footer .container{background:none;color:#FFF}
#footer a{color:#FFF}

.icon{background-image:url(images/social-media_grid.gif);background-repeat:no-repeat;height:16px;padding-left:22px}
.linkedin{background-position:0 -40px}
.mail{background-position:0 -100px}
.fax{background-position:0 -120px}
.phone{background-position:0 -140px}
.mobile{background-position:0 -160px}

.bucket{width:280px;float:left;padding:10px}
.bucket.four{width:200px}
.bucket h3{font-size:24px;font-weight:bold;color:#e60d07;margin-bottom:10px}
.bucket p{text-align:justify;margin-bottom:10px}
.bucket p a{float:right}
.bucket p a:after{content:" :.";font-weight:bold}
.bucket #fader{margin:0;position:relative;height:100px}
.bucket #fader li{position:absolute;display:block;background-color:#FFF;height:100px}

.bucket a:hover, #feature a:hover{text-decoration:none}

.marginR-20{margin-right:20px}
.marginR-10{margin-right:10px}

.alignleft, .col-alpha, .col-beta{float:left}
.alignright{float:right;text-align:right}

.alignleft h3, .alignright h3, .alignleft p, .alignright p{margin-bottom:0}
.col-alpha .alignleft, .col-alpha .alignright, .col-beta .alignleft, .col-beta .alignright{margin-bottom:10px}

img.alignleft{margin:0 10px 10px 0}
img.alignright{margin:0 0 10px 10px}

.col-alpha, .col-beta{padding:10px}
.col-alpha{width:440px;margin-right:20px}
.col-beta{width:440px}