/*
====== Default CSS Content © Nine Four www.ninefour.co.uk ======

	0: Re-Set
	1: Globals
	2: Typography
	3: Layouts
	
============
*/




/* ====== 0: START: Re-set ====== */

	/* link underlines tend to make hypertext less readable, 
	   because underlines obscure the shapes of the lower halves of words */
	:link, :visited { text-decoration: none;}
			
	/* avoid browser default inconsistent heading font-sizes */
	/* and pre/code too */
	h1,h2,h3,h4,h5,h6,pre,code { font-size: 12px; }
	
	/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
	/* the default spacing on headings does not match nor align with 
	   normal interline spacing at all, so let's get rid of it. */
	/* zero out the spacing around pre, form, body, html, p, blockquote as well */
	/* form elements are oddly inconsistent, and not quite CSS emulatable. */
	/*  nonetheless strip their margin and padding as well */
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,body,blockquote,fieldset,input { margin: 0; padding: 0; }
		
	/* no list-markers by default, since lists are used more often for semantics */
	ul, ol { list-style: none;}
	
	#content ul, #content ol {
		padding-left	: 16px;
		margin-left		: 16px;
		list-style		: disc;
	}
	
		
	/* whoever thought blue linked image borders were a good idea? */
	a img,:link img,:visited img { border: none; }
	
	/* remove whitspace from beneath images */
	img { display: block; }
	
	/* de-italicize address */
	address { font-style: normal; }
	
	
	
	
	
/* ====== 1: START: Globals CORE Body HTML elements ====== */
html
{
  height: 100%;
}


		body {
		background-color	: #000000; /*#000000*/
		color				: #FFFFFF;
		font-family			: "VAGRoundedLT Light", Arial, Trebuchet MS, sans-serif;	}
	 
	body.home, body.gallery {
		padding: 0;
		margin: 0 auto 0 auto;
		background-image: url("/assets/img/bg_grad.jpg"); /*bg.jpg*/
		background-position: center center; /*center center*/
		background-repeat: repeat-x;
	}
	
	
#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	}
#container {
	position: absolute;
	top: -320px;
	width: 100%;
	height: 640px;
	visibility: visible;
	}
	
	
	/* Default Links */
	a:link {
		color: #75D210;
	}
	
	a:visited {
		color: #75D210;
	}
	
	a:hover {
		color			: #75D210;
		border-bottom	: 1px solid #3F6523;
	}
	
	a:active {
		color: #75D210;
	}	
	
	.clear {
		clear		: both;
		line-height	: 0px;
	}



/* ====== 2: START: Typography ====== */
#header h1 {	
	font-family	: "VAGRoundedLT Light", Arial, sans-serif;
	font-weight	: normal;
	color		: #8f979d;	
		
	/* Image replacement */
	text-indent:-99999px;
	/*background-image	:url(/assets/img/ss_logo.jpg);*/	
	background-repeat	:no-repeat;
	background-position	:top left;
	width: 150px;
	height: 75px;
	/**/
	margin: 15px 0 0 23px;
		position	: absolute;	
}

#header h1 strong {
	font-weight	: bold;
}

#header h1 span{
	display:none;	
}

#header h1 a{
	display	: block;		
	width: 150px;
	height: 75px;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active { color: #333333; text-indent: -9999px; border-bottom: none;}

#header h2 {		
	font-family	: "VAGRoundedLT Light", Arial, sans-serif;
	font-weight	: lighter;
	color		: #979FA6;
	text-align	: right;
	position	: absolute;		
	font-size	: 18px;	
	margin		: 30px 0 0 0;
	width		: 920px;
	padding: 0 20px 0 0;
}

h1 h2, h3, h4, h5, h6, p{
	line-height	: 140%;
}

h2 {
	font-family	: "VAGRoundedLT Light", Arial, sans-serif;
	line-height	: 140%;
	font-size	: 18px;
	color		: #75D210;
	font-weight	: normal;
	margin		: 0 0 1em 0;
}

#page h3.menuTitle {
	font-weight		: normal;
	font-size		: 12px;	
	
	padding			: 12px 0 8px 22px;
	margin			: 0 0 0 0;

	float			: left;	
	width			: 330px;
	/**/
	background		: url(/assets/img/sugarsnaptv.png) no-repeat -682px -676px;
}

#page h3.menuTitle sup{
	font-size		: 90%;	
}

.static h3{
	width		: auto;
	font-size	: 16px;
	color		: #75D210;	
	font-family	: "VAGRoundedLT Light", Arial, sans-serif;
	text-align	: left;
	padding		: 15px 0 8px 20px;
	margin		: 0;
	background	: url(/assets/img/sugarsnaptv.png) repeat-y 0px -676px;
}

