/* Website: /* Website: Hip Entertainment Systems
/* © 2008 www.ph-creative.com

/* ##################### */
/* ### GLOBAL STYLES ### */
/* ##################### */


body {padding:0px; margin:0px; color:#fff; font:normal normal 12px/100% Arial, Helvetica, Sans-Serif; background: #322314 url(../builtin/background.jpg) repeat-x top;}
form {}
table, table tr, table td {border:0 none; border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

.container {width: 929px; margin: 0 auto;}


#top { height: 43px; background: url(../builtin/top_bg.png) repeat-x left top;}
    #strapline { margin: 0 0 0 5px; padding: 13px 0 15px; width: 600px; float: left;}
    #strapline p { color: #fff; margin: 0; font-size: 11px; line-height:14px;}
    #search { width: 246px; height: 30px; margin: 10px 0 0 0; float: right; background: url(../builtin/search_input_bg.png) no-repeat top left; }
        .Phuse_Search_TextQuery { background: none; width: 184px; height: 18px; float: left; color: #3a220a; font-size: 11px; margin: 0px; padding: 4px 8px 0; border: 0;}
        .Phuse_Search_Button {background: url(../builtin/search_btn.png) no-repeat left; width: 41px; height: 30px; border: none; cursor: pointer; float: right;}

.container {width: 929px; margin: 0 auto;}
    .content_left {float: left;  width: 220px; margin-left: 5px; margin-top: 20px; min-height: 200px;}
        #logo { width: 220px; height: 59px; background: url(../builtin/logo.png) no-repeat top left;}
            #logo h1 {margin: 0px; text-indent: -9999px;}
            #logo h1 a{display: block; width: 220px; height: 59px; cursor: pointer;} 
        #navigation { margin-top: 13px; margin-left: -5px; margin-bottom: 20px; }
        .mm_form {border: 1px solid #1c150d; margin: 0; width: 180px; padding: 16px 19px 10px; margin-bottom: 20px; background: url(../builtin/mm_form_bg.png) repeat top left;}
            .mm_form img{ margin-left: -7px; margin-right: 3px;}
            .mm_form h4 { padding-top: 3px; line-height: 15px; font-weight: bold; font-size: 120%;}
            .mm_form p { clear: both; font-weight: bold; font-size: 11px; padding-top: 4px; padding-bottom: 7px;}
           
    .content_right {float: right; width: 688px; min-height: 250px;}
        #flash { width: 680px; height: 382px; margin: 20px 0 20px 4px;}
        #intro { background: url(../builtin/content_bg.png) repeat top left; height: 414px; border-top: 1px solid #120a02; border-top: 1px solid #120a02; margin-bottom: 20px;}
            .quote { float: left; background: url(../builtin/quote_bg.png) no-repeat top right; width: 570px; height: 52px; border: 1px solid #120a02; margin: 0px 0 0 20px; padding: 14px 54px 0px;}
            .quote p { margin: 0; line-height: 150%; font-style: italic;}
            .home_panels { height: 287px; margin: 20px 0 0; width: 926px;}
                .small_frame { width: 224px; height:133px; background: url(../builtin/frame.png) no-repeat top left; margin-bottom: 2px; }
                .small_frame img{  margin-left: 14px; margin-top: 10px;}
                .home_panels h3{ width: 205px; margin-left: 5px; font-size: 11px; border-bottom: 3px solid #d5dd3d; background: url(../builtin/green_square.gif) no-repeat left; padding-bottom: 2px;}
                .home_panels p{margin-left: 5px; margin-bottom: 0; font-size: 11px; line-height: 140%; height: 92px; border-bottom: 1px solid #120A02; padding-bottom: 20px;}
                
        #breadcrumb {height:18px;padding-top: 2px; margin-left: 4px;}
        #mast_image {width: 674px; height: 219px; background: url(../builtin/mast_image_bg.png) no-repeat top left; padding-top: 10px; padding-left: 14px;}
            .mast_image {width: 660px; height: 200px; }
        
        #content {width: 620px; padding: 9px 19px 19px; margin-left: 14px; margin-top: -8px; border: 1px solid #1c150d; border-top: 0; background: url(../builtin/content_bg.png) repeat top left; margin-bottom: 20px;}
            .main_left { float: left; width: 479px; border-right: 1px solid #120a02; padding-right: 20px; margin-top: 10px;}
            .main_right { float: right; width: 120px; margin-top: 10px;}
                .notebook { margin-left: 13px; width: 119px; height: 130px; margin-bottom: 14px;}
                
                .cedia {background: url(../builtin/cedia_logo.png) no-repeat top left; width: 220px; height: 68px; float: left; clear: both; margin: 0 0 20px; }
                #intro .cedia { float: left;}
                
    .recent_projects { width: 630px; margin-top: 9px;}
        .recent_project { width: 96px; height: 67px; margin-right: 9px; margin-top: 4px; margin-bottom: 4px; background: #fff; cursor: pointer;}
        .recent_project img { margin: 4px 0 0 4px; width: 88px; height: 59px;}
    
    #gallery_container {width: 621px; min-height: 330px; margin: 15px 0 0; background: url(../builtin/filmstrip_bg.png) no-repeat left bottom; }
        .gallery_left { float: left; width: 326px; padding-left: 43px;}
        .gallery_right { float: left; width: 240px; margin-left: 10px;}
        #pointer { display: none;}

        
    .filmstrip li img {width: 53px; height:43px;}


    
    #footer {margin-bottom: 20px; margin-left: 5px;}
        #icons { height: 41px; border: 1px solid #120a02; width: 907px; padding: 0 3px 0 8px; margin-bottom: 20px; background: url(../builtin/content_bg.png) repeat top left;}
            .bookmarks {width: 350px; float: left; height:25px; margin: 8px 0 0;}
                .bookmarks ul {margin: 0px; padding: 0px; float: left;}
                .bookmarks li {width: 24px; height: 25px; list-style: none; float: left; margin: 0 6px 0px 0; padding: 0px;}
                .delicious a, .stumble a, .digg a, .reddit a, .facebook a, .linkedin a, .tweet a { display: block; width: 24px; height: 25px; text-indent: -9999px; }
                .delicious a:hover, .stumble a:hover, .digg a:hover, .reddit a:hover, .facebook a:hover, .linkedin a:hover, .tweet a:hover { text-decoration: none; border: none;}
                .delicious {background: url(../builtin/delicious.png) no-repeat left top; width: 24px; height: 25px;}
                .stumble {background: url(../builtin/stumble.png) no-repeat left top; width: 24px; height: 25px;}
                .digg {background: url(../builtin/digg.png) no-repeat left top; width: 24px; height: 25px;}
                .reddit {background: url(../builtin/reddit.png) no-repeat left top; width: 24px; height: 25px;}
                .facebook {background: url(../builtin/facebook.png) no-repeat left top; width: 24px; height: 25px;}
                .linkedin {background: url(../builtin/linkedin.png) no-repeat left top; width: 24px; height: 25px;}
                .tweet {background: url(../builtin/twitter.png) no-repeat left top; width: 24px; height: 25px;}
            .resources { width: 270px; float: right; height: 32px; margin: 15px 0 0; }
                .resource_link img{border: 0; float: left; margin-right: 7px; margin-top: -10px; position: relative;}
                .resource_link {height: 32px; margin: 0 0 0 20px; float: left; font-size: 11px;}
    
        #media { height: 170px; width: 920px;}
        #media h3 { font-size: 11px; line-height: 13px; margin-left: 5px; margin-top: 5px; height: 10px; margin-bottom: 7px;}
        #media .content{ height: 122px; width: 300px; border-bottom: 1px solid #120a02;}
            
            #media .blogs { width: 300px; margin-right: 10px; height: 170px; background: url(../builtin/media_header_bg.png) repeat-x left top; float:left;}
                #media .blogs .media_rss {background: url(../builtin/media_rss.png) no-repeat left top; width: 16px; height: 16px; float: right; margin-top: 4px; margin-right: 3px;}
                .blogFeed {display: none;}
                #blogFeed {}
                #blogFeed li{float: left; width: 300px; overflow: hidden; border-bottom: 1px solid #181308; margin: 0;list-style: none; }
                #blogFeed li a{ color: #d5dd3d; display: block; padding: 5px 0px 6px 0px; height: 12px; overflow: hidden; line-height: 15px; font-size: 11px;}
                #blogFeed li a:hover{ text-decoration: none; color: #fff;}

            #media .tweets { width: 300px; margin-right: 10px; height: 170px; background: url(../builtin/media_header_bg.png) repeat-x left top;float:left;}
                #media .tweets .bird { position: relative; background: url(../builtin/bird.png) no-repeat left top; width: 44px; height: 40px; float: right; margin-top: -12px; margin-right: 9px;}
                #media #twitter { margin-top: 5px; float: left;}
                    #media #twitter #twitter_update_list {background: url(../builtin/twitter_bg.png) no-repeat left top; width: 280px; height: 87px; list-style: none; margin: 0; padding: 10px;}
                    #media #twitter #twitter_update_list li{ line-height: 140%; height: 65px; overflow: hidden; font-size: 11px;}
                    #media #twitter #twitter_update_list li span{ height: 48px; display: block;}
                    #media #twitter #twitter_update_list li a{}
            
            #media .contact { width: 300px; height: 170px; background: url(../builtin/media_header_bg.png) repeat-x left top;float:left;}
                 #media .contact p { font-size: 11px; line-height: 16px; padding-left: 1px; margin-top: 0; padding-top: 5px;}
                #media .contact .contact_left { float: left; width: 148px;}
                #media .contact .contact_right { float: right; width: 152px;}
        
        #media .media_link{ height: 22px; float: right; text-align: left;}
        #media .media_link a{ height: 18px; background: url(../builtin/content_bg.png) repeat top left; padding: 4px 10px 0; display: block; color: #917559; font-size: 11px; float: left;}
        #media .media_link a:hover{color: #fff;}
        #media .media_link .twitter_logo { font-size: 9999%; overflow: hidden; background: url(../builtin/twitter_logo.png) no-repeat top left; width: 63px; height: 15px; float: right; margin-left: 5px; margin-top: -1px; position: relative; }
		#media .media_link .twitter_logo:hover { background: url(../builtin/twitter_logo_on.png) no-repeat top left;}

#bottom { height: 43px; background: url(../builtin/bottom_bg.png) repeat-x left top;}
    .copyright {width:515px; height: 15px; float: left; font-size: 11px; margin-top: 15px; line-height: 13px; }
    .ph_links {width:382px; height: 15px; float: right; margin-top: 12px;}
    
    .ph_logo { width: 96px; height: 15px; background: url(../builtin/ph_logo.png) no-repeat left top; float: left; margin: 0px 13px 0 3px;}
    .phuse_logo { width: 59px; height: 15px; background: url(../builtin/phuse_logo.png) no-repeat left top; float: left; margin: 0px 0px 0 3px;}
    .ph_logo a{display: block; width: 96px; height: 15px; text-indent: -9999px;}
    .phuse_logo a{display: block; width: 59px; height: 15px; text-indent: -9999px;}
    .ph_logo a:hover, .phuse_logo a:hover {border:none; text-decoration: none;}


    .ph_links p {margin: 4px 0 0px; padding: 0px; display: inline; font-size: 11px; color: #fff; float: left;}
    .copyright p{margin: 0px; padding: 0px; display: inline; font-size: 11px; color: #fff; }
    .copyright a {display: inline;}
        
/* #################### */
/* ### TEXT STYLES ### */
/* #################### */

p, ol li{}
#content p, #content ol li { color: #d8cdc2; line-height: 145%; padding-bottom: 4px;}

/* ################### */
/* ### LINK STYLES ### */
/* ################### */
 
a {outline: none; color: #d5dd3d; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}

/*.find_out_more {width: 111px; height:31px; background: url(../builtin/find_out_more_btn.png) no-repeat top left; margin: 0; float: left;}
.find_out_more a { text-indent: -9999px; width: 111px; height:31px; display: block;}
*/

.find_out_more{ height: 22px; float: right; text-align: left;}
.find_out_more a{ height: 18px; background: url(../builtin/content_bg.png) repeat top left; padding: 4px 10px 0; display: block; color: #917559; font-size: 11px; float: left;}
.find_out_more a:hover{color: #fff;}


/* ##################### */
/* ### HEADER STYLES ### */
/* ##################### */
 
h1 {}
h2 { position: relative; margin-top: -50px; width: 620px; height: 33px; background: url(../builtin/mast_header_bg.png) repeat-x top left; font-size: 18px; line-height: 18px; padding: 14px 20px 3px;}
h3 {color: #fff; font-size: 16px; line-height: 18px; margin-top: 1px; padding-top: 0px; background: url(../builtin/green_square.gif) no-repeat left; padding-left: 15px; padding-bottom: 4px; margin-bottom: -5px;}
h4 {font-size: 14px; margin-top: 1px;}
h5 {font-size: 12px; margin-top: 1px;}
h6 {font-size: 11px;}

.small_frame_title { background: url(../builtin/frame_title_bg.png) repeat top left; border-top: 1px solid #120a02; width: 200px; height: 31px; margin-left: 14px; margin-top: -53px; margin-bottom: 25px;}
.small_frame_title h2 { font-size: 14px; font-weight: bold; margin: 0; padding: 0; line-height: 14px; width: 190px; height: 23px; padding: 8px 0 0 10px; }

/* #################### */
/* ### IMAGE STYLES ### */
/* #################### */


/* ############################## */
/* ### DOWNLOADABLE RESOURCES ### */
/* ############################## */

.download {margin-bottom: 10px;}
.download .icon { width: 39px; height: 48px; float: left; margin-right: 10px;}
.download .link { padding-top: 20px;}

/* #################### */
/* ### PANEL STYLES ### */
/* #################### */
 
.NormalPanel {margin:0px; padding:0px;}

.you_tube { margin: 15px 0;}

.map {padding: 0; border: 0; width: 660px; height: 200px;}
.map p {margin: 0}
#map {width: 660px; height: 200px; margin: 0;}
#map a, #map span {display: none;}

/* ####################### */
/* ### MAIN NAVIGATION ### */
/* ####################### */

table.NavigationMenu {border:0 none; border-collapse:collapse; border-spacing:0; margin:0;padding:0 0 0 0; font-weight: bold; font-size: 11px; } 
table.NavigationMenu tr ,table.NavigationMenu td {border:0 none; border-collapse:collapse; border-spacing:0; margin:0; padding:0; text-align: left;}
table.NavigationMenu a:hover { text-decoration: none;}

.MainMenuItem_Normal {cursor:pointer; float:left; display: block; height: 22px; margin-bottom: 1px;}
.MainMenuItem_Normal a {display: block; padding: 0px; height: 17px; color: #fff; width: 206px; background: url(../builtin/green_square.gif) no-repeat 5px 7px; padding-left: 19px; padding-top: 5px;}
 
.MainMenuItem_Over {cursor:pointer; background:#d5dd3d; display: block; height:22px; float:left; margin-bottom: 1px;}
.MainMenuItem_Over a {display: block; padding: 0px; height: 17px; color: #3a220a; width: 206px; background: url(../builtin/brown_square.gif) no-repeat 5px 7px; padding-left: 19px; padding-top: 5px;}
 
 
 
 /* 
.Phuse_MI_SubDiv {margin: 0px auto 0px auto; padding: 20px 0 11px 0; border: none; width: 204px; background:url(../builtin/sub_nav_bg.png) no-repeat bottom left;}

.Phuse_MI_SubTable{border:0 none; border-collapse:collapse; border-spacing:0; margin:0px; padding:0 0 6px 0;  font-size: 11px; color: #333;}
.Phuse_MI_SubTable tr{border:0 none; border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0; font-size: 11px; color: #333;}
.Phuse_MI_SubTable td {border:0 none; border-collapse:collapse; border-spacing:0; margin:10px auto; padding:0; font-size: 11px; color: #333;}
.SubMenuItem_Normal{width: 204px; padding: 5px 7px; cursor: pointer; margin: 1px 11px;}
.SubMenuItem_Normal a {display: block; padding: 5px 7px;}
.SubMenuItem_Normal a:hover {padding: 5px 7px; text-decoration: none;}
 
.SubMenuItem_Over {width: 204px; color: #fff; padding: 5px 7px;cursor: pointer; margin: 1px 11px; background:url(../builtin/sub_nav_on.png) no-repeat bottom left;}
.SubMenuItem_Over a {display: block; color: #fff; padding: 5px 7px;}
.SubMenuItem_Over a:hover {padding: 5px 7px; text-decoration: none;}
*/

 
/* ################## */
/* ### BREADCRUMB ### */
/* ################## */


#breadcrumb h1 {text-indent: 0px; margin: 0;}
#breadcrumb a {text-decoration: none; font-size: 10px; display: inline; color: #d5dd3d;}  
#breadcrumb a:hover {text-decoration: none; color: #fff;}
#breadcrumb h1.Phuse_Breadcrumb_CurrentPage_Header {display: inline; font-size: 10px; }
#breadcrumb .Phuse_Breadcrumb_Home_Link{color: #d5dd3d;}
#breadcrumb .Phuse_Breadcrumb_Link {}
 
/* ######################### */
/* ### MM - CAPTURE FORM ### */
/* ######################### */


.MMDataCaptureForm_Table {width: 309px; margin: 0px;}
.MMDataCaptureForm_Table input {font:normal normal 11px/14px Arial, Helvetica, Sans-Serif;}
.MMDataCaptureForm_ErrorTD {text-align: center; font-weight: bold; padding-bottom: 2px;}
.MMDataCaptureForm_LabelTD {display: none;}
.MMDataCaptureForm_FieldTD {width: 148px; height: 31px; background: url(../builtin/mm_input_bg.gif) no-repeat left top; }
.MMDataCaptureForm_Input { text-align: center; color: #3a220a; font-size: 11px; border: none; margin: 0px; width: 128px; height: 24px; padding: 7px 10px 0 10px; background: none;}
.MMDataCaptureForm_ButtonEmptyTD { display: none;}
.MMDataCaptureForm_ButtonTD {width: 114px; height: 38px; text-align: center; padding-top:14px;}
.MMDataCaptureForm_SubmitButton { background: url(../builtin/submit_btn.gif) no-repeat left top; border: none; width: 114px; height: 38px; cursor: pointer; margin: 0; text-indent: -9999px;}


.mm_form .MMDataCaptureForm_Table {width: 180px; margin: 0px;}
.mm_form .MMDataCaptureForm_Table input {font:normal normal 11px/12px Arial, Helvetica, Sans-Serif;}
.mm_form .MMDataCaptureForm_ErrorTD {text-align: center; font-weight: bold; padding-bottom: 2px; font-size: 10px; color: #d5dd3d;}
.mm_form .MMDataCaptureForm_ErrorTD span{ margin-top: -11px; position: relative; float: left;}
.mm_form .MMDataCaptureForm_LabelTD {display: none;}
.mm_form .MMDataCaptureForm_FieldTD {width: 180px; height: 22px; background: url(../builtin/mm_input_bg.png) no-repeat left top; padding-bottom:10px; }
.mm_form .MMDataCaptureForm_Input { text-align: left; color: #3a220a; font-size: 11px; border: none; margin: 0px; width: 168px; height: 18px; padding: 4px 6px 0 6px; background: none;}
.mm_form .MMDataCaptureForm_ButtonEmptyTD { display: none;}
.mm_form .MMDataCaptureForm_ButtonTD {width: 71px; height: 31px; text-align: right; float: right;}
.mm_form .MMDataCaptureForm_SubmitButton { background: url(../builtin/mm_submit_btn.png) no-repeat left top; border: none; width: 71px; height: 31px; cursor: pointer; margin-top: -3px; margin-right: -3px; text-indent: -9999px;}
.mm_form .MMDataCaptureForm_Table textarea {font:normal normal 11px/100% Arial, Helvetica, Sans-Serif; text-align: left; color: #3a220a; background: url(../builtin/mm_textarea_bg.png) no-repeat left top; height: 94px; padding-bottom: 10px; margin-bottom: -16px;}


/* ################ */
/* ### SITE MAP ### */
/* ################ */
.Phuse_SiteMap_UL { list-style: none; margin: 0; padding: 0;}
.Phuse_SiteMap_LI {}
.Phuse_SiteMap_LI a {display: block; padding: 0px; height: 17px; color: #fff; width: 206px; background: url(../builtin/green_square.gif) no-repeat 5px 8px; padding-left: 19px; padding-top: 5px; padding-bottom: 2px; margin-bottom: -2px;}
.Phuse_SiteMap_LI a:hover {color: #d5dd3d;}

/* ################### */
/* ### PHUSE FEEDS ### */
/* ################### */


/* ###################### */
/* ### SEARCH RESULTS ### */
/* ###################### */

.search_results_pane {font-weight: normal;}
.search_results_pane strong{ color: #d5dd3d;}
.search_results_pane h3{ font-weight: bold; margin-top: 0;}
.search_results_pane a { color: #fff;}
.search_results_pane a:hover {color: #d5dd3d;}
.search_results_pane b{font-weight: normal; }

.search_results_pane .results {margin-bottom: 20px;}
.search_results_pane .results p{font-weight: bold;color: #d8cdc2; margin-top: 20px;}

.search_return {}
.search_return p { margin: 0px; padding: 0; color: #d8cdc2; }


.search_return strong {}
.search_count {width: 85px; float: left; }
.paging {width: 300px; float: left; text-align: left; margin-top: 3px;  }
.paging a{background: url(../builtin/content_bg.png) repeat left top; padding: 3px 8px 5px 7px; color: #d5dd3d; text-decoration: none; height: 15px; width: 15px; font-weight: normal; border: 1px solid #120a02;}
.paging a:hover {color: #fff; }


.search_result_item { color: #ef3524; padding: 0 0 10px 0;}
.search_result_item h3{margin-bottom: -10px;}

/* ######################### */
/* ### END OF STYLESHEET ### */
/* ######################### */