@import "default.css";
@import "forms.css";

body{
    background: #162A1D;
    color: #fff;
    font-family: sans-serif;
    line-height: 1.5em;
    font-size: 74%;
}
.clear{
    clear: both;
}
br.clear{
    line-height: 0;
    height: 0;
}
p{
    margin-top: 1.2em;
}
h1{
    font-size: 2em;
}
h2{
    font-size: 1.8em;
}
h3{
    font-size: 1.6em;
}
h4{
    font-size: 1.4em;
}
h5{
    font-size: 1.2em;
}
ul, ol{
    margin-left: 2em;
}
dl dt{
    font-size: 1.3em;
}
dl dd{
    padding-bottom: 0.7em;
}
body a{
    color: #fff;
    text-decoration: none;
}
a img{
    border: none;
}
div#top{
    background: url(../images/header.jpg) no-repeat 136px 0;
    height: 89px;
    padding-left: 164px;
    width: 1000px;
}
a#home-link{
    display: block;
    height: 85px;
    width: 290px;
}
div#content{
    background: #fff url(../images/content_border.jpg) repeat-y top left;
    color: #000;
    min-height: 300px;
    padding: 10px 10px 10px 145px;
    width: 1030px;
}
div#content a{
    color: #162A1D;
    text-decoration: underline;
}
div#subcontent{
    width: 415px;
    min-height: 250px;
    overflow: auto;
    margin-bottom: 10px;
}
div#cooliris{
    float: right;
    padding-left: 15px;
}
div#contentlinks{
    width: 415px;
}


/*-- flatpages --*/

div.random-testimonial{
    float: right;
    padding-left: 15px;
    width: 590px;
}
img.random-testimonial-image{
    background: #2C4933;
    border: solid 1px #172B1F;
    display: block;
    padding: 1em;
    margin: 1em;
    float: left;
}
p.random-testimonial-author{
    text-align: right;
}
div.random-testimonial blockquote{
    margin-left: 20px;
    font-size: 1.4em;
    line-height: 1.4em;
}
div.random-testimonial-client{
    font-style: italic;
}

/*--- client view ---*/

img.client-logo{

}

div.clients-featured{
    float: left;
    width: 68%;
}
div.client-featured{

}
div.client-logo{
    float: left;
    padding: 10px;
    width: 160px;
}
div.client-featured-description{
    float: left;
    width: 480px;
}
div.client-list{
    float: left;
    width: 30%;
}
div.client-list-client{
    float: left;
    width: 50%;
}
div.client-description{
    width: 600px;
}
div.client-project-list{
    float: right;
    width: 300px;
}
div.client-media-list{
    background: orange;
    float: right;
    width: 160px;
}

/*--- project view ---*/
div.project-media-list{
    float: right;
    width: 540px;
}
dl.projects-list-column{
    float: left;
    padding: 0 10px;
    width: 320px;
}


/*--- media view ---*/


div.media-description{
    float: left;
    width: 210px;
    padding: 0 10px;
}
div.media-view{
    float: left;
    overflow: auto;
    width: 600px;
}
div.media-list{
    width: 180px;
    float: left;
    padding: 0 10px;
}
div.media-preview{
    float: left;
    height: 160px;
    padding: 10px;
    text-align: center;
    width: 160px;
}
a.video-player{
    display: block;
    height: 300px;
    width: 480px;
}


/*--- bottom and footer ---*/


div#bottom{
    background: url(../images/bottom_bg.gif) repeat-x 0 103px;
    height: 105px;
    padding: 20px 0 20px 145px;
    width: 1060px;    
}
div#bottom-links{
    background: url(../images/bottom_bg_r.gif) no-repeat bottom right;
    height: 115px;
}
div#bottom-links a.icon{
    display: block;
    float: left;
    height: 70px; /*122*/
    margin: 0 10px;
    padding: 52px 5px 0;
    text-align: right;
    text-transform: uppercase;
    width: 113px; /*113*/
}
a#btn-video{
    background: url(../images/icon_video.jpg) no-repeat;
}
a#btn-design{
    background: url(../images/icon_design.jpg) no-repeat;
}
a#btn-web{
    background: url(../images/icon_web.jpg) no-repeat;
}
a#btn-marketing{
    background: url(../images/icon_marketing.jpg) no-repeat;
}
a#btn-tylermail{
    background: url(../images/icon_tylermail.jpg) no-repeat;
}
a#btn-mms{
    background: url(../images/icon_mms.jpg) no-repeat;
}
a#btn-blog{
    background: url(../images/icon_blog.jpg) no-repeat;
}

div#footer{
    color: #fff;
    margin: 1em 0;
    padding-left: 145px;
    text-align: center;
    width: 1000px;
}