/* Blog / Thought Pieces */
body.blog #wrapper h3 {
	padding		: 15px 0 0 20px;
}
body.blog #wrapper h3 span {
	font-weight: normal;
}
body.blog #wrapper img {
	margin: 20px;
	display: block;
}
body.blog #wrapper p {
	font-size: 14px;
}

body.blog #footer {
	padding: 16px 0 10px 0;
	background: url(/assets/img/bg_footer_thickbox.jpg) no-repeat;	
}
body.blog #footer ul {
	width: 600px;
	margin: 0 auto 0 auto;
}
body.blog #footer ul li {
	float: left;
	height: 40px;
	width: 80px;
	margin: 0 160px 0 0;
}
body.blog #footer ul li a {
	font-size: 12px;
	height: 40px;
	text-align: left;
	line-height: 14px;
	display: block;
	border-bottom: none;
}

body.blog #footer ul li.nav_prev a, body.blog #footer ul li.nav_next a {
	background-image: url("/assets/img/btn_next_prev.gif");
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 40px;
	width: 80px;
}
body.blog #footer ul li.nav_next {
	margin: 0;
}
body.blog #footer ul li.nav_next a {
	background-position: bottom right;
	text-align: right;
}
body.blog #footer ul li.nav_pdf {
	text-align: right;
	height: 40px;
	width: 120px;
}
body.blog #footer ul li.nav_pdf a {
	background-image: url("/assets/img/btn_pdf.gif");
	background-repeat: no-repeat;
	background-position: center right;
	padding: 7px 60px 0 0;
	text-align: right;
	height: 33px;
	width: 60px;
}
body.blog #footer ul li.nav_prev a span, body.blog #footer ul li.nav_next a span {
	display: none;
} 


h4 {
	font-size	: 14px;
	color		: #75D210;
	padding		: 15px 0 8px 20px;	
}

.menuInner h4 {
	font-size	: 12px;
	line-height	: 110%;
	padding		: 0 0 3px 0;
}

h5 {
		
}

h6 {
	
}

ul,ol,pre,form,html,p,blockquote,fieldset,input {
	line-height		: 140%;
	margin-bottom	: 1em;
}

p{
	font-size: 12px;
	line-height	: 140%;
}
.static p{
	padding-left: 20px;
	padding-right: 20px;
}

blockquote p{
	
}

ul.list{	
	clear		: both;
	list-style	: disc;
	margin		: 0 16px 10px 16px;
	padding		: 0 16px;
	font-size	: 12px;
	line-height	: 140%;
}

/* ====== 3: START: Layouts ====== */
.floatLeft {
	float		: left;
}

#header {
	margin		: 0 auto 0 auto;
	width		: 940px;
	/*background	: #000000 url(/assets/img/bg_header.jpg) no-repeat left top;*/
	background:url(/assets/img/sugarsnaptv.png) no-repeat left top;
	height		: 110px;
	text-align	: left;
	/* HACK: to get everything to align! */
	border-top: 1px solid #000000;	
}

#header ul { 
	float		: right;
	text-align	: right;
	width		: auto;
	display		: inline;
	width		: 690px;
	height: 38px;
	margin		: 63px 0 0 0;
	font-size	: 12px;
}

#header ul li{
	height		: 38px;
	display		: block;
	float		: left;
	text-shadow: 1px 1px 1px #FFF;
		
}
#header ul li {
	background		: url(/assets/img/header_ul_li.gif) no-repeat top right;
}
#header ul li a {
	display 	: block;
	padding		: 0 10px 0 10px;
	color: black;
	line-height: 38px;
}
#header ul li a:hover {
		border-bottom	: none;
}
#header ul li.feedback, #header ul li.login {
	background: none;
}
#header ul li.login a {
	background-image: url("/assets/img/padlock.gif");
	background-repeat: no-repeat;
	background-position: 16px 14px;
	padding: 0 10px 0 30px;
}
#header ul li.contact {
	margin: 0 0 0 170px;
}


#page{ 
	margin		: 0 auto 10px auto;
	width		: 940px;
	text-align	: left;
	background-color: black;
}

#navigation{
	/*float	: left;
	width	: 200px;
	margin	: 0 35px 0 0;*/
}

.static #wrapper{
	max-width: 670px;
	height: 200px;
	margin: 0 auto;
}


#content{
	
}

.static #content{		
	text-align	: left;	
}

