@charset "utf-8";




/*  ===== ===== ===== ===== =====
   Man Mountain Labour CSS
   Copyright Peter Jenner 2008, 2008
   Written for www.manmountainlabour.com
   ===== ===== ===== ===== ===== */



body {
background-color:#000;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
margin:0;
padding:0;
width:100%;
}

body#home a#homenav,body#services a#servicenav,body#contact a#contactnav,body#links a#linksnav,body#gallery a#gallerynav,body#documents a#docsnav {
background:red;
color:#fff;
}

img {
border:0;
}

a {
text-decoration:none;
}

h1 {
clear:both;
color:#F30;
float:left;
font-family:sans-serif;
font-size:1.125em;
font-weight:700;
margin:0;
padding-left:12em;
padding-top:1.5em;
width:24em;
}

h2 {
color:red;
clear:both;
font-family:sans-serif;
font-size:1.125em;
font-weight:700;
margin:0;
padding:.6em 0 .85em 13em;
width:30em;
}

h3,h4,h6 {
font-family:sans-serif;
margin:.5em 0;
}

h5 {
padding-top:.625em;
color:#4ae;
font-family:sans-serif;
font-size:.825em;
margin:0;
}

h6{
color:#8587FE
}

h6 a{
color:#fff;
}

h6 a:hover{
color:red;
}


h3{
  color:#fff;
}
h3 span {
padding-left:2em;
}

h4 {
color:red;
}


p {
margin:0;
}

ul {
color:#4ae;
font-size:.9em;
list-style-position:outside;
list-style-type:disc;
margin:.5em;
text-indent:.325em;
}
.round{
-moz-border-radius:1.25em;
-webkit-border-radius:1.25em;
}
div#wrap {

background-image:url(/img/mm_bg_image.jpg);
background-repeat:repeat-y;
border:.15em solid #fff;
height:36.888em;
margin:.7em auto auto;
padding:0;
position:relative;
width:57em;
}

#logoholder {
float:left;
padding-bottom:.4em;
padding-left:3em;
width:51em;
}

#logoholder img {
margin-bottom:-.2em;
width:96%;
}

#flashHolder {
float:right;
height:8.938em;
margin-right:2em;
width:7.694em;
}

#navBar {
background-color:red;
color:#FFF;
float:left;
margin:auto;
width:100%;
}

.date {
float:left;
font-size:.688em;
font-weight:bolder;
height:100%;
margin-right:4.375em;
padding:0 0 0 .313em;
}

.dateNav {
font-size:.76em;
font-weight:700;
}

.dateNav a {
color:#000;
padding:0 2.3em;
}

.dateNav a:hover {
background-color:#FFF;
text-decoration:none;
}


.subHead{
color:#F30;
float:left;
font-family:sans-serif;
font-size:1.125em;
font-weight:700;
margin:0;
padding:1.5em 0 0 13em;
width:15em;
}


.termsText {
-moz-border-radius:1.25em;
-webkit-border-radius:1.25em;
border:.1em solid #000;
float:left;
font-size:.8em;
height:22.5em;
margin-left:.5em;
margin-right:.5em;
overflow:hidden;
padding:.25em 2em;
width:30em;
}

#stars {
background-color:#003;
border:.1em solid #000;
float:left;
font-size:.8em;
height:22.5em;
margin-left:.5em;
margin-right:.5em;
overflow:hidden;
padding:.25em 2em;
width:30em;
}

#funtext {
float:left;
padding:1em 0 1em 6em;
width:50em;
}

#validDetail {
color:#8587FE;
float:left;
height:16.6em;
margin-bottom:4.1em;
padding-left:5em;
width:31.25em;
}

#validImg1 {
float:left;
height:1.938em;
margin-top:3.5em;
width:5.5em;
}

#validImg2 {
float:left;
margin-top:1em;
width:5.5em;
}

#validText1 {
float:left;
padding-bottom:2em;
padding-left:2em;
padding-top:2.5em;
width:18.75em;
}

#validText2 {
float:left;
padding-left:2em;
width:18.75em;
}

.submitText {
float:right;
padding:1em 9em 0 0;
}

.formHead{
float:right;
padding:1em 4em 0 0;
}

#form {
color:#8587FE;
float:left;
font-size:.8em;
height:20.625em;
padding-right:4em;
width:15em;
line-height:1em;
}
.formImage{
width:5.5em;
}

div#form tr,#form tr tr,#form tr,tr,tr{
width:8.8em;
}

.linkText {
clear:both;
float:left;
height:19.3em;;
padding:1.2em 1em 0 4em;
width:28em;
}
.linkText a:hover{
color:#f00;
}
.linkText p {
color:#fff;
font-size:.8em;
line-height:1.1em;
}

.linkText a{
color:#fff;
}
.linkList {
font-size:.8em;
color:#fff;
}
.detailText {
clear:both;
float:left;
height:19.5em;
padding-left:9.375em;
padding-top:1.2em;
width:31.25em;
}

