/***************************************************************************************** * * MEATOES.COM * Built by WebSight Design * ******************************************************************************************/ *{padding:0px; margin:0px;} body{ text-align:center; background:url('../images/body_bgn.jpg') repeat-x top center; font-family: Neutraface Slab, Arial, Arial, Helvetica, sans-serif; font-size:1em; } .wrapper{ width:1024px; border:#fff 0px solid; margin: 0px auto; } .header{ width:1024px; margin:50px 0px 0px 0px; border:#f0f 0px solid; } .logo{ background: url('../images/logo.png') no-repeat top left !important; width:332px; height:33px; float:right; margin: 0px 175px 10px 0px !important; background: url('../images/logo.gif') no-repeat top left; border:#f00 0px solid; margin:0px 86px 0px 0px; cursor:pointer; } .clearer{ clear: both;} .content{ background:#fff url('../images/content_top.gif') no-repeat top left; width:1024px; float:right; margin: 0px 0px 0px 0px; padding:15px 0px 0px 0px; } .featured_content{ width:1024px; border:#f2f 0px solid; position:relative; z-index:0; } .featured_content_top{ width:1024px; height:40px; text-align:left; } .featured_content_img{ width:1024px; text-align:right; position:relative; z-index:0; } .featured_content_bottom_overlay{ width:1024px; height:274px; background: url(../images/roundcorner.gif) no-repeat bottom left; position:relative; z-index:4; border:#fff 0px solid; } .pointer{cursor:pointer;} .featured_content_bottom{ width:1024px; height:274px; position:relative; z-index:1; margin:-274px 0px 0px 0px; } .main_content_img{width:1024px; text-align:right; height:500px; margin:05px 0px 0px 0px; border:#f00 0px solid; position: relative;} .main_content_img .profile_images_title { position : absolute; top : -30px; left : 518px; font-size:0.69em; line-height:13px; color:#7F7F7F; } .orange{color:#dc822d;} .graphite{color:#414141;} .grey{color:#7f7f7f;} .darkgrey{color:#444;} .block{ display: block;} .f11{ font-size:.69em; line-height: 13px;} .f13{ font-size:.81em; line-height: 13px;} a.left_arrow{ display:block; height:16px; width:16px; background: url('../images/prev_slide.gif') no-repeat top left; float:left; margin:0px; cursor:pointer;} a.left_arrow:hover, a.left_arrow:active{ display:block; height:16px; width:16px; background: url('../images/prev_slide_on.gif') no-repeat top left; float:left; margin:0px; cursor:pointer;} a.right_arrow{ display:block; height:16px; width:16px; background: url('../images/next_slide.gif') no-repeat top left; float:left; margin:0px; cursor:pointer; } a.right_arrow:hover, a.right_arrow:active{ display:block; height:16px; width:16px; background: url('../images/next_slide_on.gif') no-repeat top left; float:left; margin:0px; cursor:pointer;} a.play{display:block; width:16px; height:16px; background: url('../images/play.gif') no-repeat top left; float:left; margin:0px 0px 0px 0px; cursor:pointer; } a.pause{display:block; width:16px; height:16px; background: url('../images/pause.gif') no-repeat top left; float:left; margin:0px 0px 0px 0px; cursor:pointer;} a.next_left{display:block; width:16px; height:16px; background: url('../images/prev_proj.gif') no-repeat top left; float:left; margin:0px; cursor:pointer; } a.next_left:hover, a.next_left:active{display:block; width:16px; height:16px; background: url('../images/prev_proj_on.gif') no-repeat top left; float:left; margin:0px; cursor:pointer; } a.next_right{display:block; width:16px; height:16px; background: url('../images/next_proj.gif') no-repeat top left; float:left; margin:0px; cursor:pointer; } a.next_right:hover, a.next_right:active{display:block; width:16px; height:16px; background: url('../images/next_proj_on.gif') no-repeat top left; float:left; margin: 0px; cursor:pointer; } .explore_div{ width: 81px; text-align: center;} .nav_bg{ background:#444444 url('../images/nav_bg.jpg') repeat-y top left; height:33px; width:1024px; margin:0px 0px 3px 0px; text-align: left; position:relative;} .nav{ padding:7px 0px 0px 90px; height:20px; width:300px; float:left; } .nav ul{ list-style-type: none;} .nav li{ float:left; } .nav_corner{ background: url('../images/sprites/nav.png') repeat-y top left; background-position: 0 -734px; width:7px; height:7px; position: absolute; bottom:0; left:0; } a.portfolio{display: block; height: 20px; width:62px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -84px;} a.portfolio:hover, a.portfolio:active{display: block; height: 20px; width:62px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -490px;} a.about{display: block; height: 20px; width:52px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 0;} a.about:hover, a.about:active{display: block; height: 20px; width:52px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -406px;} a.clients{display: block; height: 20px; width:56px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -21px;} a.clients:hover, a.clients:active{display: block; height: 20px; width:56px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -427px;} a.contact{display: block; height: 20px; width:62px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -42px;} a.contact:hover, a.contact:active{display: block; height: 20px; width:62px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -448px;} a.store{display: block; height: 20px; width:46px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -105px;} a.store:hover, a.store:active{display: block; height: 20px; width:46px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -511px;} .orange_bar{ background: #dc822d; height:3px !important; width:50px; position:absolute; z-index:3; height:1px; line-height: 3px; filter: alpha(opacity=100); /* internet explorer */ -khtml-opacity: 1.0; /* khtml, old safari */ -moz-opacity: 1.0; /* mozilla, netscape */ opacity: 1.0; /* fx, safari, opera */ } .pos_home{ top:0px; left:20px; } .pos_portfolio{ top:0px; left:94px; } .pos_about{ top:0px; left:156px; } .pos_clients{ top:0px; left:208px; } .pos_contact{ top:0px; left:268px; } .pos_store{ top:0px; left:322px; } .nav_audio{ float:right; width:200px; height:20px; border:#fff 0px solid; padding:6px 0px 0px 0px;} .nav_login{ float:right; width:130px; height:20px; border:#f00 0px solid; padding:7px 0px 0px 40px;} a.login{display: block; height: 20px; width:50px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -63px;} a.login:active{display: block; height: 20px; width:50px; background: url('../images/sprites/nav.png') no-repeat top left; background-position: 0 -469px;} .numbers_div{ float:left; width:80px; } .news_div{ border:#f00 0px solid;} .news{ padding:3px 0px 0px 9px; width:800px; } .news a{ text-decoration:none; color:#444; } /*=============================== Subnavs ============================*/ .sub_nav_bg{ height:24px; width:943px; background:#fff url('../images/subnav_bg.jpg') repeat-y top left; border-top:#c1c1c1 1px solid; border-bottom:#c1c1c1 1px solid; margin:3px 0px 3px 0px; text-align: left; padding:7px 0px 0px 81px; border:#f00 0px solid; } .sub_nav{ } .sub_nav ul{ list-style-type: none;} .sub_nav li{ float:left; } .show{ display:block; } .hide{ display:none; } /* Portfolio */ a.p_featured{display: block; height: 19px; width:60px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -822px; } a.p_featured:hover, a.p_featured:active, a.p_featured_act{display: block; height: 19px; width:60px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1042px; } a.p_branding{display: block; height: 19px; width:68px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -782px; } a.p_branding:hover, a.p_branding:active, a.p_branding_act{display: block; height: 19px; width:68px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1002px; } a.p_music{display: block; height: 19px; width:55px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -882px; } a.p_music:hover, a.p_music:active, a.p_music_act{display: block; height: 19px; width:55px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1102px; } a.p_products{display: block; height: 19px; width:70px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -902px; } a.p_products:hover, a.p_products:active, a.p_products_act{display: block; height: 19px; width:70px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1122px; } a.p_books{display: block; height: 19px; width:55px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -762px; } a.p_books:hover, a.p_books:active, a.p_books_act{display: block; height: 19px; width:55px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -982px; } a.p_home_entertainment{display: block; height: 19px; width:128px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -842px; } a.p_home_entertainment:hover, a.p_home_entertainment:active, a.p_home_entertainment_act{display: block; height: 19px; width:128px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1062px; } a.p_keyart{display: block; height: 19px; width:59px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -862px; } a.p_keyart:hover, a.p_keyart:active, a.p_keyart_act{display: block; height: 19px; width:59px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1082px; } a.p_advertising{display: block; height: 19px; width:80px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -742px; } a.p_advertising:hover, a.p_advertising:active, a.p_advertising_act{display: block; height: 19px; width: 80px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -962px; } a.p_environmental{display: block; height: 19px; width:98px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -802px; } a.p_environmental:hover, a.p_environmental:active, a.p_environmental_act{display: block; height: 19px; width:98px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1022px; } a.p_video{display: block; height: 19px; width:53px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -922px; } a.p_video:hover, a.p_video:active, a.p_video_act{display: block; height: 19px; width:53px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1142px; } a.p_web{display: block; height: 19px; width:44px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -942px; } a.p_web:hover, a.p_web:active, a.p_web_act{display: block; height: 19px; width:44px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -1162px; } /* About */ a.a_history{display: block; height: 19px; width:113px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -186px; } a.a_history:hover, a.a_history:active, a.a_history_act{display: block; height: 19px; width:113px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -326px; } a.a_design{display: block; height: 19px; width:111px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -166px; } a.a_design:hover, a.a_design:active, a.a_design_act{display: block; height: 19px; width:111px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -306px; } a.a_toddsqp{display: block; height: 19px; width:205px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -246px; } a.a_toddsqp:hover, a.a_toddsqp:active, a.a_toddsqp_act{display: block; height: 19px; width:205px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -386px; } a.a_cooking{display: block; height: 19px; width:109px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -126px} a.a_cooking:hover, a.a_cooking:active, a.a_cooking_act{display: block; height: 19px; width:109px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -266px; } a.a_tater{display: block; height: 19px; width:157px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -206px; } a.a_tater:hover, a.a_tater:active, a.a_tater_act{display: block; height: 19px; width:157px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -346px; } a.a_crew{display: block; height: 19px; width:71px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -146px;} a.a_crew:hover, a.a_crew:active, a.a_crew_act{display: block; height: 19px; width:71px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -286px; } /* Clients */ a.c_clients{display: block; height: 19px; width:70px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -534px; } a.c_clients:hover, a.c_clients:active, a.c_clients_act{display: block; height: 19px; width:70px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -574px;} a.c_join{display: block; height: 19px; width:125px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -554px; } a.c_join:hover, a.c_join:active, a.c_join_act{display: block; height: 19px; width:125px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -594px; } /* Contact */ a.cc_contact{display: block; height: 19px; width:120px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -614px; } a.cc_contact:hover, a.cc_contact:active, a.cc_contact_act{display: block; height: 19px; width:120px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -674px; } a.cc_directions{display: block; height: 19px; width:80px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -634px; } a.cc_directions:hover, a.cc_directions:active, a.cc_directions_act{display: block; height: 19px; width:80px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -694px; } a.cc_jobs{display: block; height: 19px; width:137px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -654px; } a.cc_jobs:hover, a.cc_jobs:active, a.cc_jobs_act{display: block; height: 19px; width:137px; background: url('../images/sprites/nav.png') no-repeat center left; background-position: 0 -714px; } a.got_account{display: block; height: 19px; width:94px; background: url('../images/nav_account.gif') no-repeat center left; float:right; margin:0px 80px 0px 0px; } a.got_account:hover, a.got_account:active, a.got_account_act{display: block; height: 19px; width:94px; background: url('../images/nav_account_on.gif') no-repeat center left; float:right; margin:0px 80px 0px 0px; } .login_input{ height:15px; width:111px; border:0px; background: #a5a5a5; margin:2px 6px 5px 3px; display:block; } /*=============================== Mini subnavs ============================*/ .mini_nav_bg{ background: #fff; height:175px; width:1024px; position:relative; z-index:1; filter: alpha(opacity=70); /* internet explorer */ -khtml-opacity: 0.7; /* khtml, old safari */ -moz-opacity: 0.7; /* mozilla, netscape */ opacity: 0.7; /* fx, safari, opera */ margin:-175px 0px 0px 0px; float:left; border:#f00 0px solid; display:none; } .mini_nav{ display:none; } div.mini_nav {background: url('../images/slide_bg.png') no-repeat top left; margin:-175px 0px 0px 0px; height:145px; width:899px; float:left; border:#f0f 0px solid; position:absolute; bottom:0px; left:0px; z-index:322; padding:15px 30px 15px 95px; } .mini_nav ul{ width:275px; float:left; list-style-type: none; border:#f0f 0px solid; text-align: left; } .mini_nav li{ color:#5a5a5a; margin:1px 0px 1px 0px !important; margin:0px; padding:0px; display:block; font-size:.69em; line-height: 1.24em !important; line-height: 1px;} .mini_nav li a{color:#5a5a5a;text-decoration:none; } .mini_nav li a:hover, .mini_nav li a:active, .mini_nav li a.link_act { color:#dc822d; } div.mini_nav div.nav_text { width:260px; margin-right: 15px; color:#5a5a5a; font-size:.7em; margin:1px 15px 1px 0px !important; margin:0px 6px 0px 0px; padding:0px; display:block; text-decoration:none; text-align: justify; font-size:.69em; line-height: 1.24em !important; line-height: 1px; float: left; border:#f00 0px solid; } div.mini_nav div.nav_text ul{ list-style-type: none;} ul.client_list{ width:160px; border:#f00 0px solid; margin:0px 10px 0px 0px; } .nav_text a{color:#444;} .nav_text a:hover{color:#444; text-decoration: none;} /*=============================== Pager Numbers ============================*/ a.d1{display:block; width:15px; height:9px; background: url('../images/numbers/1.gif') no-repeat top left; float:left; } a.d1:hover, a.d1:active, a.d1.activeSlide, a.d1_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/1.gif') no-repeat top left; float:left; } a.d2{display:block; width:15px; height:9px; background: url('../images/numbers/2.gif') no-repeat top left; float:left;} a.d2:hover, a.d2:active, a.d2.activeSlide, a.d2_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/2.gif') no-repeat top left; float:left; } a.d3{display:block; width:15px; height:9px; background: url('../images/numbers/3.gif') no-repeat top left; float:left; } a.d3:hover, a.d3:active, a.d3.activeSlide, a.d3_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/3.gif') no-repeat top left; float:left;} a.d4{display:block; width:15px; height:9px; background: url('../images/numbers/4.gif') no-repeat top left; float:left;} a.d4:hover, a.d4:active, a.d4.activeSlide, a.d4_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/4.gif') no-repeat top left; float:left;} a.d5{display:block; width:15px; height:9px; background: url('../images/numbers/5.gif') no-repeat top left; float:left;} a.d5:hover, a.d5:active, a.d5.activeSlide, a.d5_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/5.gif') no-repeat top left; float:left;} a.d6{display:block; width:15px; height:9px; background: url('../images/numbers/6.gif') no-repeat top left; float:left;} a.d6:hover, a.d6:active, a.d6.activeSlide, a.d6_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/6.gif') no-repeat top left; float:left;} a.d7{display:block; width:15px; height:9px; background: url('../images/numbers/7.gif') no-repeat top left; float:left;} a.d7:hover, a.d7:active, a.d7.activeSlide, a.d7_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/7.gif') no-repeat top left; float:left;} a.d8{display:block; width:15px; height:9px; background: url('../images/numbers/8.gif') no-repeat top left; float:left;} a.d8:hover, a.d8:active, a.d8.activeSlide, a.d8_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/8.gif') no-repeat top left; float:left;} a.d9{display:block; width:15px; height:9px; background: url('../images/numbers/9.gif') no-repeat top left; float:left;} a.d9:hover, a.d9:active, a.d9.activeSlide, a.d9_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/9.gif') no-repeat top left; float:left;} a.d10{display:block; width:15px; height:9px; background: url('../images/numbers/10.gif') no-repeat top left; float:left;} a.d10:hover, a.d10:active, a.d10.activeSlide, a.d10_act{display:block;width:15px; height:9px; background: url('../images/numbers_on/10.gif') no-repeat top left; float:left;} /*===================== Video Styles ===========================*/ .portfolio_video{ width:1024px; height:449px; padding:6px 0px 50px 97px; border:#f00 0px solid; } .video_left{ float:left; width: 642px; border:#f00 0px solid; margin:22px 0px 0px 0px; } .video_right{ float:left; width: 200px; margin: 22px 0px 0px 20px; border:#f00 0px solid; text-align:left; } /*===================== Contact Styles =========================*/ .contact_div{width:926px; text-align:left; height:500px; margin:05px 0px 0px 0px; border:#f00 0px solid; padding:0px 0px 0px 98px; font-family: Neutraface Slab, Arial, Arial, Helvetica, sans-serif; font-size:.74em; color:#333; } .flabel{ float:left; width:150px; border:#f00 0px solid; margin:5px 0px 0px 0px;} .ffield{ float:left; width:200px; border:#f00 0px solid; margin:5px 0px 0px 0px;} .ffield input{ width:200px; border:#999 1px solid; } .ffield textarea{ width:200px; border:#999 1px solid;} .fclear{ clear:both; }