/*
      
    Theme Name: Brandspace
    Description: minimal portfolio / corporate template for themeforest.net
    Theme Owner: pixelentity
    File: Dark Skin css file  
    Template Designer: Donagh O'Keeffe aka iamdok
    Slicer/Coder : Donagh O'Keeffe aka iamdok and Fabio Cairo aka bitfade
    Web:    http://www.iamdok.com
            http://bitfade.com
            http://themeforest.net/user/pixelentity
            #00a6d5
    */
    
    /*------------------------------------------------------------------------*/
    

    body
    {
        background:#282828;
        color:#eeeeee;   
    }
    
    h1{
        color: #f6f6f6;
    }
    
    h2{
        color: #ffa903;
    }
    
    h3{
        color: #eeeeee;
    }
    
    h4{
        color:#999999;
    }
    
    p{
        color: #999999;
    }
    
    a{
        color:#ffa903;
    }
    
    a:hover{
        color:#fccc23;
    }
    
    
    small{
        color:#999999;
    }
    
    .highlight{
        background:#fff568;
        color:#444;
    }
    
    ul{
        list-style-image:url("../img/bullet_dark.png");
    }
    
    /* END GENERAL STYLES */
    
    
    /*------------------------------------------------------------------------*/
    
    
    /* HEADER */
    
    #header{
        background: url("../img/bg/head_dark.jpg") no-repeat;
    }
    
    #logoHead{
	background: url("../img/logo/x4.png") no-repeat;
	border-right:1px solid #333333;
    }
    
    #header h2{
        background:url("../img/icons/arrowHand_dl_dark.png") no-repeat 0 10px;   
    }
    
    /* NAVIGATION */
    
    .menu>a{
        color:#cccccc;
    }
    
    .menu>a:hover{
        color:#f6f6f6;
    }
    
    .menu>a.noLink:hover{
        color:#cccccc;
    }
    
    .menu>a.selected{
        color:#f6f6f6;
    }
    
    .subMenu a:hover{
        color:#ffa903;
    }
    
    .subMenu a.selected{
        color:#ffa903;
    }
    
    .subMenu a{
        color:#cccccc;
        
    }
    
    /* END MAIN NAVIGATION */
    
    
    /* TAGLINE */
    
    #tagline{
        border-top:1px solid #333333;
    }
    
    #tagline h4{
        /* msie opacity fix - color to be same as site bg */
        background-color: #282828;
	color:#999999;
    }
    
    /* END TAGLINE */
    #banner{
        background-color:#000000;
    }
    
    #infoPanel{
        background: rgb(0, 0, 0); /* Fallback color - no alpha */
        background: rgba(0, 0, 0, 0.5);
    }
    
    #infoPanel li a{
        background: url("../img/sprites/slideButtons.png") no-repeat;
    }
    
    #infoPanel li a.currentSlide, #infoPanel li a:hover {
        background-position:-26px 0;
    }
    
    #infoPanel h1 a{
        color:#eeeeee;
    }
    
    #infoPanel h3{
        color:#eeeeee;
    }
    
    #infoPanel span{
        color:#eeeeee;
    }
    
    #infoPanel #info>a{
        background:url("../img/icons/commentsWhite.png") no-repeat 100% 35px;
        color:#eeeeee;   
    }
   
    #banner #slides #spinner{
    	background: url("../img/icons/spinner.gif") no-repeat center center;
    }
    
    
    #banner #nextSlide{
        background: rgb(0, 0, 0); /* Fallback color - no alpha */
        background: rgba(0, 0, 0, 0.5);
    }
    
    /* END BANNER */
    
    
    /* SIDEBAR */
    
    #sidebar{
        background:#222222;
    }
    
    #sidebar h1{
        color:#cccccc;
    }
    
    /* END SIDEBAR */
    
    
    /* MAIN CONTECT */
    
    /* UPPER */

    #upper{
        border-bottom:1px solid #333333;
    }
    
    #mainContent h2:first-child{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 60%;
    }
    
    /* LOWER */
    
    #lower h2{
        background: url("../img/icons/arrowHand_dr_dark.png") no-repeat 100% 90%;
    }
    
    #featLeft .caption, #featRight .caption{
        background:url("../img/icons/bullet_dark.png") no-repeat 0 50%;
        color:#666666;
    }
    
    /* END MAIN CONTENT */
    
    
    /* CONNECT BAR */
    
    #connect{
        border-top:1px solid #333333;
    }
    
    #connect h2{
        background:url("../img/icons/arrowHand_mr_dark.png") no-repeat 100% 80%;
    }
    
    #newsletter h2{
        background:none;
    }
    
    #socialMedia a{
        background:url("../img/sprites/socialMedia.png") no-repeat 0 0;
    }
    
    #newsletter input[type=text]{
        background:#202020;
        border:1px solid #333333;
        color:#666666;
    }
    
    #newsletter input[type=submit]{
        background:#202020 url("../img/icons/arrow_signup_dark.png") no-repeat 50% 55%;
        border:1px solid #333333;
    }
    
    /* END CONNECT BAR */
    
    
    /* FOOTER */
    
    #footer{
        background: url("../img/bg/head_dark.jpg") no-repeat 0 bottom;
        border-top:1px solid #333333;
    }
    
    #footInfo #footLogo{
        /*background:url("../img/logo/logoFoot_dark.png") no-repeat;*/
    }
    
    #footInfo{
        /*border-right:1px solid #333333;*/
	background:#222222;
    }
    
    #footInfo span{
        color:#666666;
    }
    
    #footInfo p{
	color:#666666;
    }
    
    #footInfo a{
        color:#eeeeee;
    }
    
    #footInfo a:hover{
        color:#999999;
    }
    
    #footInfo h2 a{
	color:#ffa903;
    }
    
    #footInfo #phone{
	color:#cccccc;
    }
    
    #twitter{
        background-image:url("../img/icons/bullet_dark.png");
    }
    
    #twitter h3, #blogLatest h3{
        color:#999999;
	background:#222222;
    }
    
    #twitter h4, #blogLatest h4 {
        background:url("../img/linework/footer_widget_dark.jpg") no-repeat 0 100%;
    }
    
    #twitter span, #blogLatest span{
        color:#666666;
    }
    
    #twitter .tweet-created_at a{
        color:#666666;
    }
    
    #twitter .tweet-created_at a:hover{
        color:#ffa903;
    }
    
    #commentsNum{
        background:url("../img/icons/commentsFoot.png") no-repeat 100% 50%;
        color:#999999;
    }
    
    #blogLatest #blogLink{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 70%;
    }
    
    /* END FOOTER */
    
    /*------------------------------------------------------------------------*/
    
    /* TESTIMONIAL PAGE */
    
    /* SIDEBAR TESTIMONIALS*/
    
    #testimonials p{
        color:#fff;
    }
    
    #testimonials span{
        color:#eeeeee;
    }
    
    #whatWeDo #sidebar .top{
        background-image:url("../img/icons/quote_66_dark.png");
    }
    
    #whatWeDo #sidebar .bottom{
        background-image:url("../img/icons/quote_99_dark.png");
    }
    
    /* END SIDEBR TESTIMONIALS */
    
    #whatWeDo #tagline{
        border-bottom:1px solid #333333;
    }
    
    /* MAIN CONTENT */
    #whatWeDo #mainContent p{
        color:#999999;
    }
    
    #bodyImage a{
        background:url("../img/icons/arrowHand_ul_dark.png") no-repeat 0 50%;
        padding-left:25px;
    }
    /* END MAIN CONTENT */
    
    /* END WHAT WE DO PAGE */
    
    
    /*------------------------------------------------------------------------*/
    
    /* PAGE WITH SIDE NOTES */
    
    /* SIDEBAR NOTES*/
    
    .notes a{
        color:#ffd304;
    }
    
    #sideNotes #sidebar>h2{
        background:url("../img/icons/arrowHand_ul_dark.png") no-repeat 0 50%;
    }
    
    
    /* TAGLINE */
    
    #sideNotes #tagline{
        border-bottom:1px solid #333333;
    }
    
    
    /* MAIN CONTENT */
    
    #sideNotes #mainContent .noteMarker{
        color: #ffa903;
    }
    
    #sideNotes #mainContent h2{
        background:url("../img/icons/arrowHand_ml_dark.png") no-repeat 0 80%;
    }
    
    /* END SIDE NOTES PAGE */
    
    /*------------------------------------------------------------------------*/
    
    /* FULL WIDTH PAGE */
    
    /* TAGLINE */
    
    #fullWidth #tagline{
        border-bottom:1px solid #333333;
    }
    
    
    /* MAIN CONTENT */
    
    #fullWidth #mainContent span{
        background:url("../img/icons/plus_dark.png") no-repeat 0 50%;
        color:#cccccc;
    }
    
    #fullWidth #mainContent a.readOnLink{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 50%;
    }
    
    #fullWidth #mainContent a.readOnLink:hover{
        color:#000000;  
    }
    
    
    /* END FULL WIDTH PAGE */
    
    
    /*------------------------------------------------------------------------*/
    
    /*404 PAGE*/
    
    /* MAIN CONTENT */
    
    #custom404 #mainContent #message404 h2{
        background:url("../img/icons/arrowHand_dr_dark.png") no-repeat 100% 8px;
        color:#ffa903;
    }
    
    
    /* END 404 Page*/
    
    
    /*------------------------------------------------------------------------*/
    
    
    /*SERVICES PAGE*/
     /* TAGLINE */
    
    #services #tagline{
        border-bottom:1px solid #333333;
    }
    
    
    /* MAIN CONTENT */
    
    #services #mainContent h3{
        color:#cccccc;
    }
    
    #services #mainContent a{
        color:#f6f6f6;
    }
    
    #services #mainContent a:hover{
        color:#cccccc;
    }
    
    #services #mainContent h3.icon{
        background:url("../img/icons/notify_02_dark.png") no-repeat 0 50%;
    }
    
    #services #mainContent .dropcap{     
        color: #ffffff;         
    }
    
    #services #mainContent .dark{
        color:#eeeeee;
    }
    
    #services #mainContent .drop span{
        color:#ffffff;
    }
    
    #services #mainContent p{
        color:#999999;
    }
    
    
    /*------------------------------------------------------------------------*/
    
    /* MINIMAL TEXT PAGE */
    
    /*TAGLINE */
    #minimal #tagline{
        border-bottom:1px solid #333333;
    }
    
    /* END MINIMAL TEXT PAGE */
    
    /*------------------------------------------------------------------------*/
    
    
    /* BLOG MAIN PAGE */
    
    /*TAGLINE */
    #blogMain #tagline{
        border-bottom:1px solid #333333;
    }
    
    #blogMain #sidebar input[type=text]{
        border:1px solid #333333;
        background:#202020;;
    }
    
    #blogMain #sidebar input[type=submit]{
        background: #202020 url("../img/icons/search_dark.png") no-repeat 50% 50%;
    }
    
    #blogMain #sidebar #searchLabel{
        background:url("../img/icons/arrowHand_ur_dark.png") no-repeat 100% 10%;
    }
    
    #blogMain #sidebar h3{
        color:#cccccc;
    }
    
    #blogMain #sidebar #likeBtn{
        border:1px solid #333333; 
    }
    
    #blogMain #sidebar p{
        color:#999999;
    }
    
    #blogMain #sidebar .line{
        background:url("../img/linework/sidebar_widget_dark.jpg") no-repeat;
    }
    
    #blogMain #sidebar li{
        list-style-image:url("../img/icons/bullet_dark.png");
    }
    
    #blogMain #sidebar li a{
        color:#999999;
    }
    
    #blogMain #sidebar li a:hover{
        color:#ffa903;
    }
    
    #blogMain #sidebar li span{
        color:#666666;
    }
    
    #blogMain #textWidget a{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 70%;
    }
    
    #blogMain #featWork .caption{
        background:url("../img/icons/bullet_dark.png") no-repeat 0 50%;
        color:#999999;
    }
    
    /* END SIDEBAR */
    
    
    /* MAIN CONTENT */
    
    /*latest ribbon*/
    #blogMain #mainContent .latest{
        background:url("../img/icons/latest_03.png") no-repeat 59px 2px;
    }
    
    #blogMain #mainContent .post{
        border-bottom:1px solid #333333;
    }
    
    #blogMain #mainContent .post b{
        color:#888888;
    }
    
    #blogMain #mainContent .post em{
        color:#888888;
    }
    
    #blogMain #mainContent .post .user, #blogMain #mainContent .post .date, #blogMain #mainContent .post .comments{
        color:#666666;
    }
    
    #blogMain #mainContent .post .user{
        background:url("../img/icons/meta_user.png") no-repeat 100% 50%; 
    }
    
    #blogMain #mainContent .post .date{
        background:url("../img/icons/meta_date.png") no-repeat 99% 50%; 
    }
    
    #blogMain #mainContent .post .comments{
        background:url("../img/icons/meta_comments.png") no-repeat 99% 50%;
        
    }
    
    #blogMain #mainContent .post .comments a{
        color:#666666;
    }
    
    #blogMain #mainContent .post .comments a:hover{
        color:#00a6d5;
    }
    
    /* PAGINATION */
    
    #blogMain #connect #mainPagination .older{
        background:url("../img/icons/arrowHand_ml_dark.png") no-repeat 0 50%;
    }
    
    #blogMain #connect #mainPagination .newer{
        background:url("../img/icons/arrowHand_mr_dark.png") no-repeat 100% 50%;
    }
    
    
    /* END BLOG MAIN PAGE */
    
    /*------------------------------------------------------------------------*/
    
    
    /* BLOG POST PAGE */
    
    /*TAGLINE */
    #blogPost #tagline{
        border-bottom:1px solid #333333;
    }
    
    
    /* SIDEBAR */
    #blogPost #sidebar input[type=text]{
        border:1px solid #333333;
        background:#202020;
    }
    
    #blogPost #sidebar input[type=submit]{
        background: #202020 url("../img/icons/search_dark.png") no-repeat 50% 50%;
    }
    
    #blogPost #sidebar #searchLabel{
        background:url("../img/icons/arrowHand_ur_dark.png") no-repeat 100% 10%;
    }
    
    #blogPost #sidebar p{
        color:#999999;
    }
    
    #blogPost #sidebar h3{
        color:#cccccc;
    }
    
    #blogPost #sidebar .line{
        background:url("../img/linework/sidebar_widget_dark.jpg") no-repeat;
    }
    
    #blogPost #sidebar #likeBtn{
        border:1px solid #333333; 
    }
    
    #blogPost #sidebar li{
        list-style-image:url("../img/icons/bullet_dark.png");
    }
    
    #blogPost #sidebar li a{
        color:#999999;
    }
    
    #blogPost #sidebar li a:hover{
        color:#ffa903;
    }
    
    #blogPost #sidebar li span{
        color:#666666;
    }
    
    #blogPost #textWidget a{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 70%;
    }
    
    #blogPost #featWork .caption{
        background:url("../img/icons/bullet_dark.png") no-repeat 0 50%;
        color:#999999;
    }
    
    /* END SIDEBAR */
    
    /* MAIN CONTENT */
    
    pre {
	color:#eeeeee;
	background-color: #222222;
    }
    
    
    #blogPost #mainContent .post .meta{
        border-bottom:1px solid #333333;
    }
    
    #blogPost #mainContent .post .user, #blogPost #mainContent .post .date,
    #blogPost #mainContent .post .comments, #blogPost #mainContent .post .category{
        color:#666666;
    }
    
    #blogPost #mainContent .post .user{
        background:url("../img/icons/meta_user.png") no-repeat 0 50%; 
    }
    
    #blogPost #mainContent .post .date{
        background:url("../img/icons/meta_date.png") no-repeat 0 50%;
    }
    
    #blogPost #mainContent .post .category{
        background:url("../img/icons/meta_category.png") no-repeat 0 50%;
    }
    
    #blogPost #mainContent .post .category a{
        color:#666666;
    }
    
    #blogPost #mainContent .post .category a:hover{
        color:#ffa903;
    }
    
    #blogPost #mainContent .post .comments{
        background:url("../img/icons/meta_comments.png") no-repeat 10% 50%;
    }
    
    #blogPost #mainContent .post .comments a{
        color:#999999;  
    }
    
    #blogPost #mainContent .post .comments a:hover{
        color:#00a6d5;
    }
    
    #blogPost #mainContent .post blockquote{
        background: url("../img/icons/blockquote_dark.png") no-repeat;
        color:#ffffff;
    }
    
    #blogPost #mainContent .post div.infoBox{
        background:url("../img/icons/notify_03.png") no-repeat 20px 50%;
        color:#ffa903;
        border:1px solid #333333;
    }
    
    #blogPost #mainContent .post div.warningBox{
        background:url("../img/icons/error.png") no-repeat 20px 50%;
        color:#ffffff;
        border:1px solid #333333;
    }
    
    #blogPost #mainContent .post div.download{
        color:#00a6d5;
    }
    
    #blogPost #mainContent .post div.download div{
        background:url("../img/icons/download.png") no-repeat 20px 50%;
        border:1px solid #333333;
    }

    #blogPost #mainContent .post ul li{
        background:url("../img/icons/bullet_dark.png") no-repeat 0 80%;
    }
    
    
    #blogPost #mainContent .post .tags{
        background: url("../img/icons/meta_tag.png") no-repeat 0 50%;
    }
    
    #blogPost #mainContent .post .tags a{
        color:#666666;
    }
    
    #blogPost #mainContent .post .tags a:hover{
        color:#cccccc;
    }
    
    /* END MAIN POST BODY */
    
    
    /* POST DISCUSSION & COMMENTS */
    
    #mainContent #discussion{
        border-top:1px solid #333333;
        border-bottom:1px solid #333333;
    }
    
    #mainContent #discussion .comments{
        background:url("../img/icons/commentsFoot.png") no-repeat 100% 50%;   
    }
    
    #mainContent #discussion>h3{
        color:#cccccc;  
    }
    
    #mainContent #discussion .comment .avatar{
        color:#666666;
    }
    
    #discussion .comment .avatar .time{
        background:url("../img/icons/meta_time.png") no-repeat 100% 50%;
    }
    
    #discussion .comment .avatar .date{
        background:url("../img/icons/meta_date.png") no-repeat 100% 50%;
    }
    
    #discussion .comment .username{
        color:#999999;
    }
    
    #discussion .comment .username a{
        background:url("../img/icons/bullet_dark.png") no-repeat 0 80%;
        color:#999999;
    }
    
    #discussion .comment .username a:hover{
        color:#ffa903;
    }
    
    #discussion .comment h3.author a{
        color:#b32b2b;
    }
    
    #discussion .comment .replyTo a{
        color:#999999;
    }
    
    #discussion .comment .replyTo a:hover{
        color:#444444;
    }
    
    /* END DISCUSSION AREA */
    
    /* COMENTS FORM */
    
    #commentsForm input[type=text]{
        border:1px solid #333333;
        color:#999999;
        background-color:#202020;
    }
    
    #commentsForm input.required{
        background:#202020 url("../img/icons/required_dark.png") no-repeat 85% 60%;
    }
    
    #commentsForm input.error{
        background:#202020 url("../img/icons/error.png") no-repeat 85% 60%;
    }
    
    #commentsForm span.required{
        background:url("../img/icons/required_dark.png") no-repeat 100% 60%;
        color:#cccccc;
    }
    
    #commentsForm span.error{
       color:#b32b2b;
    }
    
    #commentsForm input[type=submit]{
        background:#202020;
        color:#cccccc;
    }
    
    #commentsForm input[type=submit]:hover{
        color:#ffa903;
    }
    
    #commentsForm textarea{
        border:1px solid #333333;
        color:#999999;
        background-color:#202020;
    }
    
    
    /* POST PAGINATION */
    
    #blogPost #connect #mainPagination .older{
        background:url("../img/icons/arrowHand_ml_dark.png") no-repeat 0 50%;
    }
    
    #blogPost #connect #mainPagination .newer{
        background:url("../img/icons/arrowHand_mr_dark.png") no-repeat 100% 50%;
    }
    
    /* END POST PAGINATION */
    
    /* END BLOG POST PAGE */
    
    /*------------------------------------------------------------------------*/
    
    /* BLOG MINIMAL POST PAGE */
    
    #blogPost.minimal .metaMinimal{
        border-right:1px solid #333333;
    }
    
    #blogPost.minimal .metaMinimal .user, #blogPost.minimal .metaMinimal .date,
    #blogPost.minimal .metaMinimal .comments, #blogPost.minimal .metaMinimal .category{
        color:#666666;
    }
    
    #blogPost.minimal .metaMinimal .user{
        background:url("../img/icons/meta_user.png") no-repeat 100% 50%; 
    }
    
    #blogPost.minimal .metaMinimal .date{
        background:url("../img/icons/meta_date.png") no-repeat 99% 50%; 
    }
    
    #blogPost.minimal .metaMinimal .comments{
        background:url("../img/icons/meta_comments.png") no-repeat 99% 50%;
    }
    
    #blogPost.minimal .metaMinimal .category{
        background:url("../img/icons/meta_category.png") no-repeat 100% 50%;
    }
    
    #blogPost.minimal .metaMinimal .category a{
        color:#666666;
    }
    
    #blogPost.minimal .metaMinimal .category a:hover{
        color:#eeeeee;
    }
    
    #blogPost.minimal .metaMinimal .comments a{
        color:#999999;
    }
    
    #blogPost.minimal .metaMinimal .comments a:hover{
        color:#ffa903;
    }
    
    /*END MINIMAL BLOG POST PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /* GET A QUOTE PAGE */
    
    #contact #banner{
        background:#202020;
    }
    
    #contact #banner #officeImage span{
        color:#ffffff; 
    }
    
    #contact #banner #officeImage h3{
        color:#ffffff; 
    }

    /* SIDEBAR */

    #contact #sidebar .contactDetails h3{
        color:#cccccc;
    }
    
    #contact #sidebar .contactDetails p{
        color:#999999;
    }
    
    #contact #sidebar .contactDetails a{
        color:#ffa903;
    }
    
    #contact #sidebar .contactDetails a:hover{
        color:#ffd304;
    }
    
    #contact #sidebar .contactDetails .label{
        background:url("../img/icons/arrowHand_dl_dark.png") no-repeat 0 10px;
    }
    
    #contact #sidebar #likeBtn h2{
        background:url("../img/icons/arrowHand_dl_dark.png") no-repeat 0 10px;
    }
    
    /*END SIDEBAR*/
    
    
    
    /* MAIN CONTENT */
    
    #contact #mainContent div{
        background:#202020;
    }

    #contact #mainContent input[type=text],
    #contact #mainContent input[type=submit],
    #contact #mainContent select{
        border:1px solid #333333;
        background-color:#1c1c1c;  
    }
    
    #contact #mainContent input.required{
       background: #1c1c1c url("../img/icons/required_dark.png") no-repeat 8px 50%; 
    }
    
    #contact #mainContent input.error{
       background: white url("../img/icons/error.png") no-repeat 8px 50%;
       border-color:#b32b2b;
    }
    
    #contact #mainContent label{
        color:#999999;
    }

    #contact #mainContent #contactType label{
        color:#cccccc;
    }
    
    #contact #mainContent #contactType span{
        color:#999999;
    }
    
    #contact #mainContent #project span{
        color:#999999;
    }
    
    #contact #mainContent select{
        color: #999999;
    }
    
    #contact #mainContent #project label.radio{
        color:#cccccc;
    }

    
    #contact #mainContent #message textarea{
        background:#1c1c1c url("../img/icons/required_dark.png") no-repeat 8px 15px;
        border:1px solid #333333;
        color: #999999;
    }
    
    #contact #mainContent #message textarea.error{
        border:1px solid #b32b2b;
        background:white url("../img/icons/error.png") no-repeat 8px 15px;
    }
    
    #contact #mainContent #message input[type=submit]{
        color: #cccccc;
    }
    
    #contact #mainContent #message input[type=submit]:hover{
        color: #ffa903;
    }
    
    #contact #mainContent #message span{
        background:url("../img/icons/required.png") no-repeat 0 50%;
        color: #cccccc;
    }
    
    #contact #mainContent #message span.error{
        background:url("../img/icons/error.png") no-repeat 0 50%;
        color: #b32b2b;
    }
    
    
    /*END CONTECT / GET A QUOTE PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /* FREQUENTLY ASKED QUESTIONS PAGE */
    
    /*TAGLINE */
    #faq #tagline{
        border-bottom:1px solid #333333;
    }
    
    /* SIDEBAR */
    #faq #sidebar .contactDetails h3{
        color:#cccccc;
    }
    
    #faq #sidebar .contactDetails p{
        color:#999999;
    }
    
    #faq #sidebar .contactDetails a{
        color:#ffa903;
    }
    
    #faq #sidebar .contactDetails a:hover{
        color:#ffd304;
    }
    
    #faq #sidebar .contactDetails .label{
        background:url("../img/icons/arrowHand_dl_dark.png") no-repeat 0 10px;
    }
    
    #faq #sidebar #likeBtn h2{
        background:url("../img/icons/arrowHand_dl_dark.png") no-repeat 0 10px;
    }
    
    /*END SIDEBAR*/
    
    
    /* MAIN CONTENT */
    
    #faq #mainContent .item .question{
        border:1px solid #333333;
        background:url("../img/icons/contract_dark.png") no-repeat 96% 60%;
    }
    
    #faq #mainContent .closed .question{
     	border:1px solid #333333;
        background:url("../img/icons/expand_dark.png") no-repeat 96% 60%;
    }
    
    #faq #mainContent .item .question h3{
        background:url("../img/icons/q_dark.png") no-repeat 0 4px;
    }
    
    #faq #mainContent .item .question h3 a{
        color:#ffffff;
    }
    
    #faq #mainContent .item .question h3 a:hover{
        color:#ffa903;
    }
    
    #faq #mainContent .item .answer{
        background: #202020;
    }
    
    #faq #mainContent .item p{
        color:#999999;
    }
    
    #faq #mainContent .item p.first{
        background:url("../img/icons/a_dark.png") no-repeat 0 3px;
    }
    
    #faq #mainContent .item .answer pre{
        color:#eeeeee;
    }
    
    #faq #mainContent .item .answer li{
       background:url("../img/icons/bullet_dark.png") no-repeat 0 5px;
       color:#999999;
    }
    
    /* END FREQUENTLY ASKED QUESTIONS PAGE */
    
    
    /*------------------------------------------------------------------------*/
    
    /*PORTFOLIO SECTION*/
    
    /*MAIN PAGE*/
    
    #portfolioCat #projectInfo{
        border-bottom:1px solid #333333;
    }
    
    #portfolioCat #projectInfo h2 a{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 70%;
    }
    
    /*CATEGORY DIVS*/
    
    #portfolioCat .category{
        border-bottom:1px solid #333333;
    }
    
    #portfolioCat .last{
        border:none;
    }
    
    #portfolioCat .category div p{
        color:#999999;
    }
    
    #portfolioCat .category div a{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 80%;
    }
    
    #portfolioCat .category div span{
        background:url("../img/icons/meta_tag.png") no-repeat 0 50%;
    }
    
    #portfolioCat .category div span a{
        color:#666666;
    }
    
    #portfolioCat .category div span a:hover{
        color:#cccccc;
    }
    
    #portfolioCat .category h3 a{
        color:#cccccc;
    }
    
    #portfolioCat .category h3 a:hover{
        color:#ffa903;
    }
    
    /*END PORTFOLIO CATEGORIES PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /*PORTFOLIO SINGLE CATEGORY PAGE*/
    
    /*TAGLINE */
    #singleCat #tagline{
        border-bottom:1px solid #333333;
    }
    
    /*CATEGORY THUMBS*/    
    
    #singleCat #categoryInfo h2.readMore a{
        background:url("../img/icons/expand_dark.png") no-repeat 0 70%;       
    }
    
    #singleCat #categoryInfo .titles h2.back{
        background:url("../img/icons/back_dark.png") no-repeat 0 70%;
    }
    
    #singleCat #categoryInfo .titles h2.back a{
        color:#ffa903;
    }
    
    /* EXTENDED INFO */
    
    #singleCat #infoLong{
        background-color:#282828;
    }
    
    /*THUMB ROWS*/
    
    #singleCat .row div p{
        color:#999999;
    }
    
    #singleCat .row div a{
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 80%;
    }
    
    #singleCat .row div span{
        background:url("../img/icons/meta_tag.png") no-repeat 0 50%;
        
    }
    
    #singleCat .row div span a{
        color:#666666;
    }
    
    #singleCat .row div span a:hover{
        color:#cccccc;
    }
    
    #singleCat .row h3 a{
        color:#cccccc;
    }
    
    #singleCat .row h3 a:hover{
        color:#ffa903;
    }
    
    #singleCat .row h2.label1{
        color:#ffa903;
        background:url("../img/icons/arrowHand_dl_dark.png") no-repeat 0 50%;
    }
    
    #singleCat .row h2.label2{
        color:#ffa903;
        background:url("../img/icons/arrowHand_dr_dark.png") no-repeat 100% 30%;
    }
    
    #singleCat .row span{
        color:#999999;
    }
    
    /*END SINGLE CATEGORY PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /*SINGLE PROJECT PAGE*/
    
    /*TAGLINE */
    #singleProject #tagline{
        border-bottom:1px solid #333333;
    }
    
    
    
    /* MAIN CONTENT */
    
    #singleProject #project .titles h2{
        background:url("../img/icons/back_dark.png") no-repeat 0 60%;
    }
    
    
    #singleProject #project #tweetThis{
        background:none;
    }
    
    #singleProject #mainContent #project #share{
        background-color:#111111;
    }
    
    #singleProject #mainContent #project .meta span{
        color:#666666;
    }
    
    #singleProject #mainContent #project .meta .client{
        background:url("../img/icons/meta_user.png") no-repeat 100% 50%;
    }
    
    #singleProject #mainContent #project .meta .date{
        background:url("../img/icons/meta_date.png") no-repeat 100% 50%;
    }
    
    #singleProject #mainContent #project .meta .tags{
        background:url("../img/icons/meta_tag_l.png") no-repeat 100% 50%;
    }
    
    #singleProject #mainContent #project .meta .tags a{
        color:#666666;
    }
    
    #singleProject #mainContent #project .meta .tags a:hover{
        color:#cccccc;
    }
    
    #singleProject #mainContent #project .meta h2 {
        background:url("../img/icons/arrow_r_dark.png") no-repeat 0 70%;
    }
    
    #singleProject #mainContent #project h2.back{
        background-image:url("../img/icons/back_dark.png");
    }
    
    #singleProject #mainContent #project .launch{
        background-image:url("../img/icons/arrow_r_dark.png");
    }
    
    #singleProject #mainContent #project h2.back a{
        color:#ffa903;
    }
    
    #singleProject #mainContent #project #projectInfo .note{
        background-image:url("../img/icons/arrowHand_dr_dark.png");
        color:#ffa903;
    }
    
    /*END MAIN CONTENT*/
    
    /* PROJECT PAGINATION */
    
    #singleProject #connect #projectPagination .older{
        background:url("../img/icons/arrowHand_ml_dark.png") no-repeat 0 50%; 
    }
    
    #singleProject #connect #projectPagination .newer{
        background:url("../img/icons/arrowHand_mr_dark.png") no-repeat 100% 50%;
    }
    
    /* END PROJECT PAGINATION */
    
    /*END SINGLE PROJECT PAGE*/
    
    /*------------------------------------------------------------------------*/
    
    /* END MAIN STYLES */
    
    /*------------------------------------------------------------------------*/
    
    
    
    
    /*------------------------------------------------------------------------*/
    
    /* CONDITIONAL STYLES FOR IE7 */
    
    /*------------------------------------------------------------------------*/
    
    /* HOMEPAGE */
    .ie7 #infoPanel #info>a{
        background-position:100% 55px;
    }


    /* BLOG MAIN */
    .ie7 #blogMain #sidebar li {
        background:url("../img/icons/bullet.png") no-repeat 0 18px;
    }
       
    /* BLOG POST */
    
    .ie7 #blogPost #sidebar li {
        background:url("../img/icons/bullet.png") no-repeat 0 18px;
    }
    
    /* PORTFOLIO CATEGORIES */
    
    .ie7 #portfolioCat #projectInfo h2.more {
        background:url("../img/icons/arrow_r.png") no-repeat 0 50%;
    }
    
    /* PORTFOLIO CATEGORIE SINGLE */
    
    .ie7 #singleCat #categoryInfo h2.readMore {
        background:url("../img/icons/plus.png") no-repeat 0 50%;
    }
    
    
    /*------------------------------------------------------------------------*/
    
    /* END CONDITIONAL STYLES FOR IE7 */
    
    /*------------------------------------------------------------------------*/