.detailText p {
color:#fff;
font-size:.9em;
line-height:1.1em;
}

.detailText a {
color:#4ae;
font-size:1em;
}

.contactText {
height:5.063em;
padding-top:10px;
position:relative;
}

#box {
color:#FFF;
height:5.063em;
overflow:auto;
padding-top:.625em;
width:7.5em;
}

#contactDetail {
clear:both;
float:left;
font-weight:700;
height:16.5em;
padding:4em 0 0 9.375em;
width:20em;
}

#contactDetail span {
color:#fff;
}
#telephone{
float:left;
height:5.063em;
width:9.375em;
padding-top:1em;
}

#names {
float:left;
height:5.063em;
width:9.375em;
}

#emailAddress {
height:5.063em;
margin-bottom:1.188em;
padding-top:.625em;
}

#phoneNums {
color:#FFF;
height:5.063em;
overflow:hidden;
width:11.75em;
}


#container {
border:3px solid #fff;
height:18.75em;
margin:auto;
overflow:hidden;
position:relative;
width:42.4em;
}

#scroller {
background-color:#fff;
height:18.75em;
position:relative;
width:170em;
}
#gadgetWrap  {
  position:relative;
  height:20.6em;
  padding-left:7em;
  padding-top:4px;
  width:43em;
  margin:auto;
  vertical-align:top;
  float:left;
  }
.thumbnail{
float: left;
margin:.3em .3em;
}
.thumbnail img{
height:4.625em;
border:1px solid #4ae;
}

.gallery{
margin-left:2em;
border-top: .25em solid #4ae;
border-bottom: .25em solid #4ae;
overflow: auto;
width: 90%;
height:19.8em;
padding-top:.5em;
}

.photos {
z-index:200;
}

.photos img {
border-color:#000;
border-style:solid;
border-width:.1em;
float:left;
font-size:.8em;
height:21.9em;
margin:0 .5em 0 .5em;
overflow:hidden;
width:33em;
}

.caption {
background-color:#fff;
clear:both;
font-size:.8em;
font-weight:700;
height:1.2em;
text-align:center;
top:21em;
width:34.9em;
}

.content {
border:2px solid #000;
float:left;
font-size:.8em;
height:22.3em;
margin-left:.8em;
margin-right:.8em;
overflow:hidden!important;
padding:.313em .313em 3em;
width:18.75em;
z-index:200;
}



#scrollLeft {
border:.125em solid #fff;
bottom:12em;
float:left;
font-size:.75em;
font-weight:bolder;
margin:auto;
overflow:visible;
position:relative;
right:6.4em;
}

#scrollLeft a {
background-color:red;
color:#000;
padding:0;
}

#scrollRight {
border:.125em solid #fff;
bottom:12em;
float:right;
font-size:.75em;
font-weight:bolder;
left:6.4em;
margin:auto;
position:relative;
}

#scrollRight a {
background-color:red;
color:#000;
}

#bottomNav {
color:#fff;
float:left;
padding:1.5em .438em 0 3em;
position:relative;
width:24.5em;
}

#bottomNav a {
color:#fff;
font-size:.688em;
font-weight:400;
padding-left:.438em;
padding-right:.438em;
background-color:transparent;
}

#bottomNav a:hover {
background-color:#FFF;
color:#000;
}

#botRight {
color:#fff;
float:right;
font-size:.6em;
height:3em;
overflow:visible;
padding:2.5em 4em 0 0;
}

#copyInf h5 {
color:#FFF;
height:1em;
padding:0 3em 0 0;
}

#copyInf a {
color:#fff;
}

#copyInf a:hover {
color:#0ff;
}

#w3c {
height:1em;
padding-top:.1em;
vertical-align:top;
}

#w3c h5{
padding:0;
}

#w3c a:hover {
color:#9C0;
}

a:focus,.dateNav a:focus,#scrollLeft span:focus,#scrollRight a:focus {
outline:none;
}

#flashHolder embed,#flashHolder object {
height:100%;
width:100%;
}

#funtext span,#galHead p {
color:#F30;
font-size:1.125em;
font-weight:700;
padding-left:10em;
width:100%;
}

div#validImg1 a img,#validImg2 a img,#imageBox1 img,#imageBox2 img,#imageBox3 img {
width:100%;
}
#imageBox3{
float:right;
height:5.063em;
margin-right:7.6em;
width:4.75em;
}

#imageBox1,#imageBox2 {
float:left;
height:5.063em;
margin-right:3.125em;
width:4.75em;
}

#scrollLeft a:hover,#scrollRight a:hover {
background-color:#fff;
color:#000;
}

.require,.detailText a:hover,#copy a:hover {
color:red;
}

#contactDetail .contactText a,#w3c a {
color:#FFF;
}

.redText,#contactDetail .contactText a:hover,#copyInf span a:hover:first-child {
color:#F30;
}