/* Main HTML Tags ------------------------------------------------------------------------------------------------------------ */

* {margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } /* "AvantGarde Bk BT" "AvantGarde Md BT" */
img, a img {border: 0; }
html, body { height:100%; }
body { margin: 0; padding: 0; text-align: center; color: #000; font-size: 13px; 
	background: url(http://www.sfusion.com/images/common/body_bg.jpg) top center repeat-x; }

#container {width: 858px; text-align: left;  margin: 0 auto; position: relative;  text-align: left;}
#header {position: absolute; top: 0px; right: 0px;}
#content {margin: 10px;}
/*
#leftContent { 	width: 640px; float: left; margin-left: 30px; }
#rightContent { width: 238px; float: left; margin-left: 35px;  }
*/

#homepage_link {text-indent: -300px; overflow: hidden; position: absolute; top: 4px; left: 0px; height: 86px; width: 380px;}
#footer { padding: 24px 10px 0 10px;  clear: both; text-align: center; }



/******* TOPIC MENU ************/

.topic_menu {width: 200px; background: #eee url(http://www.sfusion.com/images/boxes/topic_list_sm.png) no-repeat; float: left; border-bottom: 1px solid #e1e1e1; margin-left: 10px; padding: 0; margin-bottom: 12px;}

.topic_menu ul {list-style: none; margin: 12px 6px !important;}
.topic_menu ul li {background: url(http://www.sfusion.com/images/icons/topic_tri.png) 4px 4px no-repeat; padding-left: 20px; font-size: 12px; color: #507a9c; margin-bottom: 10px;}
.topic_menu ul li a {color: #507a9c; }
.topic_menu ul li a:hover {color: #D0181C; }

.topic_menu h4 {color: #333; margin: 5px; font-size: 13px;}
.topic_menu h6 {color: #666; margin: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 9px;}


/* Main Content Variations ---- BODY CLASSES / IDS */
.noBanner {}

/* Main Content Styles ------------------------------------------------------------------------------------------------------- */

/************ MAIN CONTENT *********/

#main {float: left; width: 626px; min-height: 1px;}
.oneCol #main {width: auto; float: none; }


.seo #main {width: 520px; float: left; }
.seo #topic_menu {width: 306px; background: none; border: none; }



.quote {font-weight: bold; text-align: right; color: #25292A; margin-right: 40px; margin-bottom: 28px; margin-top: -6px;}


#main ul, #main ol {margin-bottom: 12px; margin-left: 24px; }
#main ul li, #main ol li {margin-bottom: 4px; }

a { text-decoration: none; color: #D0181C; }
a:hover { text-decoration: underline; }
p {margin-bottom: 14px;}
address {margin-left: 20px; font-style: normal; margin-bottom: 12px; }

h2 {border-bottom: 1px dashed #24292A; color: #24292A; padding-bottom: 4px; margin-bottom: 16px; font-weight: normal; font-size: 1.8em;}
h3 {margin-bottom: 20px; font-size: 16px;}

blockquote { margin: 0 40px 12px 40px;  }
#sitemap {font-size: 105%; font-weight: bold; float: left;}
#sitemap ul li {font-size: 98%; }
#sitemap li ul {font-size: 90%; font-weight: normal; }
#site_map_right { float: right; font-size: 105%; font-weight: bold; margin-right: 80px; }
#site_map_right ul li {font-size: 98%; }
#site_map_right li ul {font-size: 90%; font-weight: normal; }
li#top {font-weight: bold; }


/*********** UNIVERSAL CLASSES ***********/
.red {color: #D0181C !important; }
.blue {color: #507a9c !important; }
.clear {clear: both !important; }
.center {text-align: center; }
.gray {color: #25292A !important; }
.nobold {font-weight: normal !important; }
.small {font-size: .8em; }
.top_mar {margin-top: 12px; }
.block_image {margin-bottom: 12px !important; }
.large {font-size: 1.2em; }

img.ad {float: left; margin: 12px 0px 12px 8px; width: 200px;}

.warning {border: 1px solid #f00; background: #FAA; padding: 8px 8px 2px 8px; margin-bottom: 12px; }
.warning h4 {color: #F00; margin-bottom: 12px; font-size: 14px;}

.notice {border: 1px solid #84b4f4; background: #deebfc; padding: 8px 8px 2px 8px; margin-bottom: 12px; margin-top:35px; }
.notice h4 {color: #000; margin-bottom: 12px; font-size: 14px;}


/******* CONTACT FORM ************/
dt.def_head {display: block; margin: 12px 0 4px 0; font-weight: bold; clear: both; float: none;}
dt {float: left; width: 120px; clear: both; }
dd {float: left; width: 200px; margin-bottom: 2px; }
dd.bottom_mar {margin-bottom: 6px; }

/****** LOCATIONS *****/
.corporate_list {float: left; width: 400px; margin-left: 10px; margin-bottom: 12px;}
.corporate_list dt {width: 180px; }
.corporate_list dd {margin-bottom: 10px; }

#search_box h3 {margin-bottom: 0px; }





/*** ???? ****/
#rightContent img {margin-bottom: 14px; }
ul.packageList {margin-bottom: 24px; }
ul.packageList strong {color: #CE0D12; font-weight: bold; font-size: 16px;}
ul.packageList em {color: #000; font-size: 14px; font-weight: bold; font-style: normal; }
ul.packageList em.smallem {font-size: 12px; }
ul.packageList li em {font-size: 12px; }
ul.packageList li ul {margin-top: 3px; margin-bottom: 3px; }
.packageList li {margin-left: 30px; margin-bottom: 2px; font-size: 12px; font-weight: normal; }
.packageList hr {width: 100%; color: #000; background-color: #000; height: 1px; display: block; margin-top: 1px; margin-bottom: 10px; }

.pageTitle { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #25292A; }
.pageSummaryText { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.pageSummaryTextLtBlue { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #95C0F7; }
.pageSubTitle { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #25292A; }
.pageTextLtGray { color: #6E889F }



/* Footer Styles ------------------------------------------------------------------------------------------------------------ */
hr {border: 0; margin-bottom: 4px; height: 1px; background: #999;}
#footer {clear: both;  padding-bottom: 8px;}
#footer p { margin: 0; line-height: 18px; }
#footer p.links {cursor: default;}
#footer .contactInfo{ color: #333333; font-size:11px; }
#footer .copyright{ color: #666666; font-size:10px; line-height: 12px; }




/********
 LAYOUTS 
*********/

/************** RIGHT SIDE **********/
.right_side {float: left; width: 200px; margin-left: 10px; margin-bottom: 12px;}
.right_side h4 {margin-bottom: 12px; }



/********** HORIZONTAL BOXES **************/
#hor_boxes {width: 590px; margin-bottom: 10px;}
.hor_box {width: 184px; height: 120px; float: left; margin-right: 10px; margin-bottom: 10px; background: #e1edfd; border: 1px solid #ddd; position: relative; }
.hor_box:hover {background: #fff; cursor: pointer;}
.hor_box img {position: absolute; z-index: 1; }
.hor_box span {color: #454545; position: absolute; bottom: 6px; left: 0px; margin: 0 10px; text-align: center; z-index: 10;}

#switchable_text {height: 200px; background: #fff; border: 1px solid #ddd; clear: both; margin-right: 10px; overflow: auto;}
#switchable_text .stext {display: none; }


/********* VERTICAL BOXES **************/
.vert_box {border: 1px solid #ccc;  background: #f6f6f6; padding: 6px; margin-bottom: 4px;}
.vert_box img {float: left; padding: 2px; border: 1px solid #aaa; background: #ccc; margin-right: 10px; }
.vert_box h3 {color: #25292A; margin-bottom: 4px;}

.clean {border: none; background: none; }


/*************** GRAY CORNER FADE **********/
.gray_corner_fade {background: url(http://www.sfusion.com/images/boxes/corner_gray_fade.png) no-repeat; padding: 1px 0; margin-bottom: 20px;}
.gray_corner_fade div {height: 65px; padding-left: 108px; background: url(http://www.sfusion.com/images/icons/about_us_icons.png) no-repeat; margin: 4px 0px;}
.gray_corner_fade h3 {color: #D0181C; text-decoration: underline; margin-bottom:2px;}

#expertise {background-position: 4px 0px; }
#experience {background-position: 4px -65px; }
#efficiency {background-position: 4px -130px; }


* html .gray_corner_fade div {background-image: url(http://www.sfusion.com/images/icons/about_us_icons8.png); }


/************** PDF_LINK ************/
.pdf_link {display: block; background: url(http://www.sfusion.com/images/icons/pdf.png) 7px 4px no-repeat; position: relative; text-align: center; width: 94px; padding-top: 76px; padding-bottom: 8px; float: left; border: 1px solid #fff;}
.pdf_link:hover {background-color: #f6f6f6; border: 1px solid #ccc; }
.pdf_link span {color: #000; cursor: pointer;}


/*********** pdf wide ***********/
.pdf_link_wide {display: block; background: url(http://www.sfusion.com/images/icons/new_pdf_icons.png) no-repeat; position: relative; width: 224px; float: left; height: 57px; margin-right: 5px; margin-bottom: 8px; border: 1px solid transparent;}
.pdf_link_wide:hover {background-color: #f6f6f6; border: 1px solid #ccc; }
.pdf_link_wide span {position: absolute; top: 50%; margin-top: -9px; font-size: 18px; line-height: 20px; left: 63px;}

.right_side .pdf_link_wide { width: 198px; }
.right_side .pdf_link_wide span {font-size: 14px; }
.right_side .pdf_link_wide span.twoline {top: 25%; }

#handouts_pdf {background-position: 0px -58px; }
#logos_pdf {background-position: 0px -116px; }
#promos_pdf {background-position: 0px -174px; }
#marketing_pdf {background-position: 0px -232px; }
#events_pdf {background-position: 0px -291px; }


/*********** PORTFOLIO ****************/

/* websites */
.portfolio_website_box { padding: 6px 11px; float: left; text-align: center; height: 180px;}
.portfolio_website_box img {}
.portfolio_website_box span {display: block; width: 187px; margin-bottom: 4px; font-weight: bold;}

.portfolio_website_box_for_page_w_right_column { padding: 6px 6px; float: left; text-align: center; height: 180px;}
.portfolio_website_box_for_page_w_right_column img {}
.portfolio_website_box_for_page_w_right_column span {display: block; width: 187px; margin-bottom: 4px; font-weight: bold;}


* html pdf_link_wide {background-image: url(http://www.sfusion.com/images/icons/new_pdf_icons8.png); }



/******************** BASIC BUTTONS *************************/

.red_btn, .gray_btn, .red_btn span, .gray_btn span {display: block; float: left; height: 21px; line-height: 20px; text-decoration: none !important; cursor: pointer; outline-color: #aaa; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

.red_btn:hover, .gray_btn:hover {background-position: 0 -21px; }
.red_btn:hover span, .gray_btn:hover span {background-position: 100% -21px; }

.red_btn:active, .gray_btn:active {background-position: 0 -20px; line-height: 21px;}
.red_btn:active span, .gray_btn:active span {background-position: 100% -20px; line-height: 21px;}

.red_btn, .gray_btn {padding-left: 6px; }
.red_btn span, .gray_btn span {padding-left: 4px; padding-right: 10px; }

.red_btn {background: url(../images/buttons/basic_red_btn_left.png) no-repeat; }
.red_btn span {background: url(../images/buttons/basic_red_btn.png) 100% 0 no-repeat; color: #fff; }

.gray_btn {background: url(../images/buttons/basic_gray_btn_left.png) no-repeat; }
.gray_btn span {background: url(../images/buttons/basic_gray_btn.png) 100% 0 no-repeat; color: #5d5d5d;}	

td .gray_btn, td .red_btn {margin-left: 27px;}
.sign_up td .gray_btn, .sign_up td .red_btn { margin-left: 32px; }


/* Global Search Styles ------------------------------------------------------------------------------------------------------ */

#globalSearch{ color: #212b2d; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

#quicklinks { width: 300px; height: 183px; background: url(http://www.sfusion.com/images/boxes/quick_links_sm.png) 0 -4px no-repeat; position: absolute; top: 2px; right: -2px; z-index: 20; text-align: left; display: none; }
#quicklinks div {padding: 4px 8px; position: relative;}
#quicklinks div div {float: left; margin-left: 10px; margin-top: 4px; }
#quicklinks h6 {font-size: 11px; margin-bottom: 1px;}
#globalSearch #quicklinks h6 a {color: #000; }
#globalSearch #quicklinks a {color: #D0181C; font-size: 11px; }
#quicklinks li {font-size: 11px; line-height: 13px;}
#quicklinks ul {margin-bottom: 6px; margin-left: 16px;}
#quicklinks #close_btn {position: absolute; top: 6px; right: 6px; height: 10px; width: 10px;}

#globalSearchForm{ margin-top:6px; }
#globalSearch a{ color: #ffffff; }
#globalSearch span {color: #FFF; }
#globalSearch .DotStyle{ color:#FFFFFF; }
#globalSearch .SearchButton{
   font-size:10px;
   font-family:Verdana,sans-serif;
   cursor:pointer;
   border:outset 1px #ccc;
   background:#999;
   color:#212b2d;
   width: 65px; height: 20px;
   background:url(http://www.sfusion.com/images/common/buttonBG.jpg) repeat-x left top;
   padding-bottom: 3px;
   line-height: 15px;
   vertical-align: middle; 
}
#globalSearch .SearchTextFeild{
   font-size:14px;
   font-family:Verdana,sans-serif;
   width: 200px; 
   vertical-align: middle; 
   padding: 1px 2px;
   border: thin inset #eee; 
}