@charset "utf-8";
/* Hyperlaunch Site CSS */
html, body, div, h1, h2, h3, h4, h5, h6, hr{
    padding:0px;
    margin:0px;
    border:0px;
}

form{
    border: 0px!important;
    margin: 0px!important;
    padding: 0px!important;
}

body{
    background-color:#F1F1F1;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#666;
    background-repeat:no-repeat;
    background-position:top;
    background-attachment:scroll;
    padding:0 0 20px;
}

html{
    overflow: none;
    overflow-y:scroll;
}

a img{
    border: none;
}

a{
    color:#333;
    position:relative;
}

p{
    margin:2px 0px 2px 0px;
}

h1{
    width:254px;
    height:92px;
    position:absolute;
    left:670px;
    top:0px;
}

h1 span{
    display:none;
}

h2{
    height:33px;
    text-indent:-10000px;
    background-repeat:no-repeat;
    background-position:left;
}

h3, h3 a{
    color: #f25822;
    font-size:9px;
    padding-bottom:8px;
    text-decoration:none;
}
h3 a:hover{
    text-decoration:underline;
}

h4{
    font-size:9px;
    padding-bottom:8px;
}

h5{
    font-size:9px;
}

hr{
    color: #CECECE;
    background-color: #CECECE;
    height: 1px;
    clear:both;
}

.clearDiv{
    clear:both;
}

/* buzzbusiness page */


.buzzbusiness{
    background-image:url(../buzzbusiness/images/buzz-business-bg.jpg);
}

.buzzbusiness #contentPanel{
    width:780px;
}

.buzzbusiness #content{
    width:760px;
    border-left:10px solid #f25822;
    
}

.buzzbusiness h1{
    width:174px;
    height:66px;
    position:absolute;
    left:50px;
    top:0px;
}

.buzzbusiness h1 span{
    display:none;
}

.buzzbusiness #buzzHeader{
    position:absolute;
    left:120px;
    top:80px;
}

.buzzbusiness #potterImgs{
    margin:15px 0px 15px 0px;
    clear:none;
    width:344px;
    height:161px;
}

.buzzbusiness #column_left {
    width: 360px; 
    text-align: left; 
    padding-left: 18px;
    border-right:1px dashed #ccc;
    margin:15px 0px 15px 0px;
    float:left;
    clear:none;
}

.buzzbusiness p{
    padding-top: 4px;
    padding-bottom: 4px;
}

.buzzbusiness #column_left p{
    margin-right:10px;
}

.buzzbusiness #column_right { 
    width: 320px;
    text-align: left;
    padding-left: 0px;
    padding-left: 18px;
    margin:15px 0px 15px 0px;
    float:left;
    clear:none;
}
.buzzbusiness #column_right hr{ 
    width: 320px;
    margin:10px 0px 10px 0px;
}

.buzzbusiness label{
    clear:both;
    display:block;
    float:left;
    padding-top:0px;
    padding-bottom:0px;
}
.buzzbusiness input{
    width: 320px;
    clear:both;
    display:block;
    border:1px solid #ccc;
    float:left;
}

.buzzbusiness .cb{
    width:auto;
    clear:none;
    float:left;
    border:none;
 }
 .buzzbusiness .cblabel{
    width:auto;
    clear:none;
    padding-top:3px;
    font-weight:bold;
    color:#DC462D;
 }
 
.buzzbusiness form{
    text-align:left;
}
.buzzbusiness form p{
    clear:both;
    margin:2px0px2px0px;
}

.buzzbusiness h3{
    background-repeat:no-repeat;
    background-position:left top;
    text-indent:-1000px;
    height:20px;

}

.buzzbusiness .howBuzzWorks{
     background-image:url(../buzzbusiness/images/how-buzz-works.gif);
}


.buzzbusiness .registerHere{
     background-image:url(../buzzbusiness/images/register-here.gif);
     height:50px;
}

.buzzbusiness .youAreHere{
     background-image:url(../buzzbusiness/images/you-are-here.gif);
}


.buzzbusiness .error{
    color:#DC462D;
}


/* news page */