.static .divide{
	height: 2px;
	width: auto;
	margin: 0 auto;
	background:url(/assets/img/sugarsnaptv.png) no-repeat -16px -420px;
	padding: 2px 0;
}


#flashPortfolio{
	margin: 0 0 0 0;
}
#flashPortfolio .inner{
	margin: 0 0 0 30px;
}

#flashPortfolio .details{
	/*clear:both;
	overflow:auto; */ 
}

#flashPortfolio .details img{
	padding: 0 6px 0 0;
	float: left;
}


.flashWrapper{
	/*border	: 2px solid #FFFFFF;*/
	width				: 580px;
	height				: 410px;
	float				: left;
	margin				: 0 0 0 0;
	padding 			: 0;
	/*clear				: both;*/
	background-color	: #000000;
	/*background			: url(/assets/img/Grad4+smallertext&ss.png) no-repeat 2px 1px;*/
	background-repeat	: no-repeat;
	background-position	: 2px 1px;
}

.flashWrapper object{
	background-color: transparent;
}

.googlemaps table{
	margin: 0 0 0 20px;
}


/* Navigation */
#folioMenuOuter{
	float		: left;
	/*width		: 337px;*/
	width		: 350px;
	margin		: 0 0 0 10px;
	/*height 	: 410px;*/	
	/*overflow: auto;	*/
}


#folioMenu {
	font-size	: 12px;
	/*height 		: 368px;*/
	height 		: 332px;
	/*margin		: 1px 0;*/
	overflow	: auto;
}

.menuItem{
	background	: url(/assets/img/sugarsnaptv.png) repeat-y -20px -122px;	
	padding		: 0 0 0 6px;
	
}
.menuItem.selected, .menuOver{
	background-position: -391px -122px;
}
.menuInner{
	padding		: 5px 5px 0px 8px;
	border		: 1px solid #000000;
	min-height	: 76px;
	height		: 76px;
	overflow	: hidden;
}
.menuItem.selected .menuInner, .menuOver .menuInner{
	border: 1px solid #FFFFFF;			
}

.menuInner.ssHover{
	border		: 1px solid #FFFFFF;
}


.menuItem img {
	float	: left;
	padding	: 0 10px 5px 0;
}

.summaryText p{
	font-size	: 11px;
	line-height	: 120%;
}

.bodyText{
	color		: #999999;
	font-size	: 11px;
}

.menuItem h2{
	font-size: 11px;
	line-height:120%;
}


/* Scroll bar */
/*
.scroll{
	height		: 408px;	
	width		: 17px;
	float		: right;
	display		: none;
	text-indent	: -999999px;
	background	: url(/assets/img/sugarsnaptv.png) no-repeat 0px -122px;	
}

.up, .down{
	display		: block;
	width		: 16px;
	height		: 16px;
	text-indent	: -999999px;
}

.dragger{
	position	: absolute;
	display		: block;
	width		: 17px;
	height		: 50px;
}

.down{
	margin		: 370px 0 0 0;
}
*/
.up, .down{
	/*
	position		: absolute;
	margin-left		: 590px;
	
	*/
	display			: block;
	width			: 349px;
	height			: 18px;
	text-indent		: -999999px;
}

.up{
	/*top				: 112px;*/
	background		: url(/assets/img/sugarsnaptv.png) no-repeat -20px -261px ;
	border-top		: 1px solid #333333;
	border-bottom	: 1px solid #000000;
	outline			: none;	
	padding			: 0;
	margin			: 0;
} 
.up:hover {
	background		: url(/assets/img/sugarsnaptv.png) no-repeat -20px -284px;
	/*border-bottom	: none;
	border-top		: 1px solid #75D210;
	border-bottom	: 1px solid #75D210;*/		
	outline			: none;	
	padding			: 0;
	margin			: 0;
}
.down{
	/*top				: 500px;*/
	background		: url(/assets/img/sugarsnaptv.png) no-repeat -20px -331px;
	border-top		: 1px solid #000000;
	border-bottom	: 1px solid #333333;
	outline			: none;	
	padding			: 0;
	margin			: 0;	
}
.down:hover{
	background		: url(/assets/img/sugarsnaptv.png) no-repeat -20px -354px;
	/*border-bottom	: none;
	border-bottom	: 1px solid #75D210;	
	border-bottom	: 1px solid #75D210;*/
	outline			: none;	
	padding			: 0;
	margin			: 0;
}


