/* Imports */

@import url("reset.css");

/* Header */

#header {width: 900px; margin: 0 auto; padding-top: 30px; overflow: hidden; margin-bottom: 20px;}
img#main_title {float: left;}

#main_nav {width: 450px; float: right; text-align: right; font-size: 12pt; padding-right: 10px; text-transform: uppercase; margin-top: 20px;}
#main_nav a {text-decoration: none;}

#main_nav a.services_link {color: #008a00;}
#main_nav a.clientsdemos_link {color: #2aff00;}
#main_nav a.aboutus_link {color: #a9ef52;}
#main_nav a:hover {color: #fff;}

/* Footer */

#footer {height: 150px; background: #000;}

#footer_push {width: 850px; margin: 0 auto; color: #fff; padding-top: 10px; font-size: 10pt;}
#footer_push #address {float: left;}
#footer_push #address p {margin-bottom: 4px;}
#footer_push span {color: #28ad0c;}
#footer_push #email {float: right;}
#footer_push a {color: #888888; text-decoration: none;}
#footer_push a:hover {color: #C5C5C5;}

#footer_contact {overflow: hidden;}

#footer_push ul {width: 750px; margin: 0 auto 0 auto; overflow: hidden; font-size: 9pt; height: 20px; padding-top: 30px;}
#footer_push ul li {float: left; margin-right: 20px;}
#footer_push ul li a {text-transform: uppercase; color: #fff; text-decoration: none; padding: 5px 6px; border: 1px solid #000;}
#footer_push ul li a.current {background: #262626; border: 1px solid #262626;}
#footer_push ul li a:hover {border: 1px solid #262626;}
#footer_push ul li.last {margin-right: 0;}
#footer_push ul li span {font-weight: bold;}
#footer_push ul li#hold_foot_link span {color: #CB2828;}
#footer_push ul li#prod_foot_link span {color: #efe774;}
#footer_push ul li#post_foot_link span {color: #61ae51;}
#footer_push ul li#rent_foot_link span {color: #0ac3f0;}
#footer_push ul li#branded_foot_link span {color: #A505A0;}

/* Home Page */

#home_banner_wrapper {height: 480px; width: 100%; background-image: url(../images/elements/square_bg.gif); background-repeat: repeat-x; background-position: top;}
#home_banner {height: 496px; width: 100%; position: relative; background-image: url(../images/elements/main_banner_bg.gif); background-repeat: no-repeat; background-position: center top;}

#home_more {width: 900px; margin: 20px auto; overflow: hidden;}
#home_about h1 {color: #a3a3a3; font-size: 13pt; margin-bottom: 6px;}
#home_about {width: 500px; float: left; text-align: justify; margin-left: 20px;}
#home_about p {font-size: 9pt; line-height: 15pt; color: #d7d7d7;}

/* Nav */