.news{
    background-image:url(../images/clients/clients-bg.jpg);
}
.news h2{
    background-image:url(../images/news/news-title.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/news/news-title.png');
}
.jobs{
    background-image:url(../jobs/jobsHeader.jpg)!important;
}

.newsstoryDetail{
    float:left;
    text-align: left;
    width: 344px;
    padding:13px 10px 10px 14px;
    margin-top: 5px;
    margin-top: 17px;
    padding-top: 0px;
    padding-right: 20px;
    min-height:320px;
    _height:320px;
    border-right: 1px dashed #bbbbbb;
}
.jobstoryDetail hr{
    margin-bottom: 6px;
}
.jobsHeader{
    background:0;
}

.jobstoryDetail{
    float:left;
    text-align: left;
    width: 454px;
    padding:13px 10px 10px 14px;
    margin-top: 5px;
    margin-top: 17px;
    padding-top: 0px;
    padding-right: 20px;
    border-right: 1px dashed #bbbbbb;
}

.newsstoryDetailImages{
    float:left;
    text-align: left;
    padding:13px 0px 10px 0px;
    width: 250px;
    padding-left: 0px;
    position: relative;
    left: -20px;
    top: -6px;
}

.newsstoryDetailImages ul, .newsstoryDetailImages li{
    list-style-type:none;
    list-style:none;

}

.newsstoryDetail hr{
    margin-bottom:5px;
}

.newsstoryDetail h4{
    float:left;
}

.newsstoryDetail h5{
    float:right;
}

.newsstoryDetail h5 a{
    text-decoration:none;
    color:#f25822;
    font-weight:bold;
}

.newsstoryDetail h5 a:hover{
    text-decoration:underline;
}
.newsTitle{
    padding-bottom: 1px!important;
}
.newsstoryDetail p{
    margin-bottom: 8px;
}

/* clients page */

.clients{
    background-image:url(../images/clients/clients-bg.jpg);
}
.clients h2{
    background-image:url(../images/clients/clients-title.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/clients/clients-title.png');
}

#clientLogos{
    width:730px;
    height:408px;
    background-image:url(../images/clients/clientLogosBg.gif);
    background-repeat:no-repeat;
    background-position: top left;
    list-style:none;
    list-style-type:none;
    padding: 0px;
    margin:18px 0px 0px 13px;
    display:block;
}
#clientLogos li{
    width:144px;
    height:101px;
    display:block;
    float:left;
    list-style:none;
    list-style-type:none;
    margin:0px 1px 1px 0px;
    padding:0px;
}

#clientLogos li span{
    display:none;
}

#wb{background-image:url(../images/clients/wb-on.gif);}
#nineteen{background-image:url(../images/clients/19-entertainment-on.gif);}
#c4{background-image:url(../images/clients/channel-4-on.gif);}
#randomhouse{background-image:url(../images/clients/random-house-on.gif);}
#warnermusic{background-image:url(../images/clients/warner-music-group-on.gif);}
#emi{background-image:url(../images/clients/emi-on.gif);}
#samsung{background-image:url(../images/clients/samsung-on.gif);}
#sonybmg{background-image:url(../images/clients/sony-bmg-on.gif);}
#nick{background-image:url(../images/clients/nick-on.gif);}
#universal{background-image:url(../images/clients/universal-music-group-on.gif);}
#harpercollins{background-image:url(../images/clients/harper-collins-on.gif);}
#jazzymedia{background-image:url(../images/clients/jazzy-media-on.gif);}
#hbo{background-image:url(../images/clients/hbo-on.gif);}
#griffithpark{background-image:url(../images/clients/griffith-park-on.gif);}
#flemingmedia{background-image:url(../images/clients/fleming-media-on.gif);}
#virginbooks{background-image:url(../images/clients/virgin-books-on.gif);}
#playstation{background-image:url(../images/clients/playstation-on.gif);}
#jewson{background-image:url(../images/clients/jewson-on.gif);}
#future{background-image:url(../images/clients/future-on.gif);}
#cartoonnetwork{background-image:url(../images/clients/cartoon-network-on.gif);}



/* contact page */

.contact{
    background-image:url(../images/contact/contact-bg.jpg);
}
.contact h2{
    background-image:url(../images/contact/contact-title.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/contact/contact-title.png');
}

/* about page */

.about{
    background-image:url(../images/about/about-bg.jpg);
}
.about h2{
    background-image:url(../images/about/about-title.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/about/about-title.png');
}

#aboutContent{
    text-align:left;
    margin:18px 0px 0px 13px;
}


/* sitemap page */

.sitemap{
    background-image:url(../images/sitemap/sitemap-bg.jpg);
}
.sitemap h2{
    background-image:url(../images/sitemap/sitemap-title.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/clients/clients-title.png');
}
#sitemapList{
    float: left;
    text-align: left;
    width: 400px;
}
#sitemapList a{
    color:#f25822;
    font-weight: bold;
    text-decoration: none;
}
#sitemapList a:hover{
    text-decoration: underline;
}


