/* Will Dayble's a pretty cool guy. Eh designs the whole css and doesn't afraid of anything */

html, body{min-height: 100%;}

/* --------------------------- z-index'd, together, for evar! */
.header{z-index: 200;}
.wrapper {z-index: 100;}
.footer {z-index: 100;}
.m1{z-index: 500;}

/* --------------------------- some overal style stuuuuff! */
html, body{height: 100%;}
h1, h2, h3, h4, blockquote, .accordion li a, form.contactForm .submit input{font-family: Georgia, Times, sans-serif; color:#FFF; font-style:italic;}
body, .pdfBox em, .footer{font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;}
.standFirstBig h4 span,
.content p,
.content li,
form.contactForm .radioItem,
textarea,
.accordion li ul li a{font-family: Helvetica, Arial, sans-serif;}

.editThis{background: #c00; color: #fff; display: block; width: 50px; padding: 10px; text-align: center; position: absolute; top:5px; left: -105px;}

body{font-family:Georgia, Helvetica, Arial, sans-serif; color:#d9b28f; background-color:#202020; background-image:url(../images/page/background-gradient.jpg); background-repeat: repeat-x; line-height:1.8em; text-align:left;}
a, a:visited {color:#FFF; text-decoration:none;}
a:hover{text-decoration:underline;}

hr{color:#77260e; height:0px; border-top:1px #77260e solid;}

.clearPlz{width: 100%; height: 1px; background: none; overflow: hidden; clear: both;}

/* wrap */
.wrapper {width:990px; border: 2px solid #1d1d1d; border-top-width:0; border-bottom-width:0; margin: 0 auto; position:relative; background:#000 url(../images/header/header-wrapper.jpg) no-repeat top;}

/* header */
.header{position:relative; height: 190px; width:100%; font-family: sans-serif, Georgia;}
.header p{ text-align:right;  padding:20px; font-size:22px; color:#FFF; margin:0; width:200px; position:absolute; top:0; left:730px;}
.header p a {text-decoration:none;}
.header p a:hover{color:#fff;}
.header p a span{display:block; color: #f2cdb4;}
.header p a span em{text-decoration:underline; font-style: normal;}	
.header p a:hover span em{text-decoration:none; color:#fff;}

.logo {background-image:none;}
.logo h1, .logo h1 a {background-image:url(../images/header/h1-routleysBakery.png); background-repeat:no-repeat; text-indent:-9999em; position:absolute; top:0; left:0; height:140px; width:400px; margin: 0;}
.logo h1 {text-indent:none;}

/* standFirst */
.standFirstBig {position:relative; width:100%; padding:0 0 30px 0;}
.standFirstBig h4{font-size: 18px; line-height: 30px; padding-top: 20px;}
.standFirstBig h4 span{color: #d9b28f; font-size: 13px; line-height: 24px; font-style: normal; display: block;}
.imageBox {background:url(../images/standFirst/div-history-imageBox.png) no-repeat; min-height: 150px; position: relative;}
.imageBox p{padding: 12px 8px 2px;  margin-left: 22px;}
.imageBox p span {border:1px solid #000; background-color:#000; height: 237px; overflow:hidden; display: block;}
* html .imageBox {background-image:url(../images/standFirst/div-history-imageBox.gif); height: 150px;}
* html .imageBox p span{height: 233px; width: 549px;}

/* content */
.container{margin:0; width:990px;}
.contentWrapper{background:#240000 url(../images/content/content-background-fader.jpg) repeat-y; border-top: 1px solid #000; margin-top: 20px;}
.content{background:url(../images/content/content-background.jpg) no-repeat 0 0; position:relative; padding:30px 20px 20px 40px; min-height: 200px;}
* html .content{height: 200px;}

.quote{line-height:2em; font-style:italic; font-size:14px; color:#FFF;}
.centered{padding-top:40px;}
.content .accordionExplain{padding: 0;}
.content .centered h2{font-style:normal; text-align: center; font-size: 18px; padding: 0;}
.content .centered h2 a:hover{color: #fff;}


.bigImage{text-align: center;margin: 20px auto;}
.bigImage img {width:458px; border:6px solid #481c1c;}

/* some text */
.content h2{color:#d2c0aa; font-size: 18px; font-style: normal; line-height: 30px;}
.content p, .content li{line-height: 24px; font-size: 13px;}
.content p a, .content li a{color: #fff;}

/* footer */
.footer{background:#240000 url(../images/footer/footer.jpg) no-repeat top; position:relative; padding-top:30px; height: 90px;}

.footerBottom{height: 57px; background: url(../images/footer/footer-bottom.jpg) no-repeat top; height: 70px;}

/* main menu */
.m1{margin: 0; text-align:right; width:620px; position: absolute; right:30px; top:116px; font-family: sans-serif, Georgia; font-size:13px;}
.m1 li, ul.m1 li a{position:relative; display:block; text-decoration:none; color:#FFF; float:right; line-height:100%;}
.m1 li a{padding:14px 10px 15px 10px;}
.m1 li a:hover{background:url(../images/transparencies/15-black.png); color:#fff; cursor: pointer;}
* html .m1 li a:hover{background:#000;}
.m1 li.active a{background: transparent url(../images/header/menu-menuArrow.png) no-repeat 50% 34px;}
* html .m1 li.active a{background-image: url(../images/header/menu-menuArrow.gif);}

/* menus on pages */
.m2 ul{margin: 0 0 20px 0;; text-align:left;}
.m2 ul li {text-decoration:none; color:#FFF; margin-right:10px; list-style:none;}
.m2 ul li a{text-decoration:underline; cursor: pointer;}
.m2 ul li a:hover{text-decoration:none; color:#FFF;}

.content li.pdfItem a {background: #360700 url(../images/icons/pdf-small.gif) no-repeat 7px 50%; padding: 2px 0 2px 27px; cursor: pointer; display: block; border: 1px solid #611b02; margin: 5px 0; text-decoration: none;}
.content li.pdfItem a:hover{background-color: #220900;}

/* footer menu */
ul.m3{margin: 0; text-align:left; font-size:11px; color:#735443;}
.m3 li {text-decoration:none; color:#735443; margin-right:10px;}
.m3 li a{text-decoration:none; color:#9a7c6b;}
.m3 li a:hover{text-decoration:underline;color: #fff;}

/*accordion*/

ul.accordion {font-family: Georgia, Times, sans-serif; list-style:none; margin-bottom:20px;}
.accordion li {line-height:2.5em;}
.accordion a, ul.accordion li a{cursor: pointer; display:block; text-decoration: none; font-size: 18px; color: white; font-style:italic;}
.accordion a:hover{text-decoration:underline;}
.accordion ul a:hover{text-decoration: none; cursor: text;}
.accordion li ul {margin: 0 0 0 5px;}
.accordion li ul li{font-family: Arial, Times, sans-serif;  background:url(../images/icons/arrow.jpg) no-repeat 0% 50%; padding: 0 0 0 10px; line-height:2em; list-style:none;}
.accordion li ul li a {font-size:12px; font-style:normal; font-weight:normal; color:#d9b28f;}

.accordionOptions {font-family: Arial, Times, sans-serif; background: none; background-color: #000000; padding:10px; font-size:10px; line-height:16px;}

/*specific boxes*/
.pdfBox{margin:20px 0 0 0;}
.pdfBox h3 a {display: block; margin-left:20px; min-height:30px; background: #4f0b04 url(../images/icons/pdf.gif) no-repeat 5% 25px; border: 1px #77260e solid;font-style:normal; padding:20px 26px 16px 67px;}
* html .pdfBox h3 a{height: 30px;}
.pdfBox h3 a:hover{background-color:#480900; color:#FFF;text-decoration: none; border-color: #7b2b0e;}
.pdfBox span{font-size:12px; color:#d58686;}
.pdfBox em{display: block; font-size: 11px; padding: 5px 0; font-style: normal; color: #eab4b4; line-height: 18px;}

/*squareweave rollover link*/
.squareweave, .squareweave a{display: block; width: 148px; height: 43px; background: url(../images/footer/squareweave-rollover.jpg) no-repeat 0 0;}
.squareweave a:hover{background-position: 0 -43px;}
.squareweave span{display: none;}

/* form nonsense */
form.contactForm .field {padding-left: 130px; position:relative;}
form.contactForm .label {width:100px; position:absolute; top:0; left:0; padding:10px 0 0 0;}
form.contactForm input.text, form.contactForm textarea{font-size: 13px; color: #333;}


form.contactForm .radioItem{ color: #fff; width:310px; margin: 0 0 3px 0;}
form.contactForm .radioItem input{margin: 0 10px 0 0;}
.radioItemWrapper{margin: 5px 0 0 0;}

form.contactForm .submit input{border: 3px solid #711e1e; font-size: 18px; background: #5e0d0d; color: #fff;}


/* home page */
.content .homeBox{height:350px; margin-right: 13px;}
.content .homeBoxLast{border:none;}
.content .homeBox img{border:6px solid #721c07;}
.content .homeBox a:hover img{border-color:#5b1b08;}
.content .homeBox p{padding-bottom: 0; margin-bottom: 0;}




/* twmh1 */
.twmHmm{width: auto;}
.twmHmm h1{width: 400px; padding-left: 20px;}