html,body	{ margin:0; padding:0; height:100%; }

#body2
{
margin-left: auto;
margin-right: auto;
width: 1000px;
background: #efefef url(/images/leftright-fade.png) repeat-y center;
}

ul
{
    margin-left: 30px;
    padding: 0;
}

.numberlist li {
margin-left: 0;
margin-right: 10%;
margin-top: 1em;
margin-bottom: .5em;
}

p
{
    margin-top: 20px;
    margin-bottom: 20px;
}

body
{
    background-color: #FFFFFF;
    background-repeat: repeat;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height:18px;
}

#container
{
margin-top: 0;
margin-left: 0%;
margin-right: 0%;
width: 100%;
background-color: white;
height: 100%;
min-height: 100%;
}

h1
{
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#navbox
{

border: 0px solid;
text-align: left;
width: 168px;

margin: 0;
height: auto;
}

#navbox_inner
{
background-color: white;
text-align: left;
width: 159px;

padding-top: 10px;
text-align: center;
}

.navbox_inner
{
color: black;
font-weight: bold;
text-align: center;
font-size: 18px;
}

#header
{
margin-top: 0px;
margin-left: 0px;
width: 100%;
}

#header2
{
float: right;
margin-right: 50px;
margin-top: 30px;
margin-bottom: 10px;
/*height: 40px;*/
text-align: left;
}

#right_images
{
float:right;
margin-top: 0px;
margin-right: 0px;
height: 100%;
}

#nav
{
float: right;
}

#top_bar
{
clear: left;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #006699;
/*background-image: url(/images/topbar.png); */
height: 25px;
right: 0;
left: 0;
}


#top_bar_active
{
clear: left;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #006699;
/*background-image: url(/images/topbar.png); */
height: 25px;
right: 0;
left: 0;
}

.top_bar_item
{
float: left;
margin-left: 10px;
margin-top: 0px;
position:relative;
/*border-right: 1px solid black;*/
height: 25px;
background-color: #dddddd;
color: black;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.top_bar_item_active
{
float: left;
margin-left: 10px;
margin-top: 0px;
position:relative;
/*border-right: 1px solid black;*/
height: 25px;
background-color: #006699;
color: black;
font-size: 14px;
font-weight: bold;
text-align: center;
}

#inner_top_bar
{
padding-top: 3px;
width: 350px;
margin-left: auto;
margin-right: auto;
}

.topnav
{
background-color: white;
background-image: url(/images/sf-bargradient2.png);
color: white;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 auto 0 auto;
}

.topnav a, .topnav a:link
{
color: white;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0 auto 0 auto;
text-decoration: none;
}

.topnav a:hover
{
    margin: 0;
color: #000033;
height: 30px;
}



#navigation
{
float: left;
    width: 168px;
    min-height: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 15px;
}

#list
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#list li
{

padding-left: 20px;
background-image: url(/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0.5em;
line-height: 14px;
margin-bottom: 10px;
margin-left: 15px;
}

#content
{
margin-top: 10px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 200px;
background-color: #FFFFFF;
}

#nonav_content
{
padding-bottom: 0px;
margin-top: 10px;
width: 100%;

}

#products_fp_wrapper
{
width: 860px;
margin-right: auto;
margin-left: auto;
height: auto;
}

#bottomtext
{
clear: left;
width: 860px;
margin-right: auto;
margin-left: auto;
height: auto;
padding-top: 15px;
}

#frontpage_opening_text
{
width: 200px;
}

#top
{
width: 100%;
height: 45px;
background-color: #FFFFFF;
}

#inner_top
{
background-color: white;
margin-top: 0px;
width: 980px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

#header_image1
{
margin-left: 30px;
margin-top: 25px;
width: 300px;
float: left;
}

#header_image2
{
margin-top: 13px;
float: right;
margin-right: 30px;
}

#announcement_bar
{
background-image: url('images/announcement-bar.png');
width: 620px;
height: 55px;
}

#announcement_bar:hover
{
background-image: url('images/announcement-bar-hover.png');
}

#announcement-bubble
{
clear: left;
float: left;
margin-top: 13px;
margin-left: 10px;
width: 80px;
height: 30px;
background-image: url('images/announcement-bubble.png');
}


#outer
{
clear: both;
top: 0px;
background-color: #FFFFFF;
width: 100%;
padding:0;
}

#head_inner
{
width: 980px;
margin-left: auto;
margin-right: auto;
}

#inner
{
background-color: white;
width: 100%;
float: left;
/*
border-left: medium solid #006699;
border-right: medium solid #006699;
border-top: medium solid #006699;
*/
}

#inner_sidebar
{
float: left;
background-color: #FFFFFF;
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
height: 100%;
/*
border-left: medium solid #006699;
border-right: medium solid #006699;
border-top: medium solid #006699;
*/
}

#column2
{
position: relative;
   background-image: url(/images/navbr.gif);
   background-repeat: repeat-y;
}


.navcontainer ul
{
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.navcontainer a
{
text-decoration: none;
display: block;
line-height:20px;
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
background-color: #000000;
border-bottom: 0px solid black;
text-indent: 5px;

}

.navcontainer a:link, .navlist a:visited
{
text-decoration: none;
background-color: #c8c8c8;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;
color: #000000;
font-weight: none;
text-decoration: none;
}

.navcontainer a:hover
{
text-decoration: none;
background-color: #006699;
/*
border-top: 1px solid #0A246A;
border-left: 1px solid #0A246A;
*/
color: #FFFFFF;

}

a.announcement-bar
{
color: black;
font-color: black;
font-size: 13px;
text-decoration: none;
}

a.announcement-bar:hover
{
color: black;
font-size: 13px;
text-decoration: none;
}

a.announcement-bar-active
{
color: white;
font-color: black;
font-size: 13px;
text-decoration: none;
}

a.announcement-bar-active:hover
{
color: white;
font-size: 13px;
text-decoration: none;
}

a.smallnav
{
text-decoration: none;
    font-weight: normal;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
}

a.smallnav:hover
{
text-decoration: none;
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
}

a.sidenav:hover
{
    font-weight: normal;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: white;
}

a.announcement2-bar
{
color: black;
font-color: black;
font-size: 12px;
text-decoration: none;
}

a.announcement2-bar:hover
{
color: black;
font-size: 12px;
text-decoration: none;
}

a.footerlink
{
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a.footerlink:hover
{
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    font-weight: bold;
}

.navlist a:link, .navlist a:visited
{
text-decoration: none;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.navlist a:hover
{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.launchoffer
{
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: red;
        font-weight: bold;
}

.logo
{
    margin-left: 0px;
}

.sitetitle {
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        color: #006699;
        font-weight: bold;
        margin-top: 0px;
}

.sitetitle_larger {
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 25px;
        color: #FFFFFF;
        font-weight: bold;
        padding-top: 25px;
}


.siteerror {
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        color: red;
        font-weight: bold;
        margin-top: 0px;
}

.list
{
    line-height:25px;
}

.subheader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.plan_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

tr td
{

}

.box {
background-color: white;
border : 1px solid black;
padding : 10px;
}
.title {
background-color: #FFCC00;
position : relative;
top : 10px;
left : 25px;

background-color : white;
padding : 0 5px;
}

.redheader
{
color: #CC0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
}

#banner
{
	margin: 0;
	padding: 0;
	background: url(/images/center.gif) top left repeat-x;
    height: 50px;
    width: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: white;
}

#banner p
{
	padding-top: 3.5px;
		margin: 0 1%;

	border: 0;
	}

#mid
{
}
.greenheader
{
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
}


.products a:link, .products a:visited
{
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}
.products
{
    line-height: 15.0pt;
}
.products a:hover
{
    color: #FF9900;
    text-decoration: underline;
}

.section_header
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.product_header
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.product_desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
/*	font-weight: bold; */
}

.product_info
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
}

.bottomnavi a:link, .bottomnavi a:hover, .bottomnavi a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	text-decoration: none;
    font-size: 12px;
}

.offer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: red;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
}

.largeinfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 25px;
}

.largerinfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #FF6600;
}

#footer
{
width: 100%;

background: #e8e8e8;
font-weight: bold;
height: 20px;
font-size: 12px;
margin-top: 3033px;
}

#footer a.more {color: #fff; font-weight: bold; } #footer a.more:active {color: #fc0; }

.feature_section_side {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.feature_section_header
{
font-weight: bold;
}

.bullets li
{
padding-bottom: 10px;
}

.product_white
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-top: 5px;
}

.box_product_detail
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	margin-left: 20px;
	}
.normtext
{
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15x;
}

#redproduct
{
float: left;
width: 200px;
height: 224px;
background-image: url(/images/frontpage/redproduct.png);
}

#blueproduct
{
float: left;

margin-left: 20px;
width: 200px;
height: 224px;
background-image: url(/images/frontpage/blueproduct.png);
}

#greenproduct
{
float: left;
margin-left: 20px;
width: 200px;
height: 224px;
background-image: url(/images/frontpage/greenproduct.png);
}

#purpleproduct
{
float: left;
margin-left: 20px;
width: 200px;
height: 224px;
background-image: url(/images/frontpage/purpleproduct.png);
}

.whiteheader
{
margin-top: 10px;
color: white;
font-size: 18px;
font-weight: bold;
text-align: center;
}

#frontpage_left
{
width: 400px;
height: 300px;
margin-top: 10px;

/*background: url('/images/front-left-fade.png');
border: 2px solid black;
*/
}

#frontpage_right
{
width: 400px;
margin-top: 10px;
margin-left: 20px;
float: right;
}


#frontpage_top_left_whysf
{
float: left;
margin-left: 70px;
}

#whysf
{
width: 860px;
height: 195px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background: url('/images/infobar.png');


}




#whysf_left
{

float: left;
width: 380px;
margin-left: 15px;
margin-top: 10px;
}

#whysf_right
{
width: 400px;
margin-top: 10px;
float: right;
margin-right: 0px;
}


.largewhite
{
padding-left: 20px;
color: black;
font-size: 17px;
font-weight: bold;
}


.largewhite li
{
padding-left: 5px;
list-style-image: url(/images/tick.png);
line-height: 30px;
}

.whitewelcome
{
padding-left: 30px;
padding-top: 20px;
color: #003752;
font-size: 30px;
font-weight: bold;
}

.vps_product
{
font-size: 13px;
font-weight: bold;
}


/*
.bl
{
    background: url(/images/bluebox/bl.png) 0 100% no-repeat #a1b67a;
    width: 860px;
}

.br
{
    background: url(/images/bluebox/br.png) 100% 100% no-repeat;
}

.tl
{
    background: url(/images/bluebox/tl.png) 0 0 no-repeat;
}

.tr
{
background: url(/images/bluebox/tr.png) 100% 0 no-repeat; padding:0px;
height: 110px;
}

/*
Top Bar Curves
*/

.topbar-bl
{
    background: url(/images/topbar/topbar-bl.png) 0 100% no-repeat;
}

.topbar-br
{
    background: url(/images/topbar/topbar-br.png) 100% 100% no-repeat;
}

.topbar-tl
{
    background: url(/images/topbar/topbar-tl.png) 0 0 no-repeat;
}

.topbar-tr
{
background: url(/images/topbar/topbar-tr.png) 100% 0 no-repeat; padding:0px;
height: 30px;
}

/* /////////////////////
// END TOP BAR CURVES //
///////////////////// */

.clear
{
    font-size: 1px;
    height: 1px
}

.body a:link, .body a:visited {
        text-decoration:none;
        color: black;
        text-decoration:underline;
        font-size: 13px;
        font-weight: 0;
}

.body a:hover {
        color: #FF9900;
        text-decoration: underline;
        font-size: 13px;
}

a
{
text-decoration: underline;
color: black;
}

a:hover
{
color: #006699;
}

.smallertext
{
font-size: 12px;
}

.moreinfo
{
text-align: center;
font-size: 18px;
}

.grey-bl
{
    background: url(/images/greybox/grey-bl.png) 0 100% no-repeat;
}

.grey-br
{
    background: url(/images/greybox/grey-br.png) 100% 100% no-repeat;
}

.grey-tl
{
    background: url(/images/greybox/grey-tl.png) 0 0 no-repeat;
}

.grey-tr
{
background: url(/images/greybox/grey-tr.png) 100% 0 no-repeat; padding:0px;
height: auto;
padding-top: 0px;
padding-bottom: 30px;
}

.navbox-toptext
{
text-align: center;
padding-top: 10px;
        font: Verdana, Arial, Helvetica, sans-serif;
        font-size: 17px;
        color: black;
        font-weight: bold;
        margin-top: 0px;
}

#wrap
{
width: 1000px;
background-color: #e8e8e8;
}

.tl {background: url(/images/topnav_corner_left.png) 0 0 no-repeat}
.tr {background: url(/images/topnav_corner_right.png) 100% 0 no-repeat}
.clear {font-size: 1px; height: 1px}

.tl-active {background: url(/images/topnav_active_corner_left.png) 0 0 no-repeat}
.tr-active {background: url(/images/topnav_active_corner_right.png) 100% 0 no-repeat}