/* case studies page */

.casestudies{
    background-image:url(../images/casestudies/case-studies-bg.jpg);
}
.casestudies h2, .casestudies_detail h2{
    background-image:url(../images/casestudies/case-studies-title.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/casestudies/case-studies-title.png');
}


.casestudy{
    float:left;
    width:169px;
    padding: 18px 0px 0px 15px;
    text-align:left;
}
.casestudyFront{
    float:left;
    width:169px;
    padding: 0px;
    text-align:left;
    margin-right: 11px;
    margin-left: 7px;
    _margin-left: 3px;
    _margin-right: 0px;
}
.casestudyFront img{
    margin-left: 0px;
    padding: 0px;
    margin-bottom: 0px;
}
.casestudyFront h3{
    margin-left: 8px;
    margin-top: 0px;
    marign-bottom: 8px;
    padding: 0px;
}
.casestudyFront h4{
    margin-left: 8px;
    padding: 0px;
}
#caseStudySide h2{
    background-image:url(../images/latestCaseStudies.gif);
    width: 171px;
    height: 20px;
}
#caseStudySide span{
    display: none;
}

/* case studies detail page */

.casestudies_detail{
    background-image:url(../images/casestudies/case-studies-detail-bg.jpg);
    background-position:center 3px;
}

#casestudyDetail{
    float:left;
    display:table;
    text-align: left;
    width: 444px;
    padding:13px 10px 10px 0px;
}

#casestudyDetailImages{
    float:left;
    display:table;
    text-align: left;
    padding:13px 16px 10px 14px;
    width: 260px;
}

#casestudyDetail h4{
    float:left;
    margin:0px 0px 0px 0px;
}

#casestudyDetail h5{
    float:right;
}

#casestudyDetail p{
    margin:3px 0px 3px 0px;
    margin-bottom: 8px!important;
}
#casestudyDetail a{
    font-weight:bold;
    color:#f25822;
    text-decoration: none;
}
#casestudyDetail a:hover{
    text-decoration: underline;
}

#casestudyDetail hr{
    margin:0px;
    padding:0px;
}

#casestudyDetailImages a, #casestudyDetail h5 a{
    text-decoration:none;
    color:#f25822;
    font-weight:bold;
}

#casestudyDetailImages a:hover, #casestudyDetail h5 a:hover{
    text-decoration:underline;
}


/* Footer */

#footer{
    padding: 0px;
    padding-bottom:14px;
    margin: 25px 0px 0px 0px;
    color:#333;
    clear:both!important;
	_border:1px solid #F1F1F1;
	_margin: 20px 0px 0px 0px;
	_display: block;
}

#footer li{
    display:inline;
    list-style:none;
    padding: 0px;
    margin: 0px;
}

#footer li a{
	_display:inline;
    text-decoration:none;
	/* _border:1px solid #eeeeee;*/
	_position: relative;
	_top: 0px!important;
	_margin-bottom: 0px!important;
	_padding-bottom: 0px!important;
}

#footer li a:hover{
    text-decoration:underline;
}

/* Homepage */

 /* hide from ie on mac \*/
html {
    height: 100%;
    
}

#flashWrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 386px;
    width:  100%;	
}
/* end hide */

#newsWrapper{
    position: absolute;
    top: 400px;
    left: 0px;
    margin:auto;
    text-align:center;
    width:100%;
    padding-bottom:40px;
}
#newsBox{
    background-color:#f1f1f1;
    display: table;
    position: relative;
    left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
    width: 330px;
    _width: 330px;
}


.homepage h2{
    height:auto;
    text-indent:0px;
}

.newsPanel{
    width:760px;
    background-color:#fff;
    display:table;
    border-left: 11px solid #f25822;
    margin:auto;
}

.newsPanel img{
    float:left;
    padding:10px;
    clear:left;
}
#valueProposition{
    width: 320px;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
    clear: left;
    margin-bottom: 10px;
}
.valueProposition{
    width: 320px;
    padding-left: 20px;
    text-align: left;
    font-weight: normal;
    clear: left;
    margin-bottom: 10px;
}
.newsPanel h2{
    background-image:url(../images/title2.gif);
    width: 300px;
    height: 32px;
    margin-top: 20px;
    margin-bottom: 14px;
    float: left;
    margin-left: 20px;
}
.newsPanel span{
    display: none;
}

