.clr {
        clear:both;
        height:0px;
        visibility:hidden;
        display:block;
}

.clrfix:after, .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}

* html .clrfix, * html .clearfix {height: 1%;}/* IE6 */
*:first-child+html .clrfix, *:first-child+html .clearfix {min-height: 1px;}/* IE7 */



html, body{
        height:100%;
}




#footer { padding-bottom: 70px; padding-top: 10px; }





body{
        background: #f0f6f9 url(images/bg-page-header-wide.png) repeat-x  top center;
        font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
        color:#030e09;
        font-size:14px;
        line-height:23px;
}

p{
        margin: 1em 0em;
}

a{
        color:#030e09;
        text-decoration: underline;
        -moz-outline: 0;
        outline: 0;
}

a:visited{
        color:#030e09;
        text-decoration: underline;
}


/* header */

#header{
        width:1020px;
        height:124px;
        margin: 0 auto;
		background-image:url(images/bg-page-header-center.png) no-repeat top left;


}

#header h1 a{
        width:318px;
        height:35px;
        background: url(images/flittermedia_logo.png);
        margin-left:33px;
        margin-top:48px;
        float:left;
}
#main-nav {
        float:right;
        width:438px;
        height:124px;
}

#main-nav li {
        float:left;

}

#main-nav li a{
        float:left;
        height:124px;
        display:block;
        background-repeat: no-repeat;
        background-position: left center;
        text-indent:-99999px;
}

#main-nav li a:hover{                                                   
        background-position: 0 -124px !important;
}



#main-nav #home a{
        width:92px;
        background: url(images/nav-home-states.png);
}

#main-nav #case-studies a{
        width:140px;
        background: url(images/ur-clients.png);
}

#main-nav #our-story a{
        width:116px;
        background: url(images/nav-our-story.png);
}

#main-nav #blog a{
        width:67px;
        background: url(images/nav-blog.png);
}


/* started bar */



.work-with-us-bar{
        margin-left:-34px;
        padding-left:34px;
        width:732px;
        height:76px;
       
        background-position:bottom;
        margin-top:15px;
        margin-bottom:25px;
}





.work-with-us-bar a{
        width:172px;
        height:38px;
       
        float:left;
        margin-top:10px;
        margin-right:17px;
        opacity:0.85;
}

.work-with-us-bar a:hover{
        opacity:1;
}

/* sidebar */

#sidebar{
        width:202px;
        float:right;
        margin-right:34px;
        color: #0c2a01;
        font-size:13px;
        line-height:19px;
        margin-top:-22px;
}

#sidebar .container {
        width:200px;
        padding-left:1px;
        padding-right:1px;
        background:url(images/sidebar-container.png) no-repeat top left;
        position:relative;
        padding-bottom:10px;
        margin-bottom:20px;
}

#sidebar .container h3{
        text-indent:-99999em;
        padding-left:15px;
        padding-top:14px;
        margin-bottom:23px;
}

#sidebar .container .bottom{
        background:url(images/sidebar-container-bottom.png) no-repeat bottom right;
        width:202px;
        height:6px;
        position:absolute;
        left:0px;
        bottom:-6px;
}



#sidebar #find-us-on {
        padding-bottom:0;
}

#sidebar p{
        margin-left:15px;
        margin-right:15px;
}
#sidebar ul#sidebar-links{
        margin-left:1px;
}
#sidebar ul#sidebar-links li{
        width:198px;
        border-bottom: 1px solid #b7d6ac;
                background-repeat: no-repeat;
}

#sidebar ul#sidebar-links li.twitter {
        background-image: url(/images/twitter30x30.png);
        background-repeat: no-repeat;
}

#sidebar ul#sidebar-links li.facebook1 {
        background-image: url(images/facebook35x35.png);
        background-repeat: no-repeat;
        margin-top: 0px;
}


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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

.clr {
        clear:both;
        height:0px;
        visibility:hidden;
        display:block;
}

.clrfix:after, .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}

* html .clrfix, * html .clearfix {height: 1%;}/* IE6 */
*:first-child+html .clrfix, *:first-child+html .clearfix {min-height: 1px;}/* IE7 */

.imgtxt{
        display:block;
        background-repeat:no-repeat;
        background-position: top left;
        text-indent: -99999em;
        margin:0;
}

html, body{
        height:100%;
}

a { cursor: pointer }

#footer { padding-bottom: 70px; padding-top: 10px; }

#footer p {padding-left:350px }


body{
        background: #f0f6f9 url(images/bg-page-header-wide.png) repeat-x  top center;
        font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
        color:#030e09;
        font-size:14px;
        line-height:23px;
}

p{
        margin: 1em 0em;
}

a{
        color:#030e09;
        text-decoration: underline;
        -moz-outline: 0;
        outline: 0;
}

a:visited{
        color:#030e09;
        text-decoration: underline;
}


/* top head */

#header{
        width:1020px;
        height:124px;
        margin: 0 auto;
        background:url(images/bg-page-header-center.png) no-repeat top left


}

