/* ////////////////////////////////M Y  S T Y L E S ////////////////////*/
* {
margin: 0;
padding: 0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center;
background:#dbdbdb;
}


/* /////////////////////////////////// MAIN PUPPIES ////////////////////////////////*/
#Container {
width: 920px;
padding: 18px 40px 6px 40px;
margin: 0px auto auto auto;
text-align: left;
background: #ebebeb;
background-image:url('images/background-Nov22b.jpg');
background-repeat:no-repeat;
}

#MainArea {
position:relative;
width: 840px;
clear: both;
padding: 10px 40px 0 40px;
border-top: 1px solid #b5b5b5;
border-bottom: 1px solid #b5b5b5;
background: #fafafa;
margin-bottom: 60px;
}

#SiteNav{
width: 920px;
  float: right;
padding-bottom: 6px;
vertical-align:bottom;
margin: 55px 0 155px 0;
  color: #fff;
}

.last#MainArea{
width: 840px;
clear: both;
padding: 10px 40px 0 40px;
border-top: 1px solid #b5b5b5;
border-bottom: 1px solid #b5b5b5;
background: #fafafa;
margin-bottom: 10px;
}

/* ///////////////////////////////// MASTER CLASSES /////////////////////////////////*/
.Content @media only screen and (width: 100%){
float: left;
width: 640px
margin: 0 0 0 0;
color: #1E1E1E;
}

.desc {
float:left;
width: 840px;
background:#FFFFFF;
}

.head_holder {
clear:both;
width: 760px;
padding: 16px 100px 10px 0;
}

.status {
float: right;
font-weight: bold;
}

.mainImage {
float:left;
width: 640px;
height: 461px;
margin: 0 0 0 0;
border: 0;
}

.mainImageShorter {
float:left;
width: 640px;
height: 427px;
margin: 0 0 0 0;
border: 0;
}

.description {
border-top: 0px dotted #666;
}

.Thumbs {
position:absolute;
right: 40px;
bottom: 0;
width:160px;

}

.ThumbImage {
height: 127px;
padding: 0 0 40px 0;

}

.ThumbImageShorter {
height: 115px;
padding: 0 0 40px 0;

}

.ClientsCol {
float: left;
width: 230px;
margin-bottom: 10px;
text-transform: uppercase;
}

.Agencies {
float: right;
width: 165px;
border-top: 1px dotted #666;
}

.list {
color: #8E95A0;
line-height: 1.7em;
}



/* //////////////////////////////// T Y P O G R A P H I C ////////////////////////////// */

.Agencies h3, .ClientsCol h3, h2, .Thumbs, h3, h6{
color: #666E7A;
font-weight: bold;
letter-spacing: 0.08em;
text-transform: uppercase;
}

h1 {
clear:both;
padding: 0 0 2px 0;
font-size: 1.1em;
  letter-spacing: .2rem;
font-weight: bold;
}

p {
clear:both;
font:Verdana, Arial, Helvetica, sans-serif;
padding: 2px 0 8px 0;
color: #666E7A;
font-weight: normal;
font-size: 1em;
  line-height: 1.5em;
}

h2 {
  clear:both;
    color: #03b6c1;
padding: 0 0 8px 40px;
font-size: 1.1em;
  letter-spacing: .2rem;
font-weight: bold;
}

h3 {
clear:both;
padding: 0 0 2px 0;
font-size: 1.1em;
  letter-spacing: .2rem;
font-weight: bold;
}

h4 {
clear:both;
text-align: center;
padding: 70px 0 100px 0;
color: #666E7A;
font-size: 1.3em;
font: Didact Gothic, Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.5em;
}

h5 {
padding: 2px 0 10px 0;
  color: #8E95A0;
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
}

h6 {
  padding: 2px 0 10px 0;
  clear:both;
  color: #03b6c1;
font-size: 1.1em;
  letter-spacing: .2rem;
font-weight: bold;
}

#SiteNav li {
    display: inline;
    font-size: 13px;
  font-weight: normal;
    line-height: 1;
}

#SiteNav li.last {
    border: 0 none;
}

#SiteNav a,
#SiteNav a:link,
#SiteNav a:visited {
    color: #2A93AD;
  background: #fff;
    font-weight: normal;
    padding: 3px 10px;
    text-decoration: none;
}


#SiteNav a:hover,
#SiteNav a:active {
    background: #03b6c1;
    color: #fff;
}

/* //////////////////////////////////////// NAV /////////////////////////////////////////*/
#Logo {
float: left;
}

#info {
float: left;
}




/* //////////////////////////// IMPORTANT - clearing DIVs ////////////////////////// */
div.ClearingDiv {
font-size:0.0em; 
clear:both; 
height:0px;
overflow: hidden;
}
div.ClearingDiv10 {
font-size:0.0em; 
clear:both; 
height:40px;
overflow: hidden;
}

div.ClearingDivPrint {
display: none;
}


/* ////////////////////////////////// L I N K S ////////////////////////////////// */
a {
color:#03b6c1;
background:none;
}

a:visited {
color:#03b6c1;
background:none;
}

a.pNav{
colour:#000000;
}
/*
.Thumbs a:hover .ThumbImage {
border: 1px solid #FFFF00;
}*/


/* ////////////////////////////////// ? ////////////////////////////////// */

/* for validation purposes prevents any images using the deprecated border attribute */
img, a img {
border:none;
}

/* get a decent browser that supports 'min-height' 
#ie6spacer {
height:379px;
float:left;
margin-left:-0.1em;
width:0.1em;
}
*/


/* ////////////////////////////////// F O O T E R ///////////////////////////////////////// */
#Footer {
width:955px;
padding-bottom:15px;
margin: 0.6em auto;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#Footer #FootLinks {
float:right;
margin-right: 46px;
}
#Footer ul {
list-style-type:none;
clear:both;
}
#Footer ul li {
margin-right:3px;
padding-right:3px;
float:left;
}
#Footer ul li.last {
border:none;
color: #000;
}
#Footer #Copyright {
text-align:left;
float:left;
}
#Footer p, #Footer li {
color:#333;
font-size:1.0em;
padding: 0 0 15px 0;
}