/*
Theme Name:Levitate Media Group
Theme URI:http://levitatemediagroup.com
Description:Custom theme for Levtiate Media Group 11-05-09
Version:1 (LMG1.0.0)
Author:Nicolas Copia
Author URI:http://nicolascopia.com
Tags:levitate, media, production, funkychillacious
*/

@import "style/css/reset.css";
@import "style/css/sifr.css";
@import "style/css/layout.css";
/*
------------------------------------------------------
TOOLBOX
------------------------------------------------------
*/
.hide { display:none; }
.justify { text-align:justify; !important
}
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.textBottom { vertical-align:text-bottom; }
.right { float:right; }
.left { float:left; }
.font12 { font-size:12px; }
strong { font-weight:bold; }
ul,
ol,
dl { position:relative; }
.current { cursor:default; }
.clear { width:100%; height:1px; margin:0 0 -1px; clear:both; }
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* close commented backslash hack */
br.clearfix { clear:both; margin:0px !important; padding:0px !important; height:1px; font-size:1px; line-height:1px; }
a { outline:none; }
.center { text-align:center; margin:0 auto; }
.spacer15 { height:15px; }
.spacer20 { height:20px; }
.spacer30 { height:30px; }
/*
------------------------------------------------------
SETTINGS
------------------------------------------------------
*/
html { background:#333232 url(style/images/bg_repeat.jpg) top center repeat-x; height:100%; }
body { background:url(style/images/bg.jpg) top center no-repeat; }
h1 { font-size:22px; font-weight:bold; padding:5px; color:#FFFFFF; }
h2 { font-size:16px; font-weight:bold; padding:5px; color:#000000; }
h3 { font-size:14px; font-weight:bold; padding:7px 0px 2px 0px; color:#FFFFFF; }
a,
a:visited { color:#810000; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:none; }
object:focus { outline:none; }
.drawSpacingLine { width:90%; height:15px; margin:0 0 15px; border-bottom:1px solid #555555; }
.drawLine { width:90%; height:3px; margin:0 0 10px; border-bottom:1px solid #555555; }
/*
------------------------------------------------------
GLOBAL
------------------------------------------------------
*/
.wrapper {  width:995px; margin:0 auto; padding-top:35px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1em; color:#FFFFFF }
.header { background:url(style/images/black_80_1x1.png) top center repeat; width:100%; }
.logo { padding:20px 0 0 20px; }
.footer { max-height:50px; margin:2px 0 0 2px; overflow:hidden; }
.main-window { width:100%; }
.holder-80 { background:url(style/images/black_80_1x1.png) repeat; width:100%; margin-top:3px; padding:5px; }
.holder-70 { background:url(style/images/black_70_1x1.png) repeat; width:100%; margin-top:3px; padding:5px; }
.holder-50 { background:url(style/images/black_50_1x1.png) repeat; width:100%; margin-top:3px; padding:5px; }
.holder-30 { background:url(style/images/black_30_1x1.png) repeat; width:100%; margin-top:3px; padding:5px; }
.copyright { width:995px; height:200px; text-align:center; border-top:26px solid #222222; margin: -10px auto; }
.copyright p { font-size:12px; font-weight:bold; margin-top:-40px; font-family:Verdana, Geneva, Tahoma, sans-serif; color:#999999; }
p.indent { width:90%; margin-left:30px; }
/*
------------------------------------------------------
NAVIGATION
------------------------------------------------------
*/
.nav { margin-top:-60px; }
.nav ul { margin:5px 0 0 10px; width:100%; height:41px; list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; }
.nav ul li { float:left; }
.nav ul li a { display:block; height:41px; text-indent:-9999px; overflow:visible; }
.nav ul li.work a { width:110px; background:url(style/images/nav_work.png) top center no-repeat; }
.nav ul li.about a { width:124px; background:url(style/images/nav_about.png) top center no-repeat; }
.nav ul li.solutions a { width:181px; background:url(style/images/nav_solutions.png) top center no-repeat; }
.nav ul li.contact a { width:159px; background:url(style/images/nav_contact.png) top center no-repeat; }
.nav ul li.newsletter a { width:325px; background:url(style/images/nav_newsletter.png) top center no-repeat; }
.nav ul li a:hover { background-position:center bottom; }
/*
------------------------------------------------------
INDEX
------------------------------------------------------
*/
.events-box { width:290px; height:293px; background:url(style/images/black_80_1x1.png) top center repeat; margin-top:5px; padding:7px 15px 0px 15px;}
.events-box p { line-height:18px; }
.project-box { width:320px; height:286px; background:url(style/images/black_30_1x1.png) repeat; margin:5px 8px 0px; padding:7px;}
.project-images { margin-top:4px; }
.medium-box-ad-holder { width:325px; height:300px; background:url(style/images/black_80_1x1.png) repeat; margin-top:5px; }
.medium-box-ad {margin-left:12px; width:325px; height:250px; }
.social-links { position:absolute; top:195px; left:15px; width:325px; }
.social-links ul { margin-left:20px; }
.social-links ul li { float:left; margin-right:35px; }
.bottom-images { width:100%; height:200px; margin-top:5px; }
/*
------------------------------------------------------
WORK
------------------------------------------------------
*/
.thmbHolder { width:315px; height:190px; background:url(style/images/black_70_1x1.png) repeat; margin:10px 4px 5px 10px; float:left; text-align:center; }
.workThmb { width:230px; height:130px; margin-top:15px; border:#C28A2B solid 3px; }
.workThmb:hover { border:#AA1F24 solid 3px; }
.thmbTitle { width:280px; margin:5px auto; font-weight:700; font-size:14px; }
/*
------------------------------------------------------
SERVICES
------------------------------------------------------
*/
.srvc-window { background:url(/images/phs/mainWindowBlank.jpg) top center no-repeat; width:995px; height:334px; }
object#LMGSolutions { position:relative; margin-top:10px; height:390px; }
/*
------------------------------------------------------
ABOUT
------------------------------------------------------
*/
.about-nav ul { margin-top:5px; width:100%; height:287px; list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; }
.about-nav ul li { float:left; }
.about-nav ul li a { display:block; height:287px; text-indent:-9999px; overflow:visible; }
.about-nav ul li.overview a { width:203px; background:url(style/images/about_overview.png) top center no-repeat; }
.about-nav ul li.whoWeAre a { width:202px; background:url(style/images/about_whoWeAre.png) top center no-repeat; }
.about-nav ul li.ourProcess a { width:198px; background:url(style/images/about_ourProcess.png) top center no-repeat; }
.about-nav ul li.philosophy a { width:184px; background:url(style/images/about_philosophy.png) top center no-repeat; }
.about-nav ul li.brand a { width:208px; background:url(style/images/about_brand.png) top center no-repeat; }
.about-nav ul li a:hover { background-position:center bottom; }
.about-holder { background:#333333; width:100%; height:360px; }
p.about-title { width:90%; margin-left:30px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1.3em; color:#FBA72B; font-weight:700; }
p.about-text { width:90%; margin-left:30px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:1em; color:#E9E9E9; }
/*
------------------------------------------------------
NEWSLETTER
------------------------------------------------------
*/
.newsletter-holder { background:url(style/images/black_70_1x1.png) repeat; width:100%; height:308px; margin-top:10px; }
/*
------------------------------------------------------
CONTACT
------------------------------------------------------
*/
iframe#contact-map { border:3px solid #df9347; }
.contact-holder { background:url(style/images/black_70_1x1.png) repeat; width:100%; height:498px; margin-top:10px; }
.contact-info { float:left; width:480px; margin:20px 0px 0px 17px; }
.contact-form { float:left; width:498px; }
.orange-text { font-family:'Arial Narrow', Arial, sans-serif; font-size:28px; color:#FBA72B; line-height:29px; }
.contact-links { margin-top:20px; }
.white-text { font-family:'Arial Narrow', Arial, sans-serif; font-size:26px; color:#FFFFFF; line-height:27px; }
.white-text a { color:#29AAE3; }
.white-text a:hover { color:#4BC0F4; }
/*
------------------------------------------------------
PARTNER PAGE
------------------------------------------------------
*/
.partner-contact { position:absolute; top:40px; left:680px; width:280px; text-align:right; font-size:12px; }
.partner-contact span { font-weight:700; }
.main-window .facebook { position:absolute; top:250px; left:756px; width:41px; height:41px; }
.main-window .twitter { position:absolute; top:250px; left:827px; width:41px; height:41px; }
.main-window .youtube { position:absolute; top:250px; left:898px; width:41px; height:41px; }
.col_1 { width:400px; padding:10px; float:left; background:url(style/images/black_80_1x1.png) repeat;}