/*SPRUZGEN*/
@import url(//fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic|Molengo) ; 
/* Login and Header */
	#banner-ad { display: none; }
	#page-header-custom { color: #FFFFFF; background-color: transparent; background-image: url(none); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 170px; margin: 0; }
	/*#login-area-custom-outer { display: block; position: relative; z-index: 900; height: 20px; }
	#login-area-custom { background-image: none; position: absolute; top: 0; right: 0; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }*/
	#page-header { color: #FFFFFF; background-color: transparent; background-image: url(none); background-repeat: repeat; text-align: center; position: static; width: 100%; height: 170px; margin: 0; }
	#page-header h1 { font-size: 31px; font-family: verdana; text-align: center; position: absolute; top: 16px; left: 60px; display: block; width: auto; z-index: 40; margin: 0; }
	#page-header .sub-title {text-align: center; font-size: 0.4em; display: block;}
	#header-graphic1 { position: absolute; top: 0; left: 0; width: 100%; height: 170px; z-index: 5; overflow: hidden; display: left-header-image.png;}
	#header-graphic2 { position: absolute; z-index: 5; top: 0; right: 0; width: 100%; height: 170px; overflow: hidden; display: none; }
	#header-graphic1 span { background-image: url(left-header-image.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0px; left: 25px; width: 264px; height: 168px; z-index: 5; }
	#header-graphic2 span { background-image: url(none); background-repeat: no-repeat; background-position: right top; position: absolute; z-index: 5; top: 40px; right: 24px; width: 165px; height: 80px; }
	#login-area { background-image: none; position: absolute; top: 2px; right: 12px; width: auto; height: 20px; z-index: 900; margin: 0; padding: 0 20px 0 20px; }
	.login-text td { color: #222222; background-color: transparent; }
	.login-text td a { color: #4D87CE; }
	.login-text td a:hover { color: #2A62B6; }
/* Body, Site Container and Global*/
	a { color: #4D87CE; }
	a:hover { color: #2A65AD; }
	td, th { font-size: 10pt; font-family: 'Nobile',arial,serif; }
	p { }
	body { color: #222222; font-size: 10pt; font-family: 'Nobile',arial,serif; background-color: #FFFFFF; background-image: url(bodybg.jpg); background-repeat: repeat-x; text-align: center; width: 100%; height: 100%; padding: 30px 0 10px; }
	#master-table-container { background-color: transparent; background-image: url(none); }
	#master-table { width: 100%; margin: 0; padding: 0; }
	#container { vertical-align: top; position: relative; width: 986px; margin: 0 auto; border: solid 0 #fff; }
/* Navigation and Sides */
	.side-nav-table { width: 100%; padding: 2px; }
	.side-nav-box td.header { color: #3C3C3C; font-size: 10pt; font-family: 'Nobile',arial,serif; font-family: 'Molengo', arial, serif; font-size: 18px; font-weight: bold; font-variant: normal; line-height: 27px; background-color: transparent; background-image: url(none); background-repeat: repeat; text-transform: capitalize; text-align: center; letter-spacing: 2px; bottom: 0; padding: 0 2px 0; }
	.side-nav-box tr.header-row td { background-color: transparent; }
	.side-nav-box td.content li a { display: block; padding: 5px; border-left: 1px solid #F0A400; border-right: 1px solid #F0A400; border-top: 1px solid #F0A400; border-bottom: 1px solid #F0A400; background-color: #F0A400; color: #FFFFFF; text-decoration: none; width: 100%; }
	.side-nav-box td.content { text-align: left; padding-top: 3px; padding-left: 0; color: #FFFFFF; background-color: #F0A400; background-image: url(none); }
	.side-nav-box td.content td.content { color: #FFFFFF; background-color: transparent; background-image: none; }
	html>body .side-nav-box td.content li a { width: auto; }
	.side-nav-box td.content li a:hover { border-left: 1px solid #F0A400; border-right: 1px solid #F0A400; border-top: 1px solid #F0A400; border-bottom: 1px solid #F0A400; background-color: #6C6C6C; color: #FFFFFF; }
	.side-nav-box { padding: 0; font-family: 'Nobile',arial,serif; color: #333; }
	.side-nav-box li { border-bottom: 1px solid black; margin: 0; }
	.side-nav-box ul { list-style: none outside; margin: 0; padding: 0; border: none; }
	#nav-cell { width: 1%; padding: 10px 0; background-color: transparent; }
	#ads-cell { width: 1%; padding: 10px 0; background-color: transparent; }
	#nav-links { height:auto; margin: 0; display: inline; }
	#ads-apps { width:auto; height:auto; margin: 0; display: inline; }
	.nav-spacer {width: 180px; height: 1px; margin: 0; padding: 0; overflow: hidden;}
/* Content Sections */
	.content-table { width: 100%; border:0px solid #FFFFFF; color: #3C3C3C; background-color: transparent; }
	.content-innertable {  }
	.content-cell-inner { color: #3C3C3C; }
	#content-cell-inner { color: #3C3C3C; }
	#content-cell { padding: 10px;}
	#content-container { margin: 20px 0 0; padding-right: 10px; padding-left: 10px; }
	#content-section {  }
	input, textbox, select, textarea {  }
	td.tableheader { text-align: left; height: 24px; }
	td.cell {  }
	#content-cell td.header-cell { font-weight: bold; color: #3C3C3C; background-color: transparent; background-image: url(none);  }
	#content-cell td.header-cell h3 { font-size: 16pt; line-height: 100%; margin: 0; }
	td.header { color: #ffffff; text-align: left; background-color: #09122f; padding: 3px 5px; }
/* Footer */
	#page-footer-custom { color: #6C6C6C; font-size: 10pt; font-family: 'Nobile',arial,serif; font-weight: bold; background-color: transparent; background-image: url(none); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; min-height: 47px; clear: both; margin: 0 0 0; }
	#page-footer { color: #6C6C6C; font-size: 10pt; font-family: 'Nobile',arial,serif; font-weight: bold; background-color: transparent; background-image: url(none); background-repeat: repeat; background-position: right bottom; text-align: center; position: relative; width: 100%; min-height: 47px; clear: both; margin: 0 0 0; }
	#page-footer h5 { font-size: 10pt; text-align: center; width: 100%; line-height: 30px; margin: 0; vertical-align: middle; }
	#page-bottom { margin-top: 50px; }
/* Elements */
	.element-container { background-color: transparent; width: 100%; border-width: 0; }
	#container .element-header { font-weight: bold; font-family: 'Molengo', arial, serif; font-size: 18px; color: #3C3C3C; background-color: transparent; background-image: url(none); }
	#container .element-header-inner { font-weight: bold; color: #3C3C3C; font-family: 'Molengo', arial, serif; font-size: 18px;}
	#container .element-header a { color: #3C3C3C; }
	#container .element-header-inner a { color: #3C3C3C; }
	#container .element-row1-inner { color: #222222; }
	#container .element-row2-inner { color: #222222; }
	#container .element-row1 { color: #222222; background-color: transparent; }
	#container .element-row2 { color: #222222; background-color: #F7F6F2; }

/*Custom Modifiers Start*/
/*Link Underline Remove||Style*/
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a.select-button {display: inline-block; background: #4D87CE; color: #fff; padding: 8px 28px; text-decoration: none; }
a.select-button:hover {background: #2A65AD;}

/*Remove Top Window Padding||Removes the padding at the top of your site so your header fits right next to the window edge.*/

body {padding: 0;}
#content-cell {padding: 35px 22px 0 22px; background: url(page-content-bg.png) no-repeat center 5px;}


/*Site BG Centered||Centers your site background.*/
body {background-position: center top;}

/*Unbold Title Font||Sets your title font to normal instead of bold.*/

#page-header h1 { font-weight: normal; text-shadow: #000 0 2px 8px; }
#page-header div.icons {position: absolute; z-index: 20; top: 2px; left: 275px;}
#page-header div.icons a { display: inline-block; width: 16px; height: 16px; overflow: hidden; background: url(share-icons.png) no-repeat; margin: 3px; vertical-align: top; }
#page-header div.icons a span {display: none;}
#page-header div.icons a.rss { background-position: 0px 0px;  }
#page-header div.icons a.facebook { background-position: 0px -66px;}
#page-header div.icons a.twitter { background-position: 0px -132px; }
#page-header .twitter-share-button { }
#provide-support-home { position: absolute; top: 30px !important; right: 17px; z-index: 100; }
#provide-support-home .call {line-height: 12px;}
#provide-support-home .call .number { font-weight: bold;}
.SUI-Menu-Canvas a { display: block; font-size: 15px; padding: 4px; text-decoration: none;}
.SUI-Menu-Canvas a:hover { background: #fff;}


@media (max-width: 900px) {
	#login-area, #page-header .icons { display:none;}
}

@media (max-width: 800px) {
	body { background-image: none;}
	#SPRUZ-SiteNum, #header-graphic1, .call { display:none;}
	h1.header-logo { background-repeat: no-repeat; position: static !important; margin-top: 20px; padding-bottom: 0;}
}

/*Welcome Line Style||Adds shadow and makes font smaller.*/
.login-text td { font-size: 11px; font-weight: normal;  }
#login-area {padding: 0; max-width: 485px;}

/*Header Elements||Style*/
#SPRUZ-SiteNum { font-family: 'Nobile',arial,serif; font-size: 24px; position: absolute; top: 43px; left: 308px;}

/*Top Nav Style||Adds a style to your navigation. No-bullet, larger text and lowercase.*/
@media (min-width: 800px) {
#section10 .side-nav-box td.content { background: transparent; padding:3px 10px; }
#section10 .side-nav-box td.content li a { text-shadow: #000000 0 3px 5px; font-family: 'Molengo', arial, serif; font-size: 28px; line-height: 28px; margin: 3px 0; padding: 8px 16px 13px; border-width: 0; background-color: transparent; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; }
#section10 .side-nav-box td.content li:last-child a {border-width: 0;}
#section10 .side-nav-box td.content li a:hover { text-decoration: underline; }
#section10 .side-nav-box td.content li ul.sub-menu { background-color: #6A6A6A; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#section10 .side-nav-box td.content li.on > a { text-decoration: none; color: #6a6a6a; text-shadow: #FFFFFF 0 1px 0px; background: url(nav-tab.png) repeat-x center top;}
#section10 .element-border-slice {display: none;}
}
@media (max-width: 900px) {
	#section10 .side-nav-box td.content li a { padding: 8px 10px 13px; font-size: 20px;}	
}


/*Top Nav Move Up||Moves your top navigation up.*/
@media (min-width: 842px) {
#section10 .side-nav-box { position: absolute; top: 95px; left: 300px; width: 664px;}
#section10 .side-nav-table { padding: 0;}
}
/*Element Header||style*/
#container .element-header a { color: #4D87CE;}
#container .element-header a:hover { color: #2A65AD;}

/*Site Create||style*/

#site-create-container, #featured-press-block { margin: 0 70px;}
h2.site-create { font-family: 'Molengo', arial, serif; font-size: 42px; font-weight: normal;  text-shadow: #b8b8b8 0 1px 2px; margin: 0; padding: 0; margin-bottom: 10px; }
h2.site-create em {font-style: normal; font-weight: inherit; color: #487b46; }
#site-create-container form { margin: 0; padding: 0; position: relative; background: url(site-create-bg.png) no-repeat left top; width: 794px; height: 97px;}
#site-create-container form button {background: url(site-create-bg-start.png) no-repeat 0 -150px; width: 120px; height: 94px; border: 0; position: absolute; right: 3px; top: 0; cursor: pointer; font-family: 'Molengo', arial, serif; color: #fff; font-size: 36px;}
#site-create-container form button span { display: block; margin-top: -10px; text-shadow: #095614 0 -1px 1px;}
#site-create-container form button:hover {background-position: left top;}
#site-create-container form div.input { width: 310px; height: 66px; float: left; margin: 15px -4px 0 15px; }
#site-create-container form div.input input {width: 305px; height: 46px; font-family: 'Nobile',arial,serif; font-size: 22px; line-height: 46px; color: #444444; border: 1px solid #aaa; padding-left: 10px;}
#site-create-container form div.input .label { font-size: 14px; color: #fff;}
#site-create-container .right { text-align: right; font-size: 16px; }

@media (max-width: 990px) {
	h2.site-create { font-size: 28px;  text-align: center;}
	#site-create-container, #featured-press-block { margin: 0; }
		#site-create-container form { height: auto; background: #487b46; width: 100%; padding-bottom: 70px; text-align: center; }
			#site-create-container form button { bottom: 0; height: 50px; line-height: 50px; width: 200px; text-align: center; left: 50%; right: auto; top: auto; margin-left: -100px; }
				#site-create-container form button:hover { background: #3C3C3C; }

			#site-create-container form div.input { display: inline-block; float: none; margin: 20px auto; max-width: 90%; }
				#site-create-container form div.input input { max-width: 90%; font-size: 18px;}
	div.element-container { overflow-y: visible; overflow-x: hidden;}
}



#featured-press-block { margin-top: 15px;}
#featured-press-block .buzz {width: 296px; height: 212px; float: left;  }
#featured-press-block .feature { width: 490px; height: 212px; float: right; }
#DS-feat-container {margin: 0 70px; overflow: hidden; position: relative;}
#featured-press-block .top {height: 190px;}
#featured-press-block .buzz .top { border: 1px solid #ddd; border-bottom: 0; height: 189px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;}
#featured-press-block .feature .top, #DS-feat-container .top { background: #e9e9e9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:inset 0 1px 3px #7a7a7a; -moz-box-shadow:inset 0 1px 3px #7a7a7a; -webkit-box-shadow:inset 0 1px 3px #7a7a7a;  }
#featured-press-block .bottom { text-align: center;  height: 24px; line-height: 24px; font-size: 12px; font-weight: bold; }
#featured-press-block .buzz .bottom { color: #fff; background: #70ce7d; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px;  -webkit-border-bottom-right-radius: 5px;}
#featured-press-block .feature .bottom a,  #DS-feat-container .bottom a { text-decoration: none; display: inline-block; margin: 0 15px; color: #666; }
#featured-press-block .feature .bottom a.sel,  #DS-feat-container .bottom a.sel { color: #20b433; position: relative; }
#featured-press-block .feature .bottom a.sel span,  #DS-feat-container .bottom a.sel span { width: 25px; height: 10px; position: absolute; top: -10px; left: 18px; margin: 0 auto; background: url(slide-sel-arrow2.png) no-repeat; }
#DS-start { display: block; height: 100%; background-color: #f5f5f5; background-color: rgba(255,255,255,0.35); position: absolute; right: 0; top: 0; width: 200px; z-index: 10; text-align: center; font-size: 26px; line-height: 184px;  border-radius:  0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
#DS-start strong { margin-top: -160px; display: block; font-size: .7em; color: #555;}
#DS-start span {position: absolute; display: block; background: url(right-arrowsds.png) no-repeat; width: 9px; height: 11px; top: 50%; left: -1px; margin-top: -5px;}
#DS-start:hover { background-color: #fff; background-color: rgba(255,255,255,0.65);}


#fp-buzz-box { overflow: hidden; position: relative;}
#fp-buzz-box ul {list-style: none; margin: 0; padding: 0; margin-top: 500px; }
#fp-buzz-box ul li img, #fp-buzz-box ul li span {cursor: pointer;}
#fp-buzz-box ul li span {width: 200px; display: block;}

/*Home Page||Style*/
#fp-feat-box { position: relative;   }
#fp-feat-box .slides {height: 190px; width: 490px; overflow: hidden; white-space: nowrap; position: relative; }
#DS-feat-container #fp-feat-box .slides { width: 790px; }
#fp-feat-box .slides .slide {position: relative; display: inline-block; height: 190px; width: 490px; white-space: nowrap; vertical-align: top; }
#DS-feat-container #fp-feat-box .slides .slide { width: 590px; padding-right: 200px;}
#fp-feat-box .slides .slide .thirds {display: block; width: 490px; height: 190px; position: relative; white-space: normal;}
#fp-feat-box .slides .slide .third { display: block; height: 190px; width: 163px;  position: absolute;}
#fp-feat-box .slides .slide .thirds .one {top: 0; left: 0;}
#fp-feat-box .slides .slide .thirds .two {top: 0; left: 164px; }
#fp-feat-box .slides .slide .thirds .three {top: 0; left: 328px;}
#fp-feat-box .slides .slide .label {font-family: 'Molengo', arial, serif; text-shadow: #6C6C6C 0 1px 1px;}
#DS-feat-container .slide .links { width: 150px; padding: 0 10px; height: 190px; position: absolute; white-space: normal; font-size: 11px; background-color: #a4a4a4; background-color: rgba(0,0,0,0.28); border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;}
#DS-feat-container .slide .links a { display: block; margin-top: 10px; color: #000; position: relative; color: #f5f5f5; font-weight: bold; text-decoration: none;}
#DS-feat-container .slide .links a.sel { color: #fff;}
#DS-feat-container .slide .links a.sel span {position: absolute; display: block; background: url(right-arrowsds.png) no-repeat 0px -21px; width: 9px; height: 11px; top: 50%; right: -19px; margin-top: -5px;}
#DS-feat-container .slide .contents { width: 420px; height: 190px; overflow: hidden; margin-left: 170px; white-space: normal; display: block; }
#DS-feat-container .slide .content { display: block; height: 170px; padding: 10px 20px;}
#fsl-cont-theme { background: url(ds-custom-theme-design.jpg) no-repeat center 50px;}
#fsl-cont-feature { background: url(ds-feature-setup.jpg) no-repeat center 75px;}
#fsl-cont-sub { background: url(ds-feature-subs.jpg) no-repeat 170px 10px; padding-right: 255px !important;}
#fsl-cont-plus { background: url(ds-feature-plus.jpg) no-repeat 230px 10px; padding-right: 220px !important; font-size: 16px;}
#fsl-cont-train { background: url(ds-feature-oneonone.jpg) no-repeat center 60px;}
#fsl-cont-attract { background: url(ds-attract.jpg) no-repeat 190px 10px; padding-right: 245px !important; font-size: 16px;}
#fsl-cont-fast { background: url(ds-fast.jpg) no-repeat center 67px;}
#fsl-cont-learn { background: url(ds-learn.jpg) no-repeat 0 10px; padding-left: 240px !important; font-size: 16px; text-align: right;}

#feat-slide-customize.slide .thirds .third { width: 130px; height: 118px; cursor: pointer; background: url(customize-sites-slide.jpg) no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:  0px 2px 3px #3C3C3C; -moz-box-shadow: 0px 2px 3px #3C3C3C;  -webkit-box-shadow: 0px 2px 3px #3C3C3C;}
#feat-slide-customize .third span { display: none;}
#feat-slide-customize .third:hover span { display: block;}
#feat-slide-customize.slide .thirds .third.one {  top: 7px; left: 11px; }
#feat-slide-customize.slide .thirds .third.two {background-position: -164px top; top: 30px; left: 188px;}
#feat-slide-customize.slide .thirds .third.three {background-position: -328px top; top: 65px; left: 76px;}
#feat-slide-customize .label { position: absolute; z-index: 1; top: 5px; right: 5px; width: 150px; text-align: center;  font-size: 22px; white-space: normal;}
#feat-slide-customize.slide .thirds .third:hover { z-index: 1;}

#feat-slide-monetize .third .head {display: block; border-bottom: 1px solid #aaa; font-family: 'Molengo', arial, serif; text-shadow: #6C6C6C 0 1px 1px; font-size: 14px; text-align: center; }
#feat-slide-monetize .third .body { border-top: 1px solid #fff; display: block; font-size: 16px; padding: 8px;}
.slides #feat-slide-monetize.slide .third { padding: 5px; width: 152px; height: 180px; }
.slides #feat-slide-monetize.slide .third.two { border: 1px solid #aaa; border-bottom: 1px solid #ECECEC; width: 153px; height: 178px; background-color: #F7F6F2;}
.slides #feat-slide-monetize.slide .third.one .body { font-size: 14px;}
.slides #feat-slide-monetize.slide .third.two .body  { font-size: 15px;}
#feat-slide-monetize .graphic { display: block; position: absolute; width: 275px; height: 190px; top: 0px; left: 5px; background: url(chart.png) no-repeat; }
#feat-slide-monetize .label { position: absolute; z-index: 1; top: 5px; right: 10px; width: 170px; text-align: center;  font-size: 20px; white-space: normal;}
#feat-slide-monetize .label  .sub { display: block; font-size: 14px; margin-top: 10px;}

#feat-slide-organize { background: url(organize-slide-bg.png) no-repeat;}
#feat-slide-organize .label { position: absolute; top: 70px; width: 100%; left: 0; text-align: center; font-size: 22px;}
#feat-slide-organize a {cursor: default; display: block; position: absolute; background: url(organize-slide-icons.png) no-repeat; width: 100px; height: 100px; z-index: 1; }
#feat-slide-organize a.commenting { left: 194px; top: 0; background-position: -194px 0;}
#feat-slide-organize a.forums { right: 0; top: 40px; background-position: -400px -40px;}
#feat-slide-organize a.events { left: 194px; bottom: 0; background-position: -194px -90px;}
#feat-slide-organize a.groups { left: 0; top: 40px; background-position: 0 -40px;}
#feat-slide-organize a:hover.commenting { background-position: -194px -2px;}
#feat-slide-organize a:hover.forums {  background-position: -400px -42px;}
#feat-slide-organize a:hover.events {  background-position: -194px -92px;}
#feat-slide-organize a:hover.groups {  background-position: 0 -42px;}

#feat-slide-enterprise .label {  position: absolute; top: 5px; right: 5px; width: 150px; text-align: center;  font-size: 20px; white-space: normal; line-height: normal;}
#feat-slide-enterprise .logos a {display: block; position: absolute; background: url(enterprise-slide-logos.png) no-repeat; z-index: 1; }
#feat-slide-enterprise .logos a.mantis { width: 214px; height: 82px; left: 2px; top: 10px; background-position: 0 -210px;}
#feat-slide-enterprise .logos a.additude { width: 211px; height: 33px; left: 15px; top: 145px; background-position: 0 0 ;}
#feat-slide-enterprise .logos a.gga { width: 40px; height: 47px; left: 76px; top: 89px; background-position: 0 -53px; }
#feat-slide-enterprise .logos a.kimparry { width: 154px; height: 75px; left: 156px; top: 65px; background-position: 0 -110px;}

/*Footer||Style*/
#page-footer { font-weight: normal; text-align: left; max-width: 960px; margin: 0 auto;}
#page-footer td {  color:  #444; }
#page-footer td.first { padding-right: 5px; border-right: 1px dotted #aaa; }
#page-footer td.second { padding: 0 5px;}
#page-footer td.third { padding-left: 5px; border-left: 1px dotted #aaa;}

#page-footer td .title {font-family: 'Molengo', arial, serif; color: #000; font-size: 18px; margin-top: 10px;}
#page-footer td .body {}
#page-footer td .body p { margin-top: 0;}
#page-footer td .body .copy { margin-top: 6px;}
#page-footer td.first .body p { font-size: 15px;}
#page-footer td.first .body td p {font-size: 12px;}
#page-footer td .body .sub-title {font-size: 12px; color: #000;}
#page-footer td .body td ul { list-style: none; margin: 0; padding: 0;}
#page-footer td .body td li { font-size: 10px; padding: 3px; }
#page-footer td .body td li.odd { background: #D4E4D6;}
#page-footer td.second .body a.full { display: block; text-align: center; background: #B6D0BA; margin: 0 3px; text-decoration: none; }
#page-footer td.second .body a.full:hover { background: #D4E4D6;}

#page-footer td.first td {padding-left: 10px;}
#page-footer td.first td:first-child { padding-left: 0; border-right: 1px solid #D4E4D6;}

#footer-news {height: 110px; overflow: hidden;}
#footer-news:hover {overflow: auto;}
#footer-news ul { list-style: none; padding: 0; margin:0; width: 280px; }
#footer-news ul li {margin-bottom: 10px; font-size: 10px;}
#footer-news ul span.date { display: block;}
@media (max-width: 960px) { 
	#page-footer{ width: 100%;}
	
}
@media (max-width: 800px) {
	#page-footer > table { background: #c4d7c7; border-top: 1px solid #9BBADE;}
	#page-footer > table > tbody > tr > td { display: block; width: 100%;}
		#page-footer > table > tbody > tr > td a { padding: 5px 0; margin: 5px 0; display: inline-block;}
}


/*Center Powered By Line||Centers the powered by line that displays on sites that have branding.*/
@media (min-width: 801px) {
	#container { height: auto !important; min-height: 100%; margin-bottom: -20px; }
	#master-table-container { min-height: 480px; }
	#page-footer { height: 260px; clear: both; }
	#page-bottom { text-align: center; background: #c4d7c7; height: 290px; border-top: 1px solid #9BBADE; clear: both; margin-top: -263px; }
		#page-bottom div, #page-bottom div p { display: none; float: none !important; margin: auto; text-align: center !important; }
	#SKYBar-spacer { height: 0; }
}

/*Services Page||Style*/
.services-title {
	font-size:20px;
	font-weight:normal;
	font-family:  'Molengo', arial, serif;
	color: #4D804F;
	margin-bottom: 10px;
}
.services-details {
	
	float:left;
	width:48%;
	margin:5px;
}
.services-details p { margin-top: 0;}
.services-benefits {
	
	float:left;
	width:40%;
	margin:5px;
	padding-left: 20px;
}
.services-benefits ul { list-style-position: outside; margin: 0; padding: 3px; border: 3px solid #E6F2E4; background: #F5F5F5; font-size: 16px; line-height: 25px; color: #666;}

.services-benefits strong { font-size: 18px; font-weight: normal; color: #4D804F; letter-spacing: 1px; display: block; margin-bottom: 3px;}
.services-container {
	clear: both;
	margin:5px;
	overflow: visible;
	padding-top: 10px;
	border-top: 2px solid #ebebeb;
	min-height: 150px;
	padding-left: 150px;
	background: url(services-icons.png) no-repeat;
}
.services-container.free { background-position: 0px 0px;}
.services-container.premium { background-position: 0px -350px;}
.services-container.design { background-position: 0px -700px;}
.services-container.enterprise { background-position: 0px -1050px;}

.services-container a { border-color:#aaa #aaa #808080; border-style:solid; border-width:1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow: 0 1px 0px #fff; display: inline-block;  margin-top: 2px; text-align: center; float: left; background-position: 0 0; color: #444; font-weight: bold; background-image:url(300px-blended.png); cursor: pointer; outline: none; background-color: #eee; text-decoration: none; padding: 3px 20px; }
.services-container a:hover {background-color: #26EF18;}

td.balance {padding-right: 100px;}

/*Features||Style*/
table#feature-table {border-collapse:collapse;}
#feature-table td { padding: 5px;}
#feature-table thead td {font-weight: bold; font-size: 20px; font-family:  'Molengo', arial, serif;}
#feature-table tbody.top-lines td {border: 1px dotted #ddd; }
#feature-table tbody.top-lines tr.over td { background: #f5f5f5;}
#feature-table tbody.top-lines td.one {background: transparent !important; color: #888; border-color: #fff; border-bottom-color: #ddd; border-right-color: #ddd;}
#feature-table tbody.feat-lines td {background: #f5f5f5; border: 2px solid #fff; }
#feature-table tbody.feat-lines tr.over td { background: #ddd;}
#feature-table tbody.feat-lines td.one { background: transparent !important; border-bottom-color: #f5f5f5; color: #888;}
#feature-table tr td.four, #feature-table tbody.feat-lines td.four, #feature-table tbody.top-lines td.four  { background: #D9F7D6; border-color: #D9F7D6; border-color: #fff; }
#feature-table tbody.feat-lines td.four { border-color: #fff;}
#feature-table tr.title-line td { padding-top: 15px; background: transparent; border: none;}
p.feat-title { margin-right: 170px; margin-top: 0; font-size: 24px;  font-family:  'Molengo', arial, serif;}
p.feat-title-sub {margin-right: 100px; color: #A58D5D;}
#feature-table tr.over td.one { color: #000;}
#feature-table tbody.feat-lines tr.over td.four, #feature-table tbody.top-lines tr.over td.four { background: #B9E1B6;}
.feat-tool-tip { font-size: 16px; font-family: 'Nobile',arial,serif !important; text-align: left; font-weight: normal;}
.feat-tool-tip .title { font-weight: bold; font-size: 14px; color: #20B433 !important; font-family: 'Nobile',arial,serif !important;}

/*Client||Style*/
.client-block { position: relative; height: 322px; padding: 20px; background: #ECECEC; margin-bottom: 30px; margin-top: 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
.client-block .image {width: 600px; height: 300px; background: url(sfeat-shadow.png) no-repeat; padding: 8px 8px 14px 8px;}
.client-block .content { width: 260px; position: absolute; top: 20px; right: 20px;}
.client-block .content .title { margin: 0; font-size: 22px;}
.client-block .content .disc { color: #585858;}

/*Links||Style*/
.element-container.core-links .SUI-Element-Options {margin-right: 160px;}
.element-container.core-links form div { margin-right: 160px;}

/*Setup Page||Style*/
#SPRUZ-setupdesign-completedlist a { display: block; margin: 0 0 10px 0; width: 250px; height: 160px;position: relative; z-index: 0;}
#SPRUZ-setupdesign-completedlist a span {position: absolute; bottom: 0; right: 0; display: block; width: 250px; height: 160px;  border-radius: 5px;  -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out;}
#SPRUZ-setupdesign-completed1 span {background-image: url(thespot.jpg);}
#SPRUZ-setupdesign-completed2 span {background-image: url(theuproar.jpg);}
#SPRUZ-setupdesign-completed3 span {background-image: url(plentyofdoors.jpg);}
#SPRUZ-setupdesign-completed4 span {background-image: url(thirstysouls.jpg);}
#SPRUZ-setupdesign-completedlist a:hover { z-index: 100; }
#SPRUZ-setupdesign-completedlist a:hover span { bottom: -110px; right: 150px; width: 800px; height: 622px; border-radius: 0; z-index: 100; box-shadow: 0 5px 20px #000;}

.SAUI-Info-Table tr.invoice td { cursor: pointer;}
.SAUI-Info-Table tr.invoice:hover td { background: #C2ECC8; }

@media (max-width: 990px) {
	#element7F431071-8C2C-4C15-8E56-1FF5E1E27438 { display: none;}
	#login-area, #page-header .icons {
	    display: inline-block;
	}	#page-header div.icons { margin-top: 20px !important; }
		.header-logo { margin-top: 20px !important; }
}