#home_bump {width: 900px; margin: 0 auto;}
#home_nav {width: 200px; float: right; padding-top: 10px;}
#home_nav .nav_box {margin-bottom: 6px;}
.nav_box {width: 187px; height: 108px;}
.nav_box a {text-transform: uppercase; display: block; width: 100%; height: 100%; color: #989797; text-decoration: none;}
.nav_box a:hover {color: #ef1515;}
.nav_box a.selected {color: #fff; font-weight: bold;}
.nav_box h2 {padding-top: 7px; padding-left: 8px; font-size: 12pt;}
#home_nav .nav_box a {color: #2aff00;}

#hd_mastering {background-image: url(../images/nav/hd_mastering_bw.jpg);}
#hd_mastering:hover, #hd_mastering_sel {background-image: url(../images/nav/hd_mastering_color.jpg);}

#graphics {background-image: url(../images/nav/graphics_bw.jpg);}
#graphics:hover, #graphics_sel {background-image: url(../images/nav/graphics_color.jpg);}

#dolby_sound {background-image: url(../images/nav/dolby_bw.jpg);}
#dolby_sound:hover, #dolby_sel {background-image: url(../images/nav/dolby_color.jpg);}

#editors {background-image: url(../images/nav/editors_bw.jpg);}
#editors:hover, #editors_sel {background-image: url(../images/nav/editors_color.jpg);}

/* Sub Pages */

#sub_banner_wrapper {height: 420px; width: 100%; background-image: url(../images/elements/square_bg.gif); background-repeat: repeat-x; background-position: top;}
#sub_banner {height: 400px; width: 100%; background-image: url(../images/elements/main_banner_bg.gif); background-repeat: no-repeat; background-position: center top; position: relative;}

#sub_banner_wrapper_clients  {height: 108px; width: 100%; background-image: url(../images/elements/square_bg.gif); background-repeat: repeat-x; background-position: top;}
#sub_banner_clients {height: 108px; width: 100%; background-image: url(../images/elements/main_banner_bg.gif); background-repeat: no-repeat; background-position: center top; position: relative; b}

#sub_nav {width: 900px; margin: 0 auto; overflow: hidden;}
#sub_nav .nav_box {float: left; margin-right: 14.2px; margin-left: 20px;}

#service_pic {margin-left: 20px;}

#text_col {float: left; width: 500px; font-size: 10pt; line-height: 15pt;}
#text_col a {color: #E0E0E0; text-decoration: underline;}
#text_col a:hover {text-decoration: none;}
#text_col p {color: #848483;}
#text_col span {color: #fff;}
#text_col h1 {text-transform: uppercase; font-size: 16pt; margin-bottom: 35px; color: #848483;}
#text_col h1 span {color: #28ad0c;}
#text_col h2 {color: #29A710; margin: 10px 0; font-size: 11pt; font-weight: bold;}
#text_col .bio {margin-bottom: 25px; overflow: hidden; text-align: justify;}
#text_col .bio img {float: left; margin-top: 4px; margin-right: 35px; margin-bottom: 35px;}
#text_col .bio p {float: right; width: 300px;}
.bio span {color: #fff;}

#text_col ul {margin-bottom: 20px;}
#text_col li {color: #848483;}

#sec_col {float: right; width: 350px; text-align: justify;}
#sec_col h1 {text-transform: uppercase; font-size: 16pt; margin-bottom: 35px; color: #848483;}
#sec_col h1 span {color: #28ad0c;}
#sec_col p {color: #848483; font-size: 10pt; line-height: 15pt;}

#sec_col ul {margin-bottom: 20px; font-size: 10pt; line-height: 15pt;}
#sec_col li {color: #848483;}

.home_content {width: 500px; float: left;}
.home_content img {float: left; margin-bottom: 15px;}

/* New */

.sect {overflow: hidden;}
h1.service_header {text-transform: uppercase; font-size: 16pt; margin-bottom: 35px; width: 100%; color: #848483;}
h1.service_header span {color: #28ad0c;}

.service_pic {margin-left: 20px; width: 500px; float: left; margin-top: 60px;}

.header_info {width: 350px; text-align: left; color: #848483; float: right; margin-top: 30px;}
.header_info h1 {text-transform: uppercase; font-size: 16pt; margin-bottom: 35px; width: 100%; margin-top: 30px;}
.header_info h1 span {color: #28ad0c;}
.header_info p {font-size: 10pt; margin-bottom: 10px; line-height: 16pt;}
.header_info p a {color: #28ad0c; text-decoration: underline;}
.header_info p a:hover {text-decoration: none;}

.text_col {float: left; width: 420px; font-size: 9pt; line-height: 15pt; color: #848483;}
.text_col a {color: #E0E0E0; text-decoration: underline;}
.text_col a:hover {text-decoration: none;}
.text_col p {color: #848483;}
.text_col span {color: #fff;}
.text_col h2 {color: #29A710; margin: 10px 0; font-size: 11pt; font-weight: bold;}

.text_col .bio {margin-bottom: 25px; overflow: hidden; text-align: justify;}
.text_col .bio img {float: left; margin-top: 4px; margin-right: 20px; margin-bottom: 10px; width: 145px;}
.text_col .bio p {float: right; width: 240px;}

.sec_col .bio {margin-bottom: 25px; overflow: hidden; text-align: justify;}
.sec_col .bio img {float: left; margin-top: 4px; margin-right: 20px; margin-bottom: 10px; width: 145px;}
.sec_col .bio p {float: right; width: 240px;}

.text_col ul {margin-bottom: 20px;}
.text_col li {color: #848483;}

.sec_col {float: right; width: 420px; text-align: justify; font-size: 9pt; line-height: 15pt; color: #848483;}
.sec_col h1 {text-transform: uppercase; font-size: 16pt; margin-bottom: 35px;}
.sec_col h1 span {color: #28ad0c;}
.sec_col p {color: #848483; font-size: 9pt;}

.sec_col ul {margin-bottom: 20px; font-size: 10pt; line-height: 15pt;}
.sec_col li {color: #848483;}

.associates table {margin-top: 20px;}
.associates img {margin-right: 20px;}
.associates p {color: #848483; font-size: 10pt; margin-bottom: 8px;}

/* About Page */

#about_us {width: 850px; margin: 0 auto; }
.about_us_text {float: left; width: 400px; margin-top: 60px; }
.about_us_text p {color: #848483; font-size: 10pt; line-height: 15pt;}
h1.header {text-transform: uppercase; font-size: 16pt; margin-bottom: 35px; color: #848483;}
h1.header span {color: #28ad0c;}

.error {font-size: 10pt; color: #F31212;}

.contact_form p {color: #848483; font-size: 10pt; margin-bottom: 6px;}
.contact_form input {font-size: 8pt; padding: 2px; background: #D4D4D4; border: none; font-weight: bold; margin-bottom: 5px;}
.contact_form textarea {width: 300px; font-size: 8pt; padding: 2px; background: #EBEBEB; border: none; font-weight: bold; font-family: Helvetica, Arial;}

#associates img {margin-right: 7px;}