* { margin: 0; padding: 0; }
body { background: #000 url(../images/bg.gif) repeat-x 0 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
a { color: #f00; outline: none; }

#container { margin: 10px auto; width: 970px; }

/* HOME PAGE HEADER RULES */
#header { position: relative; }
#header h1 a { width: 604px; height: 93px; display: block; float: left; background: url(../images/logo.gif) no-repeat 0 0; text-decoration: none; text-indent: -2200px; }

#navigation { margin: 36px 0 0 0; position: relative; width: 366px; float: right; }
#navigation li { position: relative; display: inline; list-style: none; }
#navigation a { position: absolute; display: block; text-decoration: none; text-indent: -2100px; background-position: 0 0; }
#navigation a:hover { background-position: 0 -33px; }
#navigation a.current { background-position: 0 -66px; }

#nav_home { width: 81px; height: 33px; left: 0; background: url(../images/nav_home.gif) no-repeat 0 0; }
#nav_behind_scenes { width: 150px; height: 33px; left: 82px; background: url(../images/nav_behind_scenes.gif) no-repeat 0 0; }
#nav_clients { width: 85px; height: 33px; left: 233px; background: url(../images/nav_clients.gif) no-repeat 0 0; }
#nav_info { width: 50px; height: 33px; left: 319px; background: url(../images/nav_info.gif) no-repeat 0 0; }

/* SUB PAGES HEADER RULES */
#header_interior { position: relative; z-index: 10000; }
#header_interior h1 a { width: 422px; height: 93px; display: block; float: left; background: url(../images/logo_short.gif) no-repeat 0 0; text-decoration: none; text-indent: -2200px; }

#navigation_interior { margin: 36px 0 0 0; position: relative; width: 548px; float: right; }
#navigation_interior ul { margin: 0; padding: 0; list-style: none; }
#navigation_interior li {  float: left; position: relative; }
#navigation_interior a { display: block; text-decoration: none; text-indent: -2100px; background-position: 0 0; }
#navigation_interior a:hover { background-position: 0 -33px; }
#navigation_interior a.current { background-position: 0 -66px; }
#navigation_interior a.drop_down:hover { background-position: 0 0; }

#nav_portfolio_interior { width: 182px; height: 33px; display: block; background: url(../images/nav_portfolio.gif) no-repeat 0 0; }
#nav_home_interior { width: 81px; height: 33px; display: block; background: url(../images/nav_home.gif) no-repeat 0 0; }
#nav_behind_scenes_interior { width: 150px; height: 33px; display: block; background: url(../images/nav_behind_scenes.gif) no-repeat 0 0; }
#nav_clients_interior { width: 85px; height: 33px; display: block; background: url(../images/nav_clients.gif) no-repeat 0 0; }
#nav_info_interior { width: 50px; height: 33px; display: block; background: url(../images/nav_info.gif) no-repeat 0 0; }

#navigation_interior li ul { margin: 0; display: none; position: absolute; top: 32px; left: 0; background: #000; border-left: 1px solid #f00; border-right: 1px solid #f00; }
#navigation_interior li:hover ul, #navigation_interior li.over ul { display: block; }
#navigation_interior .menu_container { width: 180px; position: absolute; top: 0; left: 0; z-index: 10000; }
#navigation_interior .menu_container .menu1 { display: block; position: absolute; top: 100%; left: 0; }
#navigation_interior li li { margin: 0; padding: 0; width: 100%; height: 31px; display: block; float: none; white-space: nowrap; border-bottom: 1px solid #f00; }
#navigation_interior li li a { padding: 5px 0 0 10px; width: 170px; height: 26px; display: block; color: #f00; text-indent: 0; font-size: 14px; }
#navigation_interior li li a:hover { color: #fff; background: #f00; }

/* CONTENT RULES */
#content { width: 970px; clear: both; }

#left_content { margin: 0 10px 0 0; width: 265px; float: left; }
#left_content h2.info { margin: 0 0 20px 0; width: 265px; height: 40px; background: url(../images/header_info.gif) no-repeat 0 0; text-indent: -2100px; }
#left_content h2.behind_scenes { margin: 0 0 20px 0; width: 265px; height: 40px; background: url(../images/header_behind_scenes.gif) no-repeat 0 0; text-indent: -2100px; }
#left_content h2.clients { margin: 0 0 20px 0; width: 265px; height: 40px; background: url(../images/header_clients.gif) no-repeat 0 0; text-indent: -2100px; }

#right_content { width: 694px; float: right; border-left: 1px solid #f00; }
#right_content ul { margin: 0 70px; float: left; line-height: 20px; list-style-type: none; }
#right_content form { margin: 0 0 0 20px; display: inline; float: left; }
#right_content form br { clear: left; }
#right_content fieldset { width: 432px; border:none; }
#right_content fieldset p { margin: 10px; }
#right_content legend { margin: 0 5px !important; margin: 0; padding: 0 5px; font-weight: bold; color: #f00; }
#right_content label { margin: 10px 20px 10px 10px !important; margin: 10px 20px 10px 5px; padding: 2px 0 0 0; width: 95px; display: block; float: left; }
#right_content input, #right_content textarea { margin: 10px 0 10px 15px; padding: 3px; border: 1px solid #f00; background: #000; color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; background-color: #000000; }
#right_content input.button { margin: 10px 0 10px 140px; }

#contact_info { margin: 0 0 0 20px; width: 200px; float: right; }
#contact_info p { margin: 0 0 20px; line-height: 20px; }

/* BEHIND THE SCENES RULES */
#video_text { float: left; width: 620px; margin: 0 30px 0 30px; line-height: 18px; }
#video_text h2 { font:18px; }
#video_text p { margin: 0 0 18px 0; }
#video_player { float: left; margin: 0 0 20px 20px; }

/* PORTFOLIO RULES */
#centered { position: relative; }

#tabs { position: absolute; width: 272px; left: 0; z-index: 10000000; }
#tabs li { list-style: none; }
#tabs a { padding: 7px 0 0 8px; width: 266px; height: 59px; display: block; text-decoration: none; background: url(../images/tab.gif) no-repeat 0 0; color: #999; font: italic 18px Georgia, "Times New Roman", Times, serif; font-weight: normal; }
#tabs a:hover { background-position: 0 -66px; }
#tabs a.current { background-position: 0 -66px; }
#tabs img { margin: 0 21px 0 0; border: none; vertical-align: middle; }

#home_image { position: absolute; left: 258px; }
#home_image img { border: 1px solid #f00; }
/*#home_image img { border: 1px solid #f00; }*/

#image { float: left; }
#image img { border: 1px solid #f00; }

#thumbs { margin: 0 0 0 0; width: 220px; height: 300px; float: right; }
#thumbs h2.faces { margin: 0 0 20px 20px; width: 200px; height: 40px; display: block; background: url(../images/header_faces.gif) no-repeat 0 0; text-indent: -2100px; }
#thumbs h2.spaces { margin: 0 0 20px 16px; width: 200px; height: 40px; display: block; background: url(../images/header_spaces.gif) no-repeat 0 0; text-indent: -2100px; }
#thumbs h2.corporate { margin: 0 0 20px 16px; width: 200px; height: 40px; display: block; background: url(../images/header_corporate.gif) no-repeat 0 0; text-indent: -2100px; }
#thumbs h2.culinary { margin: 0 0 20px 16px; width: 200px; height: 40px; display: block; background: url(../images/header_culinary.gif) no-repeat 0 0; text-indent: -2100px; }
#thumbs h2.art { margin: 0 0 20px 16px; width: 200px; height: 40px; display: block; background: url(../images/header_art.gif) no-repeat 0 0; text-indent: -2100px; }
#thumbs .middle { margin: 0 23px 23px 23px; }

#thumbs img { margin: 0 0 23px 20px; float: left; border: 1px solid #685c58; filter: alpha(opacity=75); -moz-opacity: .75; }
#thumbs a:hover img { border: 1px solid #f00; filter: alpha(opacity=100); -moz-opacity: 1.0; }
#thumbs img.selected { border: 1px solid #f00; filter: alpha(opacity=100); -moz-opacity: 1.0; }

/*
#thumbs img { margin: 0 0 23px 20px; float: left; border: 1px solid #685c58; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; }
#thumbs a:hover img { border: 1px solid #f00; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
#thumbs img.selected { border: 1px solid #f00; filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
*/

#thumbs br { clear: left; }

#reflection { height: 81px; display: block; background: url(../images/image_reflect_bg.gif) repeat-x 0 0; }
#reflection a { display: block; color: #fff; text-decoration: none; font-size: 9px; }
#reflection a:hover { color: #f00; }
#reflection a img { margin: 0 0 2px 0 !important; margin: 0; border: none; vertical-align: middle; }
#reflection a#prev { margin: 10px 0 0 5px; display: inline; float: left; }
#reflection a#next { margin: 10px 5px 0 0; display: inline; float: right; }
#reflection a#email { margin: 10px 5px 0 0; display: inline; float: right; }