/* Website: /* Website: Suzy's Suite
/* © 2008 www.ph-creative.com

/* ##################### */
/* ### GLOBAL STYLES ### */
/* ##################### */

body {padding:0px; margin:0px; color:#1c1208; background: #c9b8a7; font:normal normal 12px/100% Arial, Helvetica, Sans-Serif;}
table, table tr, table td {border:0 none; border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

.container { width: 974px; margin: 0 auto;}
#top { height: 116px; background: url(../builtin/top_bg.jpg) repeat-x top;}
    #logo { width: 289px; height: 89px; background: url(../builtin/logo.png) no-repeat left top; float: left;}
    #logo h1 a{ display: block; width: 289px; height: 89px;} 
    #logo h1 {margin: 0px; text-indent: -9999px;}
    #navigation { width: 665px; height: 80px; float: right; margin: 0px 12px 0 0px;}
    #strapline { clear: both; margin: 0px 0 0 12px; float: left; height: 27px; width: 760px;}
    #strapline p{ color: #fff; margin: 3px 0 0 ; }
    #phone { height: 36px; float: right; margin: -9px 12px 0 0px; }
    #phone p {color: #fff; margin: 12px 0 0 ; font-weight: bold;}

#content {width: 957px; margin: 15px 0 15px 12px; } 
#content_left { min-height: 215px; width: 300px; margin: 0; float: left; }  
    .mm_form {width: 300px; background: #1c1208; }
    .mm_form .top {width: 300px; height: 133px; background: url(../builtin/mm_form_top1.gif) no-repeat left top;}
    .mm_form .mid {width: 260px; padding: 0px 20px;}
    .mm_form .btm {width: 300px; height: 20px; background: url(../builtin/mm_form_btm.gif) no-repeat left top;}
    .mm_form h3 { font-weight: normal; font-size: 20px; line-height: normal; margin: 0px; padding: 0 0 5px 0; color: #fff;}
   
#content_right { width: 644px; margin: 0; float: right; } 
    #breadcrumb { color: #1c1208; font-size: 11px; margin: 2px 0 12px 8px;}
    
    .content_top { width: 644px; height: 14px; background: url(../builtin/content_right_top.png) no-repeat left top; float: left;}
    .content_mid { width: 570px; background: url(../builtin/content_right_mid.png) repeat-y left top; padding: 22px 37px 11px 37px; float: left;}
    .content_btm { width: 644px; height: 14px; background: url(../builtin/content_right_btm.png) no-repeat left top;float: left;}

#footer { height: 480px; background: url(../builtin/footer_bg.jpg) repeat-x top;}

#footer .container { position: relative; z-index: 1;}
    #footer_left { width: 400px; height: 313px; float: left; margin: 0 0 0 9px;}
        #shelf {width: 321px; height: 151px; background: url(../builtin/shelf.png) no-repeat left top; margin: 7px 0 8px 0;}
        #services { height: 146px; width: 400px; margin: -7px 0 0 3px;}
    #footer_right { width: 317px; height: 313px; float: left; margin-left: 7px; }
        #bookmarks {width: 317px; height: 92px; margin: 29px 0 26px;}
        #contact {width: 317px; height: 120px; margin: 0; color: #fff;}
        #contact p { line-height: 140%; margin: 0;}
        #contact a:hover { color: #fff; text-decoration: none;}
    #carpet { height: 96px; width: 555px; clear: both; margin: 27px 0 0 12px; float: left;}
        #search { width: 570px; height: 30px; margin: 20px 0 26px; }
            .search_header { width: 282px; height: 29px; float: left; margin: 0px;}
            .search_form { width: 278px; height: 29px; float: right; margin: 0px; background: url(../builtin/search_bg.png) no-repeat top left;}
            .Phuse_Search_TextQuery { background: none; width: 208px; height: 22px; border: none; float: left; color: #1c1208; font-size: 12px; margin: 0px; padding: 7px 7px 0px 7px;}
            .Phuse_Search_Button {background: url(../builtin/search_btn.png) no-repeat left; width: 49px; height: 31px; border: none; cursor: pointer; float: right;}

        #copyright { width: 555px; height: 12px; margin-top: -3px;}
        #copyright p { font-size: 11px; color: #1c1208; margin: 0; line-height: 130%;}
    #footer_bottom { height: 44px; margin: 0 0 0 12px; clear: both; border-left: 1px solid #fff;}
        #terms_links { float: left; clear: both; margin: 1px 0 0 0; height: 43px;}
        #phuse_links { float: left; width: 448px; margin: 1px 0 0 0; height: 43px;}
        #phuse_links ul, #terms_links ul{ margin: 0; padding: 0; list-style: none;}
        #phuse_links ul li, #terms_links ul li {height: 43px; margin: 0; padding: 0; list-style: none; display: inline; float: left;  border-right: 1px solid #fff;}
        #phuse_links ul li a { display: block; float: left; height: 29px; padding: 14px 10px 0; }
        #terms_links ul li a { display: block; float: left; height: 26px; padding: 17px 10px 3px; }
        #phuse_links ul li a:hover, #terms_links ul li a:hover { text-decoration: none; color: #fff;}
        #phuse_links p {margin: 0px; padding: 3px 4px 0 0; display: inline; font-size: 12px; color: #fff; float: left;}
        .ph_logo { width: 95px; height: 16px; background: url(../builtin/phlogo.jpg) no-repeat left top; float: left; }
        .phuse_logo { width: 56px; height: 16px; background: url(../builtin/phuselogo.jpg) no-repeat left top; float: left;}
        .ph_logo span{display: block; width: 95px; height: 16px; text-indent: -9999px; }
        .phuse_logo span{display: block; width: 56px; height: 16px; text-indent: -9999px;}

#couch {width: 721px; height: 481px; background: url(../builtin/couch.png) no-repeat right bottom; float: right; margin: -481px 0 0 0;}

.plasma {width: 610px; height: 346px; background: url(../builtin/plasma.png) no-repeat left top; float: right; margin-right: -6px; cursor: url(../builtin/remote.cur), pointer;}

.plasma a { position: relative; z-index: 100;}
.tv_left {width: 312px; height: 254px; margin-left: 47px; margin-top: 35px; overflow: hidden; float: left; }
.tv_left h2 { color: #fff; font-size: 28px; float: left; width: 312px; margin-top: -5px;}
.tv_left p { color: #fff; line-height: 130%; font-size: 14px;}

#flashcontent { width:332px;height:254px;background:url(../builtin/video_bg.gif) repeat-y;position:absolute;z-index:500; }
.welcome {width: 312px; height: 254px; overflow: hidden; }
.blogs {width: 312px; height: 254px; overflow: hidden; position: relative;}
.tweets {width: 312px; height: 254px; background: url(../builtin/twitter_posts.png) no-repeat left top; overflow: hidden;position: relative;}
.news {width: 312px; height: 254px; overflow: hidden;position: relative;}
.testimonial {width: 312px; height: 254px; overflow: hidden;position: relative;}

.tv_right { float: right; width: 188px; height: 254px; margin-top: 35px; margin-right: 39px;}
.date { height: 12px; margin: 44px 10px 0;}
.menu { height: 187px; margin: 12px 0px 0;}
    .menu ul{ list-style: none; padding: 0; margin: 0;}
    .menu ul li{ border-top: 1px solid #000;}
    .menu ul li a{ display: block; color: #fff; font-size: 12px; padding: 12px;}
    .menu ul li a:hover{ display: block; color: #fff; font-size: 12px; text-decoration: none; background: #c13801;}

.blog h2 { margin-top: 8px; margin-bottom: -7px;}
.blogFeed {display: none;}
#blogFeed {float: left; margin: 1px 0 0;}
#blogFeed li{ overflow: hidden;margin: 0;list-style: none;  clear: both;}
#blogFeed li a{ color: #fff; display: block; width: 259px; padding-right: 40px;}
#blogFeed li a:hover{ text-decoration: none; color: #c13801; }

.blog_link { border-bottom: 1px dotted #636363; clear: both; height: 20px; padding: 25px 0 0px 0; display: block; margin: 5px 0 0;}
.first_blog {background: url(../builtin/new_blog_post.png) no-repeat right top;}
.first_blog a, .blog_link a {  display: block; height: 45px; padding: 0; font-size: 14px;}
.first_blog a:hover, .blog_link a:hover { color: #fff !important;}

.tweets .twitter { background: none;}
#twitter ul {list-style: none; margin: 0; padding: 0; }
#twitter li { margin: 3px 31px 30px 11px; padding: 0;font-size: 14px; height: 56px; padding-top: 10px; overflow: hidden;}
#twitter li a{ }
#twitter a:hover {}
#twitter_update_list { float: left;}
#twitter span {line-height: 140%;}

.single_testimonial { width: 299px; margin: 5px 0 0;}
.open_quote {background: url(../builtin/open_quote.png) no-repeat left top; width: 28px; height: 22px;}
.closed_quote {background: url(../builtin/closed_quote.png) no-repeat left top; width: 28px; height: 22px; float: right; margin-top: -10px;} 

*::selection { background:#c13801;color:#fff; }

*::-moz-selection { background:#c13801;color:#fff; }


/* #################### */
/* ### TEXT STYLES ### */
/* #################### */

p, ol li{}
.content_mid p, .content_mid li { line-height: 140%;}


/* ################### */
/* ### LINK STYLES ### */
/* ################### */
 
a {outline: none; color: #c13801; text-decoration: none;}
a:hover {color: #631c02; text-decoration: none;}

#footer a{ color: #c9b8a7;}
#footer a:hover{ color: #fff; text-decoration: none;}

.arrow { height: 13px;  padding-top: 0px; margin-bottom: 4px;}
.arrow a {height: 8px; padding-left: 13px; background: url(../builtin/footer_services_arrow.png) no-repeat left; color: #c9b8a7; }
.arrow a:hover {text-decoration: none; color: #fff;}

.social_bookmark ul {margin: 0px; padding: 0px; float: left;}
.social_bookmark li {width: 46px; height: 46px; list-style: none; float: left; margin: 0 7px 0px 0; padding: 0px;}
.delicious a, .digg a, .stumble a, .facebook a, .twitter a, .reddit a { display: block; width: 46px; height: 46px; text-indent: -9999px; }
.delicious a:hover, .digg a:hover, .stumble a:hover, .facebook a:hover, .twitter a:hover, .reddit a:hover { text-decoration: none; border: none;}
.delicious {background: url(../builtin/delicious.png) no-repeat left top; width: 46px; height: 46px;}
.digg {background: url(../builtin/digg.png) no-repeat left top; width: 46px; height: 46px;}
.stumble {background: url(../builtin/stumble.png) no-repeat left top;}
.facebook {background: url(../builtin/facebook.png) no-repeat left top;}
.twitter {background: url(../builtin/twitter.png) no-repeat left top;}
.reddit {background: url(../builtin/reddit.png) no-repeat left top;}

.resource_links { border-top: 1px solid #825b34; clear: both; display: block; margin-top: 20px; height: 56px; width: 570px;}
.resource_link img{border: 0;}
.resource_link {height: 47px; float: right; margin: 9px 0 0 9px; }


/* ##################### */
/* ### HEADER STYLES ### */
/* ##################### */
 
h1 {}
h2 {color: #c13801; font-size: 30px; line-height: 50px; margin: 0px; padding: 0; font-weight: normal; letter-spacing: normal; }
h3 {color: #1c1208; font-size: 18px; line-height: normal; padding: 0 0 2px 0; font-weight: normal;}
h4 { color: #631c02; font-size: 14px; margin-top: 1px;}
h5 {font-size: 14px; margin-top: 1px;}
h6 {font-size: 12px;}

#footer_left h4, #footer_right h4 { color: #fff; margin: 0 0 3px 0; padding: 0; font-size: 26px; width:317px; line-height: 50px; float: left;}
#search h4 { color: #000; margin: -5px 0 0 0; padding: 0; font-size: 25px; width:1px; height: 30px; line-height: 40px; float: left; letter-spacing: -1px;}

/* #################### */
/* ### IMAGE STYLES ### */
/* #################### */

.paperclip_photo { width: 164px; height: 188px; margin-top: -44px; margin-right: -17px; margin-left: 10px;}

.quote .photo {margin: 0 8px 8px 0; background: url(../builtin/polaroid_bg.gif) no-repeat left top; width: 130px; height: 156px; padding: 10px 0 0 10px;}
.quote .photo img { width: 120px; height: 121px;}


/* ############################## */
/* ### DOWNLOADABLE RESOURCES ### */
/* ############################## */

.download {margin-bottom: 10px;}
.download .icon { width: 58px; height: 62px; float: left; margin-right: 10px;}
.download .link { padding-top: 30px;}

/* #################### */
/* ### PANEL STYLES ### */
/* #################### */
 
.NormalPanel {margin:0px; padding:0px;}

.quote { border-bottom: 1px solid #825b34; padding-bottom: 20px; margin-bottom: 20px; float: left; margin-top: 10px;}
.quote .open { padding-right: 10px; padding-top: 5px;}
.quote .btm {width: 21px; height: 18px; background: url(../builtin/closed_quote.gif) no-repeat left top; margin-top: -45px; float: right;}
.quote li {clear: left;}

.map {background: #fff; padding: 0; border: 1px solid #825b34; width: 238px; height: 200px;}
.map p {margin: 0}
#map {width: 218px; height: 180px; margin: 10px;}
#map a, #map span {display: none;}

/* ####################### */
/* ### MAIN NAVIGATION ### */
/* ####################### */

#navigation a, #navigation a:hover { color: #fff; text-decoration: none; float: left;}

table.NavigationMenu {border-left: 1px solid #1c1208; border-right: 1px solid #755143; border-collapse:collapse; border-spacing:0; margin:0;padding:0; font-weight: normal; font-size: 14px; float: right; } 
 
table.NavigationMenu tr, table.NavigationMenu td  {border:0 none; border-collapse:collapse; border-spacing:0; margin:0; padding:0; text-align: center;}

.MainMenuItem_Normal {margin: 0; cursor:pointer; float:left; height:80px; display: block; border-left: 1px solid #755143; border-right: 1px solid #1c1208;}
.MainMenuItem_Normal a { display: inline; padding: 35px 13px; height: 10px; }
 
.MainMenuItem_Over {margin: 0; cursor:pointer; float:left; height:80px; display: block; border-left: 1px solid #755143; border-right: 1px solid #1c1208; background:url(../builtin/nav_active.png) repeat-x left top;}
.MainMenuItem_Over a { display: inline; padding: 35px 13px; height: 10px; }

 
 
 
 
.Phuse_MI_SubDiv {margin: 0px auto 0px auto; padding: 0; border: none; width: 209px; color: #fff; background:#1c1208;}

.Phuse_MI_SubTable{border:0 none; border-collapse:collapse; border-spacing:0; margin:0px; padding:0;}
.Phuse_MI_SubTable tr{border:0 none; border-collapse:collapse; border-spacing:0; margin:0 auto; padding:0;}
.Phuse_MI_SubTable td {border:0 none; border-collapse:collapse; border-spacing:0; margin:0px auto; padding:0;}

.SubMenuItem_Normal{cursor: pointer; width: 197px; display: block;padding: 6px; color: #fff;}
.SubMenuItem_Normal:hover {text-decoration: none; background:#c13801;}
 
.SubMenuItem_Over {cursor: pointer; width: 197px; display: block;padding: 6px; color: #fff;}
.SubMenuItem_Over:hover {text-decoration: none; background:#c13801; color: #fff;}
 
/* ################## */
/* ### BREADCRUMB ### */
/* ################## */


#breadcrumb h1 {text-indent: 0px;}
#breadcrumb a {color: #1c1208; text-decoration: none; font-size: 11px; display: inline;}  
#breadcrumb a:hover {text-decoration: none;}
#breadcrumb h1.Phuse_Breadcrumb_CurrentPage_Header {display: inline; font-size: 11px; color: #1c1208; }
#breadcrumb .Phuse_Breadcrumb_Home_Link{}
#breadcrumb .Phuse_Breadcrumb_Link {}
 
.Phuse_Breadcrumb_Link { }
.Phuse_Breadcrumb_Link:hover { }
 
.Phuse_Breadcrumb_CurrentPage_Header { }
.Phuse_Breadcrumb_CurrentPage_Header { }
.Phuse_Breadcrumb_CurrentPage_Header { }
 
.BreadCrumb .Phuse_Breadcrumb_Home_Link { }
.BreadCrumb .Phuse_Breadcrumb_Home_Link:hover { }
 
.Phuse_Breadcrumb_CurrentPage_Header { }
.Phuse_Breadcrumb_CurrentPage_Header_Link { }
.Phuse_Breadcrumb_CurrentPage_Header_Link:hover { }
 
/* ######################### */
/* ### MM - CAPTURE FORM ### */
/* ######################### */


.MMDataCaptureForm_Table {}
.MMDataCaptureForm_Table input {}
.MMDataCaptureForm_ErrorTD {}
.MMDataCaptureForm_LabelTD {}
.MMDataCaptureForm_FieldTD {}
.MMDataCaptureForm_Input {}
.MMDataCaptureForm_ButtonEmptyTD {}
.MMDataCaptureForm_ButtonTD {}
.MMDataCaptureForm_SubmitButton { }


.mm_form .MMDataCaptureForm_Table {width: 260px; margin: 0px;}
.mm_form .MMDataCaptureForm_Table tr{ border-bottom: 1px dotted #825b34;}
.mm_form .MMDataCaptureForm_Table input {font:normal normal 12px/100% Arial, Helvetica, Sans-Serif;}
.mm_form .MMDataCaptureForm_ErrorTD {text-align: center; font-weight: bold; padding-bottom: 5px; }
.mm_form .MMDataCaptureForm_LabelTD { width: 88px; height: 29px; color: #fff; }
.mm_form .MMDataCaptureForm_FieldTD {width: 172px; height: 29px; background: url(../builtin/mm_input_bg.png) no-repeat left top; margin: 9px 0;float: right; }
.mm_form .MMDataCaptureForm_Input {color: #1c1208; font-size: 12px; border: none; margin: 0px; width: 152px; height: 22px; padding: 7px 10px 0 10px; background: none;}
.mm_form .MMDataCaptureForm_ButtonEmptyTD {width: 88px; }
.mm_form .MMDataCaptureForm_ButtonTD {width: 169px; height: 31px; float: right; margin-top: 10px;}
.mm_form .MMDataCaptureForm_SubmitButton { background: url(../builtin/mm_submit_btn.gif) no-repeat left top; border: none; width: 169px; height: 31px; cursor: pointer; margin: 0; text-indent: -9999px;}

.content_mid .MMDataCaptureForm_Table {width: 302px; margin: 0px;}
.content_mid .MMDataCaptureForm_Table tr{ border-bottom: 1px dotted #825b34;}
.content_mid .MMDataCaptureForm_Table input {font:normal normal 12px/100% Arial, Helvetica, Sans-Serif;}
.content_mid .MMDataCaptureForm_Table textarea {font:normal normal 12px/100% Arial, Helvetica, Sans-Serif; background: url(../builtin/contact_textarea_bg.png) no-repeat left top; height: 149px; margin-top: -1px;}
.content_mid .MMDataCaptureForm_ErrorTD {text-align: center; font-weight: bold; padding-bottom: 1px; color: #c13801;}
.content_mid .MMDataCaptureForm_LabelTD { width: 80px; height: 29px; color: #000000; font-weight: bold; vertical-align: top; padding-top: 15px;}
.content_mid .MMDataCaptureForm_FieldTD {width: 222px; min-height: 29px; background: url(../builtin/contact_input_bg.png) no-repeat left top; margin: 9px 0;float: right; }
.content_mid .MMDataCaptureForm_Input {color: #000; font-size: 12px; border: none; margin: 0px; width: 202px; height: 23px; padding: 6px 10px 0 10px; background: none;}
.content_mid .MMDataCaptureForm_ButtonEmptyTD {width: 88px; }
.content_mid .MMDataCaptureForm_ButtonTD {width: 169px; height: 31px; float: right; margin-top: 10px;}
.content_mid .MMDataCaptureForm_SubmitButton { background: url(../builtin/submit_btn.png) no-repeat left top; border: none; width: 169px; height: 31px; cursor: pointer; margin: 0; text-indent: -9999px;}

/* ################ */
/* ### SITE MAP ### */
/* ################ */
.Phuse_SiteMap_UL { list-style: none; margin: 10px 0 0; padding: 0 0 0 20px;}
.Phuse_SiteMap_LI {min-height: 15px;  padding-top: 0px; margin-bottom: 9px; background: url(../builtin/footer_services_arrow.png) no-repeat left 8px; padding: 4px 0 2px 13px;}
.Phuse_SiteMap_LI a {}
.Phuse_SiteMap_LI a:hover { text-decoration: none;}


/* ################### */
/* ### PHUSE FEEDS ### */
/* ################### */

.feeditems {float: left; margin-top: -5px;}
.item { height: 35px; width: 259px;border-bottom: 1px dotted #636363; padding-right: 40px; padding-top: 10px;}
.itemdate { color: #c13801; font-size: 11px;}
.itemtitle { width: 295px; height: 35px; overflow: hidden;}
.itemtitle a { color: #fff; font-size: 14px; line-height: 130%; display: block; margin-top: -10px; padding-top: 10px; padding-bottom: 5px;}
.itemtitle a:hover { text-decoration: none;}

.latest_news {background: url(../builtin/new_blog_post.png) no-repeat right top;}


.news_item { height: 35px; width: 530px;border-bottom: 1px dotted #636363; padding-right: 40px; padding-top: 10px;}
.news_item .itemdate { color: #c13801; font-size: 11px;}
.news_item .itemtitle { width: 295px; height: 35px; overflow: hidden;}
.news_item .itemtitle a { color: #1C1208; font-size: 14px; line-height: 130%;}
.news_item .itemtitle a:hover { text-decoration: none;}

/* ###################### */
/* ### SEARCH RESULTS ### */
/* ###################### */

.search_results_pane {font-weight: normal; color: #000000;}
.search_results_pane strong{ color: #c13801;}
.search_results_pane h3{ font-weight: bold; margin-top: 0; color: #1c1208; font-size: 18px;}
.search_results_pane a {color: #1c1208; font-size: 18px;}
.search_results_pane a:hover {color: #c13801; text-decoration: none;}
.search_results_pane b{font-weight: normal; }

.search_results_pane .results {margin-bottom: 20px;}
.search_results_pane .results p{font-weight: bold;color: #181308; margin-top: 20px;}

.search_return {width: 530px; height: 21px; background: url(../builtin/greybar.png) no-repeat left top; padding: 6px 10px 2px 10px;}
.search_return p { margin: 0px; padding: 0; color: #181308; font-weight: bold;}


.search_return strong {}
.search_count {width: 85px; float: left;}
.paging {width: 400px; float: left; text-align: left; margin-top: 3px;}
.paging a{ position: relative; padding: 4px 7px; color: #1c1208; font-size: 11px; text-decoration: none; height: 23px; width: 23px; font-weight: bold; border: 1px solid #825b34;}
.paging a:hover {color: #631c02; text-decoration: none;}

.search_result_item { color: #ef3524; padding: 10px 0; border-bottom: 1px solid #825b34;}
.search_result_item h3{margin-bottom: -10px;}


/* ######################### */
/* ### END OF STYLESHEET ### */
/* ######################### */