/* CSS Style Sheet for Ian Brownel's Bushey Theater, Inc. www.btifilms.com Copyright 2011 by Brian Agosta except where otherwise noted. */ /* Eric Meyer's CSS reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* End CSS reset code */ body { background-color: #000; font: Arial, Helvetica, sans-serif; text-align: center; /* Netscape 4, and IE 4 - 6(quirks mode) */} .wrapper { margin-left: auto; margin-right: auto; width: 940px; padding: 28px 0 38px 0; text-align: left;} #top { background-color: #fff;} #header { background-color: #000; height: 62px; margin-bottom: 28px;} #logo { float: left; width: 140px; height: 62px;} #header #title { float: left; border-left:solid #fff 2px; padding-left: 18px; height: 52px; font: "Times New Roman", Times, serif; padding-top: 10px;} #header #title h1 { color: #fff; font-size: 24px; font-weight: bold;} #header #title p { color: #afafaf;} #header #contact { height: 62px; } #header #contact p { color: #afafaf; text-align: right; padding-right: 18px; padding-top: 10px; line-height: 1.3em; font: "Times New Roman", Times, serif;} #header #contact a { color:#afafaf; text-decoration:none;} #main_services { height: 334px; width: 940px; background: #000 url(../images/background_video_description.jpg) no-repeat right bottom;} .video { width: 540px; height: 334px; float:left;} .video_description { width: 354px; float: left; color: #afafaf; padding:40px 18px 0 28px;} .video_description h2 { font-size:26px; font-weight:normal; font: "Times New Roman", Times, serif; color:#fff;} .video_description p { font-size:16px; padding-top:14px; font-family: "Times New Roman", Times, serif; line-height:1.2em;} .video_description .endorsement { font-family:Arial, Helvetica, sans-serif; padding-top:23px;} .video_description .quote { font-size:19px; line-height:1.3em; color:#CCC; text-align:left; float:left; padding-left:7px;} .quote_hang { font-size:19px; float:left; line-height:1.3em; position:absolute;} .attribution { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-top:10px; float:left; line-height:1.3em; text-align:left;} .quote_m-dash { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-top:10px; float:left; line-height:1.3em;} #our_services { width: 940px; height: 214px; margin-top: 38px; background: #d5d5d5;} #our_services .outer_wrapper { width: 310px; height: 214px; float: left;} #our_services #outer_wrapper_middle { width: 320px; height: 214px; float: left;} #our_services .inner_wrapper { width: 242px; height: 168px; margin: 23px 34px; text-align: center; background: #000;} #our_services #main_services02_thumb { width: 242px; height: 168px; margin: 23px 39px; } #our_services .inner_wrapper p { display:block; padding: 9px 0;} #our_services .inner_wrapper p a { color: #fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;} .video_thumb a { outline: none; display:block; width: 228px; height: 150px; margin:0 7px;} #main_services01_thumb .video_thumb a { background: url(../images/video_thumb_main_services01.jpg) 0 0 no-repeat;} #main_services01_thumb .video_thumb a:hover { background: url(../images/video_thumb_main_services01.jpg) 0 -150px; color: #0066cc;} #main_services01_thumb .video_thumb a:active { background: url(../images/video_thumb_main_services01.jpg) 0 0;} #main_services02_thumb .video_thumb a { background: url(../images/video_thumb_main_services02.jpg) 0 0 no-repeat;} #main_services02_thumb .video_thumb a:hover { background: url(../images/video_thumb_main_services02.jpg) 0 -150px; color: #0066cc;} #main_services02_thumb .video_thumb a:active { background: url(../images/video_thumb_main_services02.jpg) 0 0;} #main_services03_thumb .video_thumb a { background: url(../images/video_thumb_main_services03.jpg) 0 0 no-repeat;} #main_services03_thumb .video_thumb a:hover { background: url(../images/video_thumb_main_services03.jpg) 0 -150px; color: #0066cc;} #main_services03_thumb .video_thumb a:active { background: url(../images/video_thumb_main_services03.jpg) 0 0;} #bottom .wrapper { height:190px } .container { width:458px; height:190px; border: solid 1px #292929;} #bio { float:left; margin-right:20px; } #clients { float:left; } .container .inner_wrapper { padding:15px 12px; height:160px; background:#000;} .container h2 { color:#fff; font:"Times New Roman", Times, serif; font-size:20px; font-weight:normal; padding-bottom:17px; } .container .image { float:left; width:154px; height:120px;} .container p { font-family:Arial, Helvetica, sans-serif; color:#afafaf; font-size: 14px; line-height:1.3em; } #copyright { padding-top: 250px; text-align:center; font-size:12px; color:#8f8f8f; line-height:1.8em; font-family:Arial, Helvetica, sans-serif;} #copyright a { color:#0066cc;} #copyright a:hover { text-decoration:none;} #copyright img { padding-bottom:4px;} #bottom { background: #000 top repeat-x url(../images/background_bottom.gif); height: 390px;}