/*
#folioMenu{	
	background:url(/assets/img/bg_folio_left.jpg);
}

#folioMenu dt{
	margin		: 0;
	padding		: 0;
	background	: url(/assets/img/bg_folio_right.jpg);
}

#folioMenu dd{
	margin	: 0 0 0 0;
	padding	: 0;
	background:url(/assets/img/bg_folio_left.jpg) repeat-y;
}
*/


/*
ul.menu{

}
ul.menu ul{

}

ul.menu li a:link, ul.menu li a:visited, ul.menu li a:hover, ul.menu li a:active{

}
*/

/* Sub Navigation */


/* Search */


/* Footer */
#footer{
	width			: 940px;
	border-top		: 1px solid #000000;
	text-align		: center;
	clear			: both;
	margin			: 0 auto 0 auto;
	background-image: url(/assets/img/bg_footer.jpg);
	background-position: top left;
	background-repeat: repeat-x;	
}

.static #footer{
	width		: 100%;
	padding		: 26px 0 16px 0;
	background	: url(/assets/img/sugarsnaptv.png) no-repeat -40px -429px;	
	margin		: 0 auto;
	
}


ul#footerInner{
	height		: 80px;	
	text-align	: left;
	margin		: 0 auto;
	padding 	: 0;

}

ul#footerInner li{
	background	: url(/assets/img/bg_footer_divide.jpg) no-repeat top right;
	float		: left;
}

ul#footerInner li a, ul#footerInner li a:link, ul#footerInner li a:visited, ul#footerInner li a:hover, ul#footerInner li a:active {
	border-bottom: none;
	outline: none;
}


ul#footerInner li.readMore a{
	text-indent	: -99999px;	
	font-size	: 12px;
	line-height	: 140%;
	padding		: 22px 66px 0 0px;
	width		: 100px;
	height		: 58px;
	display		: block;
	background	: url(/assets/img/sugarsnaptv.png) no-repeat -761px -231px;
}

ul#footerInner li.readMore a:hover{
	color				: #FFFFFF;
	background-position	: -761px -122px;
}

ul#footerInner li.contact a{
	/*text-indent	:-99999px;*/	
	width		: 193px;
	height		: 80px;
	display		: block;
	background	: url(/assets/img/sugarsnaptv.png) no-repeat -762px -284px;
}

ul#footerInner li.contact a:hover{
	background-position: -762px -364px;
}

ul#footerInner li.quote {
	width		: 155px;
	display		: block;
	padding		: 14px 13px;
	
}

ul#footerInner li.quote blockquote{	
	font-size	: 14px;
	font-style	: italic;
	color		: #75D210;	
	background	: url(/assets/img/quoLeft.gif) no-repeat top left;
}

ul#footerInner li.quote blockquote p{	
	background	: url(/assets/img/quoRight.gif) no-repeat bottom right;
}


ul#footerInner li.why a{
	text-indent	:-99999px;	
	width		: 175px;
	height		: 80px;
	display		: block;
	background	: url(/assets/img/sugarsnaptv.png) no-repeat -396px -263px;
}
ul#footerInner li.why a:hover{
	background-position: -580px -263px;
}

ul#footerInner li.news {
	/*width		: 335px;*/
	width		: 550px;
	display		: block;
	padding		: 12px 20px;	
}

.footerNewsItems{
	width: 560px;
	/*position:absolute;
	left:20px;*/
}

/*75BC41*/
ul#footerInner li.news h4{
	font-size	: 14px;
	font-weight	: bold;
	text-align	: left;
	/*color		: #75D210;*/
	color:#999999;
	padding		: 0 0 3px 0;
}

ul#footerInner li.news p{
	font-size	: 12px;
	text-align	: left;
}


#footer p.copyright{
	font-size	: 11px;
	text-align	: left;
	color		: #333333;	
	width		: 930px;
	padding		: 10px 20px 0 20px;
	margin		: 0 auto;	
	clear		: both;		
}

/* CONTACTS */

input{
	color			: #FFFFFF;
	border			: 1px solid #75D210;
	background		: url(/assets/img/sugarsnaptv.png) no-repeat 0px -680px;
	background-color: #333333;
	padding			: 2px 4px;
}

input.submit{
	border			: 1px solid #333333;	
	background		: none;
	background-color: #75D210;
	padding			: 2px 4px;
	margin			: 0;
}
input.submit:hover{
	cursor:pointer;
}
#saddr {
	font-size		: 12px;
	height			: 15px;
	margin			: 0 2px 0 0;
	width			: 200px;
	float			: left;
}
input.button {
	font-size		: 10px;
	height			: 21px;
	
	width			: auto;
	float			: left;
}


