body {
background: url(http://theplaylistgeneration.com/img/bg_bar_top.gif) repeat-x 0 73px #97C9CD;
font-family: georgia;
font-size: 13px;
color: #000;
width: 100%;
}

a {
color: #000;
font-style: italic;
}

.outter-container {
width: 1000px;
margin: auto auto;
}

.logo {
float:left;
margin-top: 34px;
margin-left: 20px;
}

.logo-type {
float:left;
margin-top: 87px;
margin-right: 10px;
}

ul.navigation {
float:left;
margin-top: 82px;
_margin-top: -30px;
margin-left: 10px;
}

ul.navigation li {
float: left;
margin-right: 15px;
}

.container {
clear:both;
margin-left: 45px;
padding-top: 32px;
}

/* HOMEPAGE ============== */

dl.homepage-icons {
width: 160px;
float: left;
}

dl.homepage-icons dd.description {
padding-top: 8px;
}

div.row-3 {
clear: both;
}

h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 17px;
border-bottom: 1px solid #000;
width: 375px;
}

.row-1 p {
margin-top: 6px;
width: 375px;
font-size: 13px;
font-family: georgia;
}

.row-2 {
margin-top: 25px;
}

.homepage-icons {
margin-right: 25px;
}

.homepage-icons dd.icon {
border-bottom: 1px solid #000;
}

.row-3 {
width: 575px;
padding-top: 50px;
}

.row-3 h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
width: 575px;
}

.row-3 p {
margin-top: 6px;
}

/* SERVICES ============== */

.row-1-services h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 20px;
border-bottom: none;
}

dl.service-icons {
width: 160px;
float: left;
border-top: 1px solid #000;
margin-right: 25px;
padding-top: 25px;
}

dd.title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
height: 50px;
}

.row-1-services dd.description {
height: 300px;
}

dd.case-study-title {
font-style:italic;
font-weight: bold;
}

/* CLIENTS ============== */

.row-1-clients h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 20px;
border-bottom: none;
}

dl.client-icons {
width: 160px;
float: left;
margin-right: 25px;
border-top: 1px solid #000;
padding-top: 10px;
}

dd.client-logo {
margin-bottom: 10px;
}

/* PRESS ============== */

.row-1-clients h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 20px;
border-bottom: none;
}

dl.press-columns img {
width: 220px;
}

dl.press-columns {
width: 220px;
float: left;
margin-right: 10px;
border-top: 1px solid #000;
padding-top: 10px;
}

dl.press-thumbs {
margin-bottom: 40px;
border-bottom: 1px solid #000;
height: 230px;
}

dd.publication {
font-size: 16px;
font-weight: bold;
}

dd.link a {
color: #666;
text-decoration: none;
}

/* ABOUT ============== */

.row-1-about h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 20px;
margin-bottom: 20px;
}

div.col-1 {
float: left;
padding-top: 25px;
width: 300px;
margin-right: 50px;
}

div.col-2 {
float: left;
padding-top: 25px;
width: 400px;
}

/* CONTACT ============== */

.row-1-contact h2.page-title {
text-transform: uppercase;
font-family: helvetica;
font-size: 15px; 
letter-spacing: 2px;
padding-bottom: 20px;
margin-bottom: 20px;
}

.row-1-contact p.contact-return-message {
margin-top: 17px;
font-weight: bold;
color: red;
}

.row-1-contact form {
margin: 0px 0px 0px 0px;
padding: 25px 0px 0px 0px;
float: left;
display: block;
width: 400px;
}

.row-1-contact form input {
float: left;
display: block;
width: 265px;
background-color: #8bc0c4;
color: #000000;
padding: 7px;
margin: 0px 0px 17px 0px;
border: 1px solid #000000;
}

.row-1-contact form textarea {
float: left;
display: block;
width: 385px;
background-color: #8bc0c4;
color: #000000;
padding: 7px;
margin: 0px 0px 17px 0px;
border: 1px solid #000000;
}

.row-1-contact form input.send-button {
clear:both;
display: block;
float: left;
background-color: #000;
color:#8bc0c4;
width: auto;
margin: 0;
padding: 4px 10px;
border: none;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 1px;}




/* CASE STUDIES========== */

div.row-1-cs .col-1 {
width: 364px;
}

div.row-1-cs h3 {
font-style: italic;
margin-top: 40px;
margin-bottom: 15px;
border-top: 1px solid #000;
width: 288px;
padding-top: 8px;
}

div.row-1-cs .col-2 {
width: 344px;
}

div.row-1-cs .col-2 h2.page-title {
margin-bottom: 10px;
width: 344px !important;
} 

div.row-1-cs h2.page-title {
width: 384px !important;
padding: 0 0 5px 0;
}

div.row-1-cs img.cslogo {
margin-top: 20px;
}

/* FOOTER ============== */

div.footer {
clear:both;
background: url(http://theplaylistgeneration.com/img/bg_bar_bottom.gif) repeat-x 0 80px;
height: 100px;
padding-top: 90px;
}

div.footer-copy {
clear:both;
width: 910px;
margin: auto auto;
}

div.footer-copy h2, div.footer-copy p {
text-align:right;
}

div.footer-copy p {
font-family: georgia;
text-transform: uppercase;
font-style: normal;
text-decoration: none;
color: #477880;
font-size: 11px;
margin-top: 10px;
margin-right: 6px;
}


div.footer-copy p a {
font-family: georgia;
text-transform: uppercase;
font-style: normal;
text-decoration: none;
color: #477880;
font-weight: bold;
font-size: 11px;
}



#backtoabout {
float: left;
}

ul.bios {
margin-top: 10px;
}