.newsStory{
    width:255px;
    float:right;
    text-align:left;
    padding: 10px 10px 10px 10px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-right: 80px;
    _margin-right: 10px;
}
.newsStory h3{
    margin-bottom: 1px!important;
}
.newsStory h4{
    margin-top: 1px!important;
}

.newsStoryInner{
    min-height: 95px;
    _height: 90px;
}
.newsThumbFront{
    clear: right!important;
    clear: left!important;
    float: left;
}


/* No-Flash Content */

.homepage h1{
    color: #000;
    position:relative;
    left:auto;
    top:auto;
    width:300px;
    height:120px;
    margin:auto;
    background-image:url(../images/common/hyperlaunch-logo.gif);
    background-repeat:no-repeat;
    background-position:center;
}


#altmessage{
    width: 300px;
    margin:auto;
    text-align:center;
}


#altnav{
    list-style:none;
    padding: 5px;
    margin: 0px;
    width:300px;
    text-align:center;
}
#altnav li{
    display:inline;
    padding: 5px;
    margin: 0px;
    font-weight:bold;
    text-align:center;
}
#altnav li a{
    color: #f25822;
}

/* Layout */

#contentWrapper{
    position:relative;
    margin:auto;
    width: 970px;
    text-align:center;
}

#contentPanel{
    width:760px;
    display:table;
    position:absolute;
    top:241px;
    left:112px;
    padding-bottom:40px;
}

#orangeside{
    width:10px;
    height:133px;
    background-color:#f25822;
    float:left;
}

#content{
    width:750px;
    /*height:544px;*/
    display:table;
    background-color:#fff;
    float:left;
    margin-bottom: 25px;
    padding-bottom:14px;
}

/*----------------------------------------------------------------------------------------- Main Nav ---*/
#nav {text-align:left;height:51px;list-style:none;padding:0;margin:0;position:absolute;left:4px;top:75px;}
    #nav li {float:left;height:51px;}
    #nav li a {position:relative;float:left;height:51px;background-repeat:no-repeat;background-position:left top;
        _background-image:none;cursor:pointer;}
    #nav li a:hover {_background-image:none;}       
    #nav li a span{display:none;}

    #homepage a{background-image:url(../images/common/navHome.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navHome.png');width:49px;}
    #homepage a:hover{background-image:url(../images/common/navHomeOn.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navHomeOn.png');width:49px;}
    #about a{background-image:url(../images/common/navWhat.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navWhat.png');width:109px;}
    #about a:hover{background-image:url(../images/common/navWhatOn.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navWhatOn.png');width:109px;}
    #clients a {background-image:url(../images/common/navWho.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navWho.png');width:85px;}
    #clients a:hover{background-image:url(../images/common/navWhoOn.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navWhoOn.png');width:85px;}
    #casestudies a{background-image:url(../images/common/navCaseStudies.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navCaseStudies.png');width:73px;}
    #casestudies a:hover{background-image:url(../images/common/navCaseStudiesOn.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navCaseStudiesOn.png');width:73px;}
    #contact a {background-image:url(../images/common/navContact.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navContact.png');width:72px;}
    #contact a:hover{ background-image:url(../images/common/navContactOn.png);
        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            enabled=true, sizingMethod=crop, src='../images/common/navContactOn.png');width:72px;}



#nav-1 {list-style:none;padding:0;margin:0;position:absolute;left:4px;top:75px;}
    #nav-1 li {float:left;}
    #nav-1 a {float:left;height:44px;background:url(../images/common/main-nav.png) no-repeat;width:50px;
        text-indent:-999px;overflow:hidden;}
    #nav-1-home a {background-position:0 0px;width:55px;}
    #nav-1-news a {background-position:-55px 0px;width:51px;}
    #nav-1-ourclients a {background-position:-106px 0px;width:84px;}
    #nav-1-ourwork a {background-position:-190px 0px;width:75px;}
    #nav-1-contact a {background-position:-265px 0px;width:84px;}
    #nav-1-jobs a {background-position:-349px 0px;width:55px;}

    


    #nav-1-home a:hover {background-position:0 -45px;}
    #nav-1-news a:hover {background-position:-55px -45px;}
    #nav-1-ourclients a:hover {background-position:-106px -45px;}
    #nav-1-ourwork a:hover {background-position:-190px -45px;}
    #nav-1-contact a:hover {background-position:-265px -45px;}
    #nav-1-jobs a:hover {background-position:-349px -45px;}
    
    /* Region highlighting */
    #News #nav-1-news a,
    #News #nav-1-news a:hover {background-position:0 -90px;}
    #News #nav-1-news a,
    #News #nav-1-news a:hover {background-position:-55px -90px;}
    #OurClients #nav-1-ourclients a,
    #OurClients #nav-1-ourclients a:hover {background-position:-106px -90px;}
    #OurWork #nav-1-ourwork a,
    #OurWork #nav-1-ourwork a:hover {background-position:-190px -90px;}
    #Contact #nav-1-contact a,
    #Contact #nav-1-contact a:hover {background-position:-265px -90px;}
    #Jobs #nav-1-jobs a,
    #Jobs #nav-1-jobs a:hover {background-position:-349px -90px;}
    
    