#header h1 a{
        width:318px;
        height:35px;
        background: url(images/flittermedia_logo.png);
        margin-left:33px;
        margin-top:48px;
        float:left;
}
#main-nav {
        float:right;
        width:438px;
        height:124px;
}

#main-nav li {
        float:left;

}

#main-nav li a{
        float:left;
        height:124px;
        display:block;
        background-repeat: no-repeat;
        background-position: left center;
        text-indent:-99999px;
}

#main-nav li a:hover{                                                   
        background-position: 0 -124px !important;
}

#page.home #main-nav #home a,
#page.case-studies #main-nav #case-studies a,
#page.our-story #main-nav #our-story a,
#page.blog #main-nav #blog a{                                           
        background-position:0 -248px !important;
}

#main-nav #home a{
        width:92px;
        background: url(images/nav-home-states.png);
}

#main-nav #case-studies a{
        width:140px;
        background: url(images/our-clients.png);
}

#main-nav #our-story a{
        width:116px;
        background: url(images/nav-our-story.png);
}

#main-nav #blog a{
        width:67px;
        background: url(images/nav-blog.png);
}


/* main */

#main, #footer{
        width:1020px;
        margin:0 auto;
        background: url(images/bg-main-fade.png) repeat-y top left;
        position:relative;
}

#main-top{
        width:1020px;
        margin: 0 auto;
        background: url(images/bg-main-fade-top.png) no-repeat top left;
        height:50px;
}

#content{
        float:left;
        width:733px;
        margin-top:-30px;
        padding-left:34px;
		padding-right:10px;
}

.work-with-us-bar{
        margin-left:-34px;
        padding-left:34px;
        width:732px;
        height:76px;
        
        background-position:bottom;
        margin-top:15px;
        margin-bottom:25px;
}


.work-with-us-bar p{
		color:#FFFFFF;
}




.work-with-us-bar a:hover{
        opacity:1;
}

/* sidebar */

#sidebar{
        width:202px;
        float:right;
        margin-right:34px;
        color: #0c2a01;
        font-size:13px;
        line-height:19px;
        margin-top:-22px;
}

#sidebar .container {
        width:200px;
        padding-left:1px;
        padding-right:1px;
        background:url(images/sidebar-container.png) no-repeat top left;
        position:relative;
        padding-bottom:10px;
        margin-bottom:20px;
}

#sidebar .container h3{
        text-indent:-99999em;
        padding-left:15px;
        padding-top:14px;
        margin-bottom:23px;
}

#sidebar .container .bottom{
        background:url(images/sidebar-container-bottom.png) no-repeat bottom right;
        width:202px;
        height:6px;
        position:absolute;
        left:0px;
        bottom:-6px;
}

#sidebar #find-us-on h3{
        width:85px;
        height:12px;
        margin-left: 39px;
        background:url(images/heading-sidebar-find-us-on.png) no-repeat bottom right;
        margin-bottom:10px;
}

#sidebar #call-to-action h3{
        width:124px;
        height:12px;
        margin-left: 10px;
        background:url(images/heading-sidebar-in-the-news.png) no-repeat bottom right;
}

#sidebar #video h3{
        width:109px;
        height:12px;
        margin-left: 39px;
        background:url(images/heading-sidebar-video.png) no-repeat bottom right;
        margin-bottom:10px;
}



#sidebar #find-us-on {
        padding-bottom:0;
}

#sidebar p{
        margin-left:15px;
        margin-right:15px;
}
#sidebar ul#sidebar-links{
        margin-left:1px;
}
#sidebar ul#sidebar-links li{
        width:198px;
        border-bottom: 1px solid #b7d6ac;
                background-repeat: no-repeat;
}

#sidebar ul#sidebar-links li.FlitterMedia {
        background-image: url(images/twitter30x30.png);
        background-repeat: no-repeat;
}
#sidebar ul#sidebar-links li.JustinFlitter {
        background-image: url(images/twitter30x30.png);
        background-repeat: no-repeat;
}
#sidebar ul#sidebar-links li.YouTube {
        background-image: url(images/Youtube30x30.png);
        background-repeat: no-repeat;
}
#sidebar ul#sidebar-links li.iphone {
        background-image: url(images/appstore.png);
        background-repeat: no-repeat;
}
#sidebar ul#sidebar-links li.linkedin {
        background-image: url(images/linked30x30.png);
        background-repeat: no-repeat;
}

#sidebar ul#sidebar-links li.facebook1 {
        background-image: url(images/facebook35x35.png);
        background-repeat: no-repeat;
        margin-top: 0px;
}




#sidebar ul#sidebar-links a{
        padding-left:13px;
        width:185px;
        text-decoration:none;
        font-size:15px;
        font-weight:bold;
        padding-top:8px;
        padding-bottom:8px;
        display:block;
        color:#0c2a01;
                margin-left: 30px;
}

#sidebar ul#sidebar-links a:hover{
        color:#227703;
}

#sidebar ul#sidebar-links li.last{
        border:0;
}

#sidebar ul#sidebar-links li.last a{
        padding-bottom:4px !important
}

/* footer */



#footer #footer-wrap{
        background:transparent url(images/footer2.png) no-repeat scroll center top;
        margin:0 auto;
        padding:0 0 0 14px;
        width:950px;

}