body.survey {
	background-color: #000000;
	background-image: url("/assets/img/bg_grad.jpg");
	background-position: center center;
	background-repeat: repeat-x;
}
body.survey #Header {
	margin: 0 auto 0 auto;
	width: 670px;
}
body.survey #Page {
	text-align: left;
	width: 610px;
	background-color: white;
	color: black;
	margin: 0 auto 10px auto;
	padding: 30px;
	background-image: url("/assets/img/bg_survey.gif");
	background-repeat: no-repeat;
	background-position: 430px -20px;
}
body.survey #Page p {
	font-size: 14px;
}
body.survey form {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #CCCCCC;
}
body.survey form input {
	background: none;
	color: Black;
}
body.survey form input.text {
	border: 1px solid #CCCCCC;
}
body.survey form textarea {
	width: 570px;
	height: 60px;
	border: 1px solid #CCCCCC;
}
body.survey dl {
	clear: both;
	margin: 0;
	padding: 0;
}
body.survey dl dt {
	margin: 0;
	padding: 0;
}
body.survey dl dt div.input {
	margin: 0 0 0 20px;
	min-height: 30px;
	vertical-align: top;
	color: #75D210;
}
body.survey dl dt.q {
	margin: 0 0 10px 0;
}
body.survey dl dt div.input6, body.survey dl dt div.input7 {
	padding: 0 0 20px 0;
}
body.survey dl dt label {
	font-size: 14px;
	font-weight: bold;
}
body.survey dl dt label span.required {
	display: none;
}
body.survey p.control {
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #CCCCCC;
}
body.survey div.input div.option {
	float: left;
	margin: 0 15px 0 0;
}
body.survey div.divider {
	border-top: 1px solid #CCCCCC;
	padding: 20px 0 0 0;
}
body.survey p.control a {
	float: left;
	width: 76px;
	line-height: 36px;
	text-align: center;
	display: block;
	color: black;
	text-shadow:1px 1px 1px #FFFFFF;
}
body.survey p.control a:hover {
	border-bottom: none;
}
body.survey p.control a.submit, body.survey p.control a.continue {
	background-image: url("/assets/img/btn_green.jpg");
}
body.survey p.control a.cancel {
	background-image: url("/assets/img/btn_grey.jpg");
}
body.survey #Footer {
	width: 610px;
	margin: 0 auto 30px auto;
	font-size: 11px;
	color: #333333;
}

body.surveyresults {
	background-color: white;
}
body.surveyresults #Page {
	background-color: White;
	color: Black;
	padding: 15px 0 0 0;
}
body.surveyresults #Page dl {
	width: 610px;
	background-color: #F5F5F5;
	margin: 5px 0 0 20px;
	padding: 10px;
	clear: both;
}
body.surveyresults #Page dl dt label {
	font-weight: bold;
	font-size: 14px;
}
body.surveyresults div.option {
	width: 122px;
	float: left;
}
body.surveyresults div.option div.label {
	width: 121px;
	height: 16px;
	line-height: 16px;
	float: left;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
body.surveyresults div.option div.last {
	border-right: 1px solid #999999;
}
body.surveyresults div.option div.percentage {
	width: 121px;
	float: left;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #00CE00;
	border-left: 1px solid #F5F5F5;
	height: 16px;
	line-height: 16px;
}

body.surveyresults div.option div.p0 {
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p1 {
	/*background-color: #E5FAE5;*/
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p2 {
	/* background-color: #CCF5CC; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p3 {
	/* background-color: #B2F0B2; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p4 {
	/* background-color: #99EB99; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p5 {
	/* background-color: #7FE67F; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p6 {
	/* background-color: #66E266; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p7 {
	/* background-color: #4CDD4C; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p8 {
	/* background-color: #33D833; */
	background-color: #E5FAE5;
}
body.surveyresults div.option div.p9, body.surveyresults div.option div.top {
	background-color: #19D319;
}

body.surveyresults dt.b_4 div.option, body.surveyresults dt.b_4 div.option div.percentage,
body.surveyresults dt.b_5 div.option, body.surveyresults dt.b_5 div.option div.percentage {
	width: 305px;
}
body.surveyresults dt.b_4 div.option div.label, body.surveyresults dt.b_5 div.option div.label {
	width: 304px;
}
body.surveyresults dt.b_3 div.option, body.surveyresults dt.b_3 div.option div.percentage {
	width: 203px;
}
body.surveyresults dt.b_3 div.option div.label {
	width: 202px;
}

body.blog {
	background-color: #000000;
}
body.blog #entry {
	/*
	height: 400px;
	min-height: 400px;
	*/
}