html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:'';}
abbr,acronym {border:0}
a {outline: none}

a {color: #EE7C22}
a:hover {color: #666}

body{font:12px Arial, Helvetica, sans-serif;text-align:center;background: #fff url(/images/design/bkgd-body.gif) repeat-x top; padding-top: 8px; padding-bottom: 20px}

div#header .c1 {float: left; width: 134px}
div#header .c1 h1 {background: transparent url(/images/NewSFlogo.gif) no-repeat 0 0; width: 250px; height: 57px; display: block; text-indent: -9999px; margin: 5px 0 25px 18px; padding: 0;}
div#header .c1 h1 a {width: 250px; height: 57px; display: block}
div#header .c2 {float: right; width: 365px}
div#header .c2 h2 {font-size:18px;color:#F5852A; font-weight: normal; text-align: right; margin: 7px 0 0 0}
div#header .c2 h2 span {color:#676767; font-style: italic; font-size: 12px}
div#header .c2 .phone {float: left; width: auto; margin: 7px 0 0 2px}
div#header .c2 .livechat {float: right; width: auto; margin: 16px 0 0 0}
div#header .c2 .livechat a {background: url(/images/design/product-demo.jpg) no-repeat 0 0; height: 32px; width:185px; padding: 0; text-indent:-9999px; display: block; font-weight: bold; color: #3F4C53; text-decoration: none}



div#header .c3 {float: right; width: 750px}
div#header .c3 h2 {font-size:16px; color:#F5852A; text-align: right; margin: 7px 0 0 0; font-weight: bold;}
div#header .c3 h2 span {color:#676767; font-style: italic; font-size: 16px; font-weight: bold;}
div#header .c3 .phone {float: left; width: auto; margin: 15px 0 0 0}
div#header .c3 .livechat {float: right; width: auto; margin: 16px 0 0 0}
div#header .c3 .livechat a {background: url(/images/design/bn-live_chat.gif) no-repeat 0 0; height: 31px; line-height: 31px; padding: 0 28px 0 46px; display: block; font-weight: bold; color: #3F4C53; text-decoration: none}





div#topnav {height: 39px; width: 957px; background: #3F4C53 url(/images/design/bn-nav_left.gif) no-repeat 0 0; text-align: right; border-bottom: 1px solid #fff}

/* !!! DROP DOWN MENU !!! */

ul#navmenu {float: right; background: transparent url(images/design/bn-nav_right.gif) no-repeat 100% 0; height: 39px; width: auto; margin: 0; border: 0 none; padding: 0; list-style: none}
ul#navmenu li {margin: 0; border: 0 none; padding: 0; float: left; display: inline; float: left; border-left: 1px solid #fff; list-style: none; position: relative}
ul#navmenu ul {margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 39px; left: 0}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden}
ul#navmenu ul li {width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/}
ul#navmenu ul {border-bottom: 1px solid #fff; border-top: 1px solid #fff; left: -1px; height: auto}
ul#navmenu ul ul {border-top: 1px solid #fff; border-top: 1px solid #fff; height: auto; top: -1px}
ul#navmenu li.last ul {left: -12px}
ul#navmenu li.last ul ul {left: -161px}
ul#navmenu li.nudge ul {left: -1px}
ul#navmenu li.nudge ul ul {left: -161px}

/* Root Menu */
ul#navmenu a {padding: 16px 8px 8px 15px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #fff; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {background: #313C42; color: #fff}

ul#navmenu li.last:hover a,
ul#navmenu li.last.iehover a,
ul#navmenu li.last a:hover {background: #313C42 url(/images/design/bn-nav_right02.gif) no-repeat top right}

/* 2nd Menu */
ul#navmenu li.last:hover li a,
ul#navmenu li.last.iehover li a,
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {text-align: left; padding: 3px 0 3px 5px; float: none; background: #313C42; color: #fff; border-right: 1px solid #fff}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {background: #252F34; color: #FFF}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {background: #313C42; color: #fff}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {background: #252F34; color: #FFF}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {background: #313C42; color: #fff}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {background: #252F34; color: #FFF}

ul#navmenu ul ul,
ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left: 159px}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {display: none}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {display: block}

div#subnav {border-bottom: 1px solid #fff; width: 957px; height: 67px; background: url(/images/design/march08/bn-subnav_tile.gif) repeat-x top}
div#subnav .c1 {float: left; width: auto; height: 67px; line-height: 67px; margin: 0 0 0 18px}
div#subnav .c1 h2 {font-size: 22px; color: #fff; line-height: normal; margin-top: 25px}
div#subnav .c1 h2 span.bold-italic {font-style: italic; font-weight: bold}
div#subnav .c1 h2 span.smaller {font-size: 13px; font-weight: normal; font-style: normal}
div#subnav .c2 {float: right; width: auto; text-align: right}
div#subnav .c2 ul {width: auto; margin-right: 20px; float: left}
div#subnav .c2 li {float: left; margin: 0 0 0 25px}
div#subnav .c2 li a {height: 66px; line-height: 66px; display: block; padding: 2px 0 0 56px; color: #464646; font-weight: bold; text-decoration: none}
div#subnav .c2 li.demo a {background: transparent url(/images/design/march08/bn-subnav_btn01.gif) no-repeat 0 0; padding-right: 30px}
div#subnav .c2 li.gallery a {background: transparent url(/images/design/march08/bn-subnav_btn02.gif) no-repeat 0 0; padding-right: 23px}
div#subnav .c2 li.quote a {background: transparent url(/images/design/march08/bn-subnav_btn03.gif) no-repeat 0 0; padding: 2px 58px 0 60px}

div#container{text-align:left}

/*
div#content {padding-bottom: 22px; background: url(/images/design/c-tile.gif) repeat-x bottom}
div#content .flash {width: 100%; float: left; margin: 0 0 22px 0}
div#content .c1, div#content .c2, div#content .c3 {height: auto; float: left; background: url(/images/design/dots-vert.gif) repeat-y 100% 27px}
div#content .c1 {width: 388px}
div#content .c1 h2 {padding-left: 13px}
div#content .c1 a {font-size: 10px}
div#content .c2 a {font-size: 10px}
div#content .c3 a {font-size: 10px}
div#content .c2 {width: 240px; text-align: center}
div#content .c3 {width: 316px; background: none}
div#content .c3 table td {vertical-align: middle; font-size: 10px; text-align: left; text-transform: uppercase}
div#content .c3 table td.more {text-align: right}
div#content .c3 table td.more a {margin-right: 11px}
div#content .c1 h2, div#content .c2 h2, div#content .c3 h2 {text-align: left; font-size: 14px; color: #676767; border-bottom: 1px solid #676767; margin: 0 11px 14px 8px; padding: 0}
div#content .c1 p, div#content .c2 p, div#content .c3 p {margin: 0; padding: 0}
div#content .c1 p {margin: 0 0 0 13px; padding: 0}
div#content .c1 p img {margin-bottom: 5px}
*/

div#content {padding-bottom: 20px; float: left; width: 100%}
div#content .primary {background:url(../images/design/march08/prime-repeat.gif) repeat-x 0 0; width: 957px; height: 300px; float: left; margin-bottom: 20px}
div#content .primary a {text-decoration: none; color:#fff}
div#content .primary .section-a {font-size:12px; margin: 0; float:left; width:652px; height: 300px; background:url(../images/design/march08/primeL.jpg) no-repeat; color:#fff;}
div#content .primary .section-a a{font:12px Arial, Helvetica, sans-serif; text-decoration:underline}
div#content .primary .section-a a:hover{text-decoration:underline; color:#fbad17}
div#content .primary .section-a h2 {font-size:22px; font-weight:bold; color:#fbad17; margin:27px 0 0 157px;}
div#content .primary .section-a p {margin: 15px 10px 0 157px;}
div#content .primary .section-a .sub-a {margin:50px 0 0 93px;}
div#content .primary .section-a .sub-a p.call {font-weight:bold; font-size:20px; color:#fbad17; margin:0 0 0 157px; padding:0;}
div#content .primary .section-a .sub-a p.call a{font-weight:bold; font-size:20px; color:#fbad17}
div#content .primary .section-a .sub-a p.call a:hover{text-decoration: underline}
div#content .primary .section-a .sub-a p.phone {font-weight:bold; font-size:17px; color:#fff; margin:0 0 0 157px; padding:0;}
div#content .primary .section-a .sub-a p.savings {font:12px Arial, Helvetica, sans-serif;}
div#content .primary .section-a .sub-a p.savings a{font:12px Arial, Helvetica, sans-serif;}
div#content .primary .section-a .sub-a p.savings a:hover{text-decoration: underline}

div#content .primary .section-a p strong {font-weight: bold; font-size: 18px}
div#content .primary .section-b {color: #fff; float: right; width:304px; height:291px; background:url(../images/design/march08/primeR.gif) no-repeat right;}
div#content .primary .section-b h2 {font-size: 22px; font-weight: bold; color: #fff; margin: 12px 0 0 0; padding-bottom: 35px; background: url(/images/design/jan08/df-round_arrows.gif) no-repeat bottom left; line-height: 23px}
div#content .primary .section-b h2 span {font-size: 13px; font-weight: bold; font-weight: normal; color: #fff; margin-top: 3px; display: block}
div#content .primary .section-b .list-a, div#content .primary .section-b .list-b {float: left; width: auto; margin:10px 0 0 15px;}
div#content .primary .section-b .list-a {}
div#content .primary .section-b h3 {font-size: 16px; font-weight: bold; color: #FFF; text-indent: 12px}
div#content .primary .section-b h3 a {height: 46px; line-height: 46px; display: block}
div#content .primary .section-b h3 a:hover {color: #FCB315}
div#content .primary .section-b h3.licenses a {padding: 0 0 0 0px}
div#content .primary .section-b h3.services a {padding: 0 0 0 0px}
div#content .primary .section-b ul {margin-left: 20px}
div#content .primary .section-b li {background: transparent url(/images/design/jan08/df-arrow.gif) no-repeat 0 5px; padding-left: 12px; line-height: 20px}
div#content .primary .section-b li a:hover {text-decoration: underline}
div#content .secondary {color: #3F4C53; width: 100%; float: left; background: url(/images/design/jan08/df-secondary_head.gif) no-repeat 0 0}
div#content .secondary .item {margin-right: 10px; width: 312px; float: left; font-weight: bold; font-size: 13px}
div#content .secondary .item .inner {margin: 15px 0 0 0; float:left; width: 100%;}

div#content .secondary .item .inner .top {line-height:85px; height:auto; border-bottom:1px dotted #4a4a4a; padding:15px 0 25px 15px;}
div#content .secondary .item .inner .bottom {padding:20px 0 25px 15px;}
div#content .secondary .item .inner .top p,
div#content .secondary .item .inner .bottom p {font-weight:normal; color:#3F4C53; line-height:18px; margin:0; padding:0;}
div#content .secondary .item .inner .bottom p a:link {font-weight:normal; color:#3F4C53;}
div#content .secondary .item .inner .top .head,
div#content .secondary .item .inner .bottom .head,
div#content .secondary .item .inner .top p.head a:link {color:#EE7C22; font-weight:bold;}

div#content .secondary .item .inner p {margin: 0 10px 15px 15px; line-height: 18px}
div#content .secondary .item .inner p.float-left {margin: 62px 0 0 15px}
div#content .secondary .item .inner img.float-left {margin-top: 15px}
div#content .secondary .item .inner p em {font-size: 13px; font-weight: bold; line-height: 21px; color: #3F4C53}
div#content .secondary .item .inner p em a {text-decoration: none} 
div#content .secondary .last {margin-right: 0}
div#content .secondary .last img {float: left}
div#content .secondary .item h3 {font-size: 18px; font-weight: bold; font-style: italic; color: #fff; text-indent: 18px; float: left; width: 100%; height: 29px; line-height: 29px}
div#content .secondary .item h3.subhead02 {text-indent: 61px}
div#content .secondary .item h3.subhead03 {text-indent: 30px}
div#content .secondary .item .inner {float: left; clear: both}
div#content .secondary .item .inner span.larger {font-size: 16px; font-weight: bold; line-height: 25px; color: #EE7C22} 
div#content .secondary .item ul {overflow: hidden; list-style: none; margin: 0 0 15px 15px}
div#content .secondary .item li {padding-left: 10px; background: url(../images/design/bullet-check.gif) no-repeat 0 5px; width: auto}
div#content .secondary .left {font-size: 13px}
div#content .secondary .left p.head {color:#f89a1b; font-weight:bold; font-size:14px;}

/*---------------------------------------------
	New Homepage
---------------------------------------------*/

#default-content { background: #fff url(../smbiz/images/design/c-tile3.gif) repeat-y 0 0; vertical-align:top;}
div#content-home {width: 707px; float:left; font-size: 12px; color: #797979; line-height: 18px; height:100%;}
div#content-home .inner {margin-left:15px;}

div#content-home .primary {width:691px; height:345px; float:left; margin:12px 0 0 0; background:url(../images/design/default/primary-bg.jpg) no-repeat 0 0;}
div#content-home .primary .r1 {width:100%; height:200px; margin:0; padding:0;}
div#content-home .primary .r2 {width:100%; height:145px; margin:0; padding:0;}
div#content-home .primary .r2 .black {width:100%; height:30px; margin:0; padding:0; line-height:30px; text-align:center;}
div#content-home .primary .r2 .black h3 {font-size:16px; font-weight:bold; color:#fff;}
div#content-home .primary .r2 .gray {}
div#content-home .primary .r2 .gray img {margin:10px 0 0 14px; float:left;}
div#content-home .primary .r2 .gray ul {float:left; margin:10px 0 0 0; }
div#content-home .primary .r2 .gray .small-biz {width:258px; margin-left:15px;}
div#content-home .primary .r2 .gray .mid-market {width:240px; padding-top:20px;}
div#content-home .primary .r2 .gray ul li {background:url(../images/design/default/primary-arrow.jpg) no-repeat 0 7px; padding-left:8px; margin-left:22px;}
div#content-home .primary .r2 .gray ul li a {font-size:11px; color:#fff; text-decoration:none;}
div#content-home .primary .r2 .gray ul li a:hover {text-decoration:none; color:#f5852a;}
div#content-home .primary .r2 .gray ul .header {background:none; padding:0;}
div#content-home .primary .r2 .gray ul .header a {font-size:17px; font-weight:bold; color:#f5852a; text-decoration:none;}
div#content-home .primary .r2 .gray ul .header a:hover {color:#fff;}

div#content-home .client-logos {padding:5px 0; margin:10px 0; border-bottom:1px solid #dcdcdc; float:left; width:691px;}
div#content-home .client-logos li {display:inline; margin:0 0 0 48px}
div#content-home .client-logos .first {margin-left:15px;}

div#content-home .why-storefront {width:231px; float:left; margin-bottom:15px; background-color:#f4f4f4; background:url(../images/design/default/why-storefront-bg-tile.gif) repeat-y 0 0;}
div#content-home .why-storefront .inner {width:100%; background:url(../images/design/default/why-storefront-bg-top.gif) no-repeat 0 0; margin:0;}
div#content-home .why-storefront .inner ul {background:url(../images/design/default/why-storefront-bg-bottom.gif) no-repeat 0 100%; padding:0 0 15px 0;}
div#content-home .why-storefront .inner ul li {margin:3px 0 3px 26px; background:url(../images/design/default/why-storefront-arrow.gif) no-repeat 0 6px; padding:0 7px; font-size:11px; color:#3f4c53}
div#content-home .why-storefront .inner ul .heading {background:none; margin:0 20px 15px 26px; padding:0; line-height:31px; border-bottom:1px solid #dcdcdc;}
div#content-home .why-storefront .inner ul .heading h4 {font-size:15px; font-weight:bold; color:#f5852a;}
div#content-home .why-storefront .inner ul li a {color:#666; text-decoration:none;}
div#content-home .why-storefront .inner ul li a:hover {text-decoration:underline;}

div#content-home .headlines {width:439px; float:left; margin-left:20px; margin-bottom:15px;}
div#content-home .headlines h4 {font-size:15px; font-weight:bold; color:#f5852a; line-height:31px; border-bottom:1px solid #dcdcdc;}
div#content-home .headlines h5 {font-weight:bold; margin:15px 0 5px;}

#leftnav-home {width: 250px; border-bottom: 1px solid #fff; background: url(../smbiz/images/design/lc-tile.gif) repeat-y left; vertical-align: top; text-align:center;}
#leftnav-home .inner-wrap h3 {font-size:14px; font-weight:bold; color:#f5852a; margin:15px 0 -5px 0;}
#leftnav-home .inner-wrap ul {margin:13px 0 13px 0; padding:0;}
#leftnav-home .inner-wrap ul li {margin:0; padding:0; background:none; height:auto; display:inline;}
#leftnav-home .inner-wrap ul li img {margin:0; padding:0;}

#leftnav-home .inner-wrap .ad-space li img {margin-bottom:10px;}

/*---------------------------------------------
	Footer Styles
---------------------------------------------*/

div#footer {background: #3F4C53;color: #fff;font-size:10px;height:39px;line-height:39px}
div#footer .c1 {padding: 0 0 0 15px; float: left; width: auto; background: transparent url(/images/design/ft-nav_left.gif) no-repeat 0 100%; height: 39px; line-height: 39px}
div#footer .c2 {padding: 0 15px 0 0; float: right; width: auto; background: transparent url(/images/design/ft-nav_right.gif) no-repeat 100% 100%; height: 39px; line-height: 39px}
div#footer a {color: #fff; text-decoration: none}
div#footer span {margin: 0 3px}

div#container{width:957px}
div#header {width: 957px;height:67px}
div#topnav {height: 39px; width: 957px}
div#subnav {width: 957px; height: 67px}
div#content{width:957px}
div#footer{width:957px}

body.home div#sidenav {display:none}
body.home div#content {width: 957px}