#bottom p {
        color:#BFBFBF;
        font-size:11px;
        left:62px;
        position:absolute;
        top:-22px;
}

#bottom a {
text-transform: none;
color:#BFBFBF;
}

#bottom a:hover {
text-transform: none;
color:#9F9F9F;
}

#footer .footer-col {
        float:left;
        margin:0;
        padding:18px 20px 0;
        width:212px;
}

#footer .footer-col h3 {
                text-indent: -9999px;
                margin: 0;
}

#footer .site-map{
        width:182px;
}

#footer .credits {
        width:175px;
}



#footer .site-map h3 {
        background:transparent url(images/site-map2.png) no-repeat scroll left top;
}
#footer .site-map-justin h3 {
        background:transparent url(images/site-map-justin.png) no-repeat scroll left top;
}
#footer .site-map-hamish h3 {
        background:transparent url(images/site-map-hamish.png) no-repeat scroll left top;
}

#footer .site-map-graham h3 {
        background:transparent url(images/site-map-graham.png) no-repeat scroll left top;
}


#footer .social-media h3 {
        background:transparent url(images/find-us2.png) no-repeat scroll left top;
}

#footer .credits h3{
background:transparent url(images/site-map-graham.png) no-repeat scroll left top;
}

#footer .footer-col h3.we-love{
        background:transparent url(images/we-love2.png) no-repeat scroll left top;
}





#footer .footer-col li{
        padding:0;
        text-align:left;
}



#footer .footer-col li a{
        font-size:12px;
        color:#0d2e01;
        font-weight:bold;
        text-decoration:none;
}


#footer .footer-col li a:hover{
        color:#227703;
}

/* PAGE SPECIFIC CSS FOLLOWS */


/* PAGE: HOME  */
#page.home #content{
        margin-top:-44px;
}

#page.home #image-main-home-wrapper{
        float:right;
        margin-right:15px;
        position:relative;
		
}

#page.home #image-main-home-wrapper2{
        float:left;
        margin-right:15px;
        position:relative;
}

#page.home #image-main-home-wrapper img{
        width:315px;
        height:316px;
        padding:9px;
        padding-bottom:19px
		 ;
}

#page.home #image-main-home-wrapper3 img{
        width:75px;
        height:75px;
        padding:9px;
        padding-bottom:19px;
}

#page.home #image-main-home-wrapper3{
        float:left;
        margin-right:15px;
        position:relative;
}

#page.home #image-main-home-wrapper2 img{
        width:315px;
        height:316px;
        padding:9px;
        padding-bottom:19px;
}

#page.home #image-main-home-wrapper span{
        background:url(images/overlay-home-304-227.png) no-repeat top left;
        left:0;
        top:0;
        width:322px;
        height:255px;
        position:absolute;
}

#page.home #image-main-home-wrapper2 span{
        background:url(images/overlay-home-304-227.png) no-repeat top left;
        left:0;
        top:0;
        width:322px;
        height:255px;
        position:absolute;
}

#page.home h2#main-page-heading{
        width:396px;
        height: 40px;
        background:url(images/heading-we-help-build-brand-equity.png) ;
        float:left;
        margin-top:22px;
        margin-bottom:10px;
}

#page.home #main-page-blurb{
        width:384px;
        height:152px;
        margin-top: 10px;
        background: url(images/text-blurb-home.png);
        float:left
}

#page.home #testimonials {
        overflow:auto;
}

#page.home #testimonials li{
        width:220px;
        float:left;
        margin-right:30px;
}

#page.home #testimonials li h4{
        color: #154e01;
        font-weight:normal;
        font-size:13.3px;
        margin-bottom:5px;
}

#page.home #testimonials li h4 a{
        color:#258701;
        text-decoration:none;
        font-weight:bold;
}

#page.home #testimonials li h4 a:hover{
        text-decoration:underline;
}

#page.home #testimonials li.last{
        margin-right:0;
}

#page.home #testimonials li p{
        color:#0c2a01;
        font-size:14px;
        font-weight:bold;
        line-height:22px;
        margin:0;
}

#page.home #testimonials .testimonial-img-wrap img{
        padding:4px;
        float:left;
        width:47px;
        height:47px;
}

#page.home #testimonials .testimonial-img-wrap{
        float:left;
        position:relative;
        margin-right:15px;
}

#page.home #testimonials .testimonial-img-wrap span{
        position:absolute;
        width:55px;
        height:55px;
        left:0px;
        top:0px;
        background:url(images/overlay-testimonial-portrait.png);
}

#page.home h2#what-we-do{
        width:733px;
        height:40px;
        border-bottom:1px solid #9fadb2;
        border-top:1px solid #9fadb2;
        background:url(images/heading-what-we-do.png) no-repeat center center;
        margin-top:20px;
        margin-bottom:30px;

}

#page.home #what-we-do-list li{
        width:220px;
        float:left;
        margin-right:30px;
}

#page.home #what-we-do-list li.last{
        margin-right:0 !important ;
}

#page.home #what-we-do-list li p{
        color:#000;
        font-size:14px;
        line-height:22px;
        margin:0;
}