body#OurClients {background-position:center 3px;}









    

/* contact form styles */
#nameField{
    display: none;
}

#contactForm{
    width: 320px;
    float: left;
    text-align: left;
    
}
#contactForm textarea{
    
    width:310px;
    color:#666;
    background-color: #eeeeee!important;
    border: 0px;
    padding: 2px;
    margin-top: 4px;
    height: 70px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em!important;
    margin-left: 18px!important;
}
#contactForm textarea:focus{
    background-color: #cccccc!important;
}
#contactForm textarea:hover{
    background-color: #e1e1e1!important;
}
#contactForm input:hover{
    background-color: #e1e1e1!important;
}
#contactForm input:focus{
    background-color: #cccccc!important;
}
#contactForm label{
    margin-left: 18px!important;
    color:#f25822;
}
#contactForm{
    padding: 0px!important;
}
#contactForm label{
    margin-left: 18px!important;
}
#contactForm input{
    width: 310px;
    font-size: 1.2em;
    margin-top: 4px;
    color:#666;
    background-color: #eeeeee!important;
    padding: 2px;
    border: 0px;
    margin-left: 18px!important;
}
#contactForm h3{
    margin-left: 18px!important;
}
#contactForm p{
    margin-left: 18px!important;
}
#submitButton{
    width: 120px!important;
    background-color: #f25822!important;
    color: white!important;
    font-weight:bold;
}
#addressPanel{
    text-align: left;
    width: 400px;
    float: right;
}
#addressPanel a{
    text-decoration:none!important;
    font-weight:bold;
    color: #666666!important;
}
#addressPanel a:hover{
    text-decoration:underline!important;
}
#addressPanel p{
    margin-bottom: 10px;
}
#gmap{
    width: 380px; 
    height: 260px;  
}
/* about page styles */

#aboutTextContent{
    float: left;
    width: 252px;
    margin-right: 10px;
    clear: left;
}
#aboutContent h3{
    float: left;
    width: 252px;
    margin-right: 10px;
    color: #f25822;
}
#aboutFlashContent{
    border-left: 1px solid #cccccc;
    width: 460px;
    margin-right: 6px;
    float: right;
    text-align: right;
}
#newsSide{
    float: left;
    width: 330px;
    _width: 320px;
}
#newsSide h2{
    _margin-left: 8px;
}
#caseStudySide{
    float: right;
    width: 390px;
    _width: 370px;
    border-left: 1px dashed #cccccc!important;
    margin-top: 20px;
    margin-bottom: 20px;
}
#caseStudySide h2{
    margin-top: 0px;
    margin-left: 15px;
    _margin-left: 8px;
    margin-top: 5px;
    margin-bottom: 4px;
}

#caseStudySide h3{
    clear: left;
}
#caseStudyItems{
    margin-top: 9px;
    float: left;
    clear: left;
    width: 464px;
    _width: 394px;
    position: relative;
    left: 6px;
}
.formHeading{
    margin-top: 8px;
    margin-bottom: 0px;
}
.formP{
    margin-top: 8px;
    margin-bottom: 3px;
}
.formP a{
    color: gray;
    text-decoration:none!important;
}
.formP a:hover{
    text-decoration:underline!important;
}

.newsArticleImage{
    float: left;
    margin-left: 16px;
    margin-top: 20px;
}



.games{
    background-image:url(../images/games-bg.jpg);
}
.games h2{
    background-image:url(../images/games.png);
    _background-image:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../images/games.png');
}