@charset "utf-8";
/* CSS Document */
/*
Theme Name: Red Spot Design
Theme URI: http://redspotdesign.co.nz/
Description: A custom theme created for Glenn McLeary of Red Spot Design.
Version: 1.0
Author: Adrian Hodge
Author URI: http://hodgeman.co.nz/
Tags: red, white, grey, animation, transition
*/


/* Begin Typography & Colors */
*{margin:0;padding:0}
body{background-color:#AE3427;font:.9em Myriad, "Myriad Pro", Arial, Helvetica, sans-serif}
a img{border:none}
h1{background:url(images/logo.gif) no-repeat;width:449px;height:207px;margin-left:319px}
h1 span{display:none}
h2{font-weight:normal;color:#444}
.center{width:770px;margin:0 auto;position:relative}
.content{width:600px;padding:30px 30px 80px 140px}
.portfolio{float:left;margin:0 20px;padding:30px 0 105px;width:730px}
.copyright{width:730px;padding:0 20px;font:10px Arial, Helvetica, sans-serif}
.copyright a{color:#C2C2C2;text-decoration:none}
.copyright a:hover{text-decoration:underline}

.alignleft{float:left}
.alignright{float:right}

#headerBG{background:url(images/header_bg.gif) top repeat-x;height:207px;width:100%;float:left}
#header{background:url(images/header.gif) top center no-repeat;height:207px;width:100%}
#mainmenu{position:absolute;top:50px;margin:0 auto;list-style:none;font:14px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;}
#mainmenu li{background:url(images/main_item.gif) no-repeat;width:170px;height:28px;text-transform:uppercase}
#mainmenu li.current_page_item, #mainmenu li.current_page_parent{background-image:url(images/main_current.gif)}
#mainmenu li a{padding-left:25px;color:#FFF;text-decoration:none;line-height:28px;display:block}
#container{background:#444 url(images/page_bg.gif) center repeat-y;width:100%;float:left}
#container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#services{background:#444 url(images/page_bg_services.gif) center repeat-y;width:100%;float:left}
#footerBG{background:url(images/footer_bg.gif) top repeat-x;height:100px;width:100%;float:left;position:relative}
#footer{background:url(images/footer.gif) top center no-repeat;height:100px;width:100%;padding-top:20px;text-align:right;color:#FFF}
#dog{background:url(images/dog.png) no-repeat !important;background:url(images/dog.gif) no-repeat;width:355px;height:110px;position:absolute;clear:both;left:20px;top:-111px}
#dogServices{background:url(images/dog_services.png) no-repeat !important;background:url(images/dog_services.gif) no-repeat;width:278px;height:110px;position:absolute;clear:both;left:20px;top:-111px}
#dogChamber{background:url(images/dog_chamber.png) no-repeat !important;background:url(images/dog_chamber.gif) no-repeat;width:278px;height:110px;position:absolute;clear:both;left:20px;top:-111px}
#dogNarrow{background:url(images/dog_narrow.png) no-repeat !important;background:url(images/dog_narrow.gif) no-repeat;width:278px;height:110px;position:absolute;clear:both;left:20px;top:-111px}
#dog p, #dogServices p, #dogNarrow p{margin:23px 30px 0 120px;text-align:left;color:#f78f13;font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif}
p{margin-bottom:20px}

#submenu{width:170px;list-style:none;font:12px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;float:left;margin-right:20px}
#submenu li{background:url(images/sub_item.gif) no-repeat;width:170px;height:28px}
#submenu li.current_page_item{background-image:url(images/sub_current.gif)}
#submenu li a{padding-left:25px;color:#000;text-decoration:none;line-height:28px;display:block}

#portfolio,#flash-gallery{float:left;background-color:#FFF;width:550px}

#thumbs{margin:0;padding:0;list-style:none;width:280px;float:left}
#thumbs li{margin:0 14px 14px 0;padding:0;float:left;width:56px;height:56px}
#thumbs li img{border:1px solid #fbc381;margin:0;padding:0}

#preview{float:left;text-align:center}
#preview img{border:1px solid #C2C2C2}
#preview p{margin:0}

strong{color:#D44438}

#options{width:180px;float:left;padding:20px 60px 110px;color:#FFF}
#gallery{width:270px;float:left;padding:20px 0 0 30px;position:relative}
#slideshow{width:264px;height:284px;overflow:hidden;position:relative}
#slides {margin:0;padding:0;list-style:none}
#slides li{float:left;display:block;text-align:center;width:264px;height:264px}
.narrow{float:left;padding:30px;width:409px}

dl{width:400px;float:left}
dt{width:70px;float:left;margin-bottom:10px;font-weight:bold}
dd{width:330px;float:left;margin-bottom:10px}

#contact{float:left;margin-top:20px}
#contact dt{font-weight:normal}
label{width:70px;display:block;float:left}
.box{float:left;padding:3px;border:1px solid #999;width:320px;margin-bottom:10px}
input#submit{border:1px solid #999;background-color:#FFF;padding:3px}
.hide{display:none}

#resultForm{padding:10px;margin-top:10px;width:376px;float:left}
#resultForm ol{margin:0 0 0 20px}
#resultForm p{margin:0;}
.failure{background-color:#FFE5E5;border:1px solid #DB5E4E}
.success{background-color:#EAFFE5;border:1px solid #99CC33}
.right{float:right}