/*

#### MASTER CSS SHEET ####

@site

2008 Green Egg Media
www.greeneggmedia.com

*/


/*

Color Guide 


*/

/* Imports */

@import url("reset.css");

/* Background */

#wrapper {height: 100%; width: 100%; position: relative; min-height: 700px; min-width: 800px;}
img#top_left {position: absolute; top: 0; left: 0; z-index: -1;}
img#top_right {position: absolute; top: 0; right: 0; z-index: -1;}
img#bottom_right {position: absolute; bottom: 0; right: 0; z-index: -1;}
img#bottom_left {position: absolute; bottom: 0; left: 0; z-index: -1;}


/* 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: 13pt; color: #cdcdcd;}
#main_nav p#level_one {margin-bottom: 6px;}
#main_nav p#level_one a {color: #7c7c7c; text-decoration: none;}
#main_nav p#level_one a:hover {color: #41a3e6;}
#main_nav p#level_two a:hover {color: #41a3e6;}
#main_nav p#level_one a.sel {color: #000;}
#main_nav p#level_two a.sel {color: #000;}
#main_nav p#level_two a {color: #5183ae; text-decoration: none;}

/* Footer */

#footer {height: 100px; 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: 3px;}
#footer_push span {color: #0ac3f0;}
#footer_push #email {float: right;}
#footer_push #email a {color: #888888; text-decoration: none;}
#footer_push #email a:hover {color: #C5C5C5;}

#footer_contact {overflow: hidden;}

#footer_push ul {width: 750px;}
#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#branded_foot_link span {color: #A505A0;}

/* Home Page */

#home_banner_wrapper {height: 495px; width: 100%; background-image: url(../images/elements/banner_bg.gif); background-repeat: repeat; background-position: top;}
#home_banner {height: 495px; width: 100%; background-image: url(../images/elements/banner_bg_main.gif); background-repeat: no-repeat; background-position: center top; position: relative;}

.panel {width: 849px; height: 321px; background-repeat: no-repeat; background-position: left top;}

#main {background-image: url(../images/main_panes/main.gif);}
#production {background-image: url(../images/main_panes/prod.gif);}
#post {background-image: url(../images/main_panes/post.gif);}
#dubbing {background-image: url(../images/main_panes/dubbing.gif);}
#education {background-image: url(../images/main_panes/education.gif);}

img.dub_bump {margin-top: 10px;}
img.avid_bump {margin-top: 14px;}


.panel_copy h2 {font-size: 24pt; margin-left: 15px; margin-top: 20px; margin-bottom: 10px; width: 400px;}
.panel_copy p {color: #b7dcf4; font-size: 9pt; margin-left: 15px; width: 450px; line-height: 12pt; margin-bottom: 5px;}

/* Sub Banner */

#sub_banner {width: 100%; height: 49px; background-image: url(../images/elements/banner_bg.gif); background-repeat: repeat; background-position: top;}
#sub_banner_in {width: 100%; height: 49px; background-image: url(../images/elements/sub_banner_bg.gif); background-repeat: no-repeat; background-position: center top;}

/* Catalog */


ul#sub_menu_one {width: 820px; margin: 0 auto;}
ul#sub_menu_one li {float: left; margin-top: 23px; font-size: 10pt; margin-right: 15px;}
ul#sub_menu_one li a {text-decoration: none; color: #fff;}
ul#sub_menu_one li a.selected {color: #BCD8EB;}
ul#sub_menu_one li a:hover {background: #0fb3fa;}
ul#sub_menu_one li a.selected:hover {background: none;}

#sub_content_wrap_more {width: 850px; margin: 0 auto; padding-top: 20px; min-height: 600px; overflow: hidden; }
#top_border {width: 850px; background-image: url(../images/elements/top_border.gif); background-repeat: repeat-x; height: 2px; margin-bottom: 20px;}
ul#level_two_sub {float: left; font-family: Tahoma; width: 202px;}
ul#level_two_sub li {font-size: 10pt; margin-bottom: 12px; line-height: 15pt;}
ul#level_two_sub li a {color: #7c7c7c; text-decoration: none;}
ul#level_two_sub li a:hover {text-decoration: underline;}
ul#level_two_sub li a.current {color: #5183ae;}

#rentals_showcase {float: right; width: 620px; padding-left: 20px; background-image: url(../images/elements/middle_border.gif); background-repeat: repeat-y; background-position: left top; padding-bottom: 50px;}

#main_title_area {width: 350px; float: left;}
#main_title_area h1 {font-size: 20pt; color: #5183ae; font-weight: 100;}
#top_area {overflow: hidden; margin-bottom: 20px;}
img.brand {float: right;}
h4.options {float: left; width: 100%; margin-bottom: 20px;}
img.large_pic {float: right; max-width: 350px;}
.info {float: left; width: 230px; margin-top: 15px; color: #737a7f; font-family: Tahoma; font-size: 10pt; line-height: 16pt;}

/* Product Table */

table#product_table tr td {width: 220px;}
table#product_table td h3 {color: #7c7c7c; font-size: 9pt; width: 150px; margin-top: 10px;}
table#product_table td h4 {margin-top: 8px;}

/* Generic Sub */

#text_col {width: 400px; float: left;}
#text_col h1 {text-transform: uppercase; color: #41a3e6; font-weight: bold; margin-bottom: 15px; font-size: 16pt;}
#text_col p {color: #737a7f; font-size: 10pt; line-height: 18px;}
#text_col a {color: #000; text-decoration: underline;}
#text_col a:hover {text-decoration: none;}
img.sub_pic {float: right;}

#home_channel {width: 700px; margin: 20px auto;}
#home_channel .channel {background: #ede9e9; border: 1px solid #d4d4d4; height: 100%; }
#home_channel .channel h3 {font-size: 9pt;}
#home_channel .channel h3 a {color: #666565; text-decoration: none; }
#home_channel .channel h3 a:hover {text-decoration: underline;}
#home_channel h2 {color: #a5a5a5; margin-bottom: 4px;}
#home_channel h2.feat_pack {color: #64afd9;}

#new_arrivals {margin-bottom: 15px; padding: 10px;}
#pack {padding: 0; overflow: hidden;}
#pack img.request {margin-bottom: 10px;}

#pack img {float: left; }
#new_data {width: 475px; float: right; margin-right: 15px; margin-top: 20px;}
#new_data h5 {color: #444444; margin-bottom: 10px;}
#new_data ul {font-size: 9pt; color: #777777; margin-bottom: 7px;}
#new_data ul li {margin-bottom: 5px;}

/* Rental Form */

form#rent_form h1 {font-size: 17pt; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;}
form#rent_form p {font-size: 10pt; margin-bottom: 8px;}
form#rent_form p span {color: #A7A7A7; font-weight: bold;}
form#rent_form input {margin-bottom: 8px;}
form#rent_form select {width: 300px; margin-bottom: 15px;}
form#rent_form textarea {margin-bottom: 15px;}

form#rent_form .form_area {border: 1px solid #BCD8EB; background: #F2F7FA; padding: 15px; margin-bottom: 10px;}
form#rent_form ul li {font-size: 10pt;}

form#rent_form .error {color: red; font-size: 10pt; margin-bottom: 4px;}

#side_message {float: left; width: 150px; font-size: 10pt;}
#side_message h2 {color: #41a3e6; text-transform: uppercase; font-size: 12pt; margin-bottom: 10px;}
#side_message a {color: #000; text-decoration: underline;}
#side_message a:hover {text-decoration: none;}

img.img_small {width: 190px;}