/*  Master CSS  */

html, body { 
font: normal 12px arial ; 
color: #000 ; 
line-height: 18px ; 
text-align: left ; 
background: #999775 url(media/bg.gif) repeat-x ;  
padding: 0px; 
margin: 0px;
}


/* Text / Link styles */

p { 
font: normal 12px arial ; 
margin: 0px 0px 18px 0px ; 
color: #000 ; 
line-height: 18px ; 
text-align: left;
}

a, a:visited { 
display: inline ; 
font: normal 12px arial ; 
color: #a01f1f ; 
text-decoration: none ; 
margin: 0px;
border-bottom: 1px solid #eedddd;
}

a.image, a.image:visited, a.image:hover {
border: 0px;
}

a.bullet, a.bullet:visited {
clear: left;
background: url(media/bullet.gif) no-repeat 0px 1px ; 
padding: 0px 0px 0px 19px ;
font: normal 12px arial ; 
color: #a01f1f ; 
text-decoration: none ; 
margin: 0px;
border-bottom: 1px solid #eedddd;
}

a:hover, a.bullet:hover {
color: #000; 
text-decoration: none ; 
border-bottom: 1px solid #999;
}

h1 {
font: bold 18px "Trebuchet MS";
color: #a01f1f ;
margin: 0px 0px 18px 0px;
text-transform: uppercase;
letter-spacing: 2px
}

h2 {
display: block;
font: bold 14px "Trebuchet MS";
color: #a01f1f ;
margin: 18px 0px 0px 0px;
padding: 18px 0px 0px 0px;
text-transform: uppercase;
letter-spacing: 2px;
border-top: 1px solid #eee;
}

/* Structural Elements */

#top { 
position:relative ; 
width: 100% ; 
height: 152px ; 
text-align: center ; 
clear: both ;
}

#top #bg {
position:relative ; 
width: 1000px ;
height: 152px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
background: url(media/bg-top.gif) no-repeat bottom ; 
}


#middle, #middle-reels { 
position:relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
clear: both ;
}

#middle #bg, #middle-caseStudy #bg  {
position:relative ; 
width: 1000px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
background: url(media/bg-middle-repeat.gif) repeat-y; 
padding-bottom: 10px;
}


#middle #bg #content  {
display: block;
background: url(media/bg-middle.gif) no-repeat top left; 
}

#bottom { 
position:relative ; 
width: 100% ; 
height: 50px ; 
z-index:0 ; 
text-align: center ; 
clear: both ;
}


#bottom #bg {
position:relative ; 
width: 1000px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
background: url(media/bg-bottom.gif) no-repeat top left; 
}


#bottomRed {
position:relative ; 
width: 100% ; 
height: 182px ; 
z-index:0 ; 
text-align: center ; 
clear: both ;
}

#bottomRed #bg {
position:relative ; 
width: 1000px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
background: url(media/bg-bottom-caseStudy.jpg) no-repeat top left; 
}

#bottomRed #bg h2 {
color: #fff ;
margin: 10px 0px 3px 0px;
padding: 0px;
border: 0px;
}

.container {
position:relative ; 
width: 1000px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
}

a img {
border: 0px;
}

/* Unique elements */

#clear {
clear: both;
height: 20px;
}

.clear {
clear: both;
height: 0px;
}


#logo {
position: absolute;
top: 78px;
left: 130px;
}

#back {
position: absolute;
top: 110px;
right: 116px;
}

#nav {
position: absolute;
top: 101px;
right: 76px;
text-align: right;
}

#logo a, #logo a:visited, #back a, #back a:visited, #nav a, #nav a:visited  {
border: 0px;
}

#contact {
clear: left;
font-size: 11px;
padding: 20px 0px 0px 120px;
}

#copyright {
float: right;
width: 400px;
font-size: 11px;
text-align: right;
padding: 20px 120px 0px 0px;
}

#middle #bg #content #text {
display: block;
padding: 40px 30px 30px 30px;
}

#left {
float: left;
width: 170px;
margin: 40px 0px 0px 90px;
padding-top: 0px;
}

#right {
width: 600px;
float: left;
margin: 40px 0px 0px 20px;
padding: 0px 0px 0px 30px;
border-left: 1px solid #eee;
}

#wide {
width: 880px;
margin: 0px 0px 0px 90px;
}
/* Classes */

.red {
color: #961c1b;
}

.item {
display: block;
clear: left;
padding-bottom: 10px;
}

.pageLeft {
float: left;
margin: 40px 30px 0px 110px;
}

.pageRight {
width: 630px;
float: left;
margin: 40px 0px 0px 0px;
}

.thirds {
width: 260px;
height: 112px;
float: left;
margin-top: 22px;
padding-right: 30px;
}

.thirds p {
color: #fff;
}

.category {
width: 250px;
float: left;
margin-top: 50px;
padding-right: 40px;
}

.category h1 {
margin: 0px 0px 2px 0px;
}

.category p {
/*color: #fff;*/
}

.left {
float: left;
width: 117px;
margin-bottom: 18px;
}
.right {
float: left;
width: 117px;
margin-bottom: 18px;
}

.left p, .right p {
display: block;
text-align: center;
}

.quoteBox {
display: block;
background: #f8f1f1;
padding: 15px 20px;
border-top: 1px solid #eedddd;
border-bottom: 1px solid #eedddd;
margin-top: 20px;
}

.quoteBox p {
margin: 0px;
color: #961c1b;
font-style: italic;
}

p.quoteName {
font-size: 11px;
margin: 5px 0px 18px 20px;
}

.bioImage {
float: left;
margin: 0px 20px 20px 0px;
}

.imageMap {
width: 630px; 
height: 398px;
display: none;
}


/* Lists */

ul { 
margin: 0px 0px 0px 20px; 
padding: 0px;
list-style-type: none ;
}

ul.noMargin { 
margin: 0px 0px 0px 0px; 
padding: 0px;
list-style-type: none ;
}

li { 
background: url(media/bullet.gif) no-repeat 0px 1px ; 
padding: 0px 0px 8px 19px ;
color: #000 ; 
line-height: 16px;
}
.diamondOverlay {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}