/* SECTION ------------------------------------------------- 	*/
/*										 						*/
/* CSS DEFINITIONS FOR BODOGAFFILATIES.COM						*/
/*										 						*/
/* SECTION ------------------------------------------------- 	*/

/* SECTION ----------------------------------- Neutralizing styles 	*/
/* elements that we want to completely clean 						*/
* {
	border: none;
	margin: 0;
	padding: 0;
}

html {
	font: 11px verdana;
} 

/* Neutralizinga styles : with vertical elements: */

h1 { 
	padding: 0 0 10px 0;
}

h2 {
	padding: 0;
}

div, span {
	margin: 0;
	padding: 0;
}

/* SECTION ----------------------------------- LINKS 	*/

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
}

/* SECTION ----------------------------------- Common Classes	*/

.right {
	float: right;
}
.left {
	float: left;
}
.clearfix {
	clear: both;
}
.clear-right {
	clear: right;
}

/*inline*/
div#section-head ul li,
div#section-footer ul li{
	display: inline;
}


/* SECTION ----------------------------------- Tag Definitions	*/

body{
	background-color:#000;
	margin-top: 0;
}

/* SECTION ----------------------------------- Main Container */

div#container { 
    margin: 0px auto 25px auto;
    /*padding: 25px 0px; /*only IE*/
    width:760px;
    z-index: 0;
}

/* SECTION -------------------------- Navigation - Banner - Content - Footer */

div#section-navigation{
	height:85px;
	width:760px;
}

div#section-banner {
	background-color:#000;
	border:1px solid #666666;
	display:block;
	height:175px;
	overflow:hidden;
	width:758px;
}

div#section-content {
	background-color: #fff;
	background: transparent url(../images/background.png) repeat;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
   	text-align: left;
    width: 758px;
}

div#section-footer {
	background: transparent url(../images/footer.png) no-repeat;
    width: 760px;
	color: #888;
	display: block;	 
}

/* SUB-SECTIONS -------------------------- SECTION NAVIGATION  	*/

div#sn-logo{
	display:block;
	float:left;
	margin-top: 40px;
}

div#sn-menu{
	display:block;
	float:right;
	height:65px;
	_height:66px;//hack for IE6
    width:476px;
    _width:478px; //hack for IE6
    margin-bottom: 20px;
    overflow: hidden;
}

	div#sn-menu a {
		margin-left: 1px;
		display: block;
		height: 65px;
		float: left;
		text-indent: -9999px;
		overflow: hidden;
	}

		div#sn-menu a#why {
			background: url("../images/menu.png") no-repeat 0 -70px;
			width: 73px;
		}
		div#sn-menu a#why:hover {
			background: url("../images/menu.png") no-repeat 0 0px;
			width: 73px;
		}
		
		div#sn-menu a#products {
			background: url("../images/menu.png") no-repeat -74px -70px;
			width: 64px;
		}
		div#sn-menu a#products:hover {
			background: url("../images/menu.png") no-repeat -74px 0px;
			width: 64px;
		}
		
		div#sn-menu a#commission {
			background: url("../images/menu.png") no-repeat -139px -70px;
			width: 130px;
		}
		div#sn-menu a#commission:hover {
			background: url("../images/menu.png") no-repeat -139px 0px;
			width: 130px;
		}	
				
		div#sn-menu a#online {
			background: url("../images/menu.png") no-repeat -270px -70px;
			width: 105px;
		}
		div#sn-menu a#online:hover {
			background: url("../images/menu.png") no-repeat -270px 0px;
			width: 105px;
		}
		
		div#sn-menu a#getting {
			background: url("../images/menu.png") no-repeat -376px -70px;
			width: 99px;
		}
		div#sn-menu a#getting:hover {
			background: url("../images/menu.png") no-repeat -376px 0px;
			width: 99px;
		}

		
		
/* SUB-SECTIONS -------------------------- SECTION CONTENT 	*/

div#section-content #sc-main {
	padding: 19px;
}

div#section-content #sc-main #sc-main-title {
	
}

/* -- */

div#section-content #sc-main #sc-main-message{
	width: 526px;
	padding-left: 5px;
}

div#section-content #sc-main #sc-main-message p {
	color: #fff;
	margin-bottom: 10px;
}

div#section-content #sc-main #sc-main-cta {
	width: 174px;
	display: block;
	float: left;
}

	div#section-content #sc-main #sc-main-cta a{
		display: block;
		text-indent: -9999px;
		width: 174px;
		height: 48px;
		background: url("../images/cta1.png") no-repeat;
		overflow: hidden;
	}


	div#section-content #sc-main #sc-main-cta a:hover{
		background: url("../images/cta1.png") no-repeat scroll 0px -55px;
	}

/* -- */

div#section-content #sc-point-box {
	width: 526px;
	margin-top: 10px;
	overflow: hidden;
}

div#section-content #sc-point-box #sc-pb-head{
	display: block;
	overflow: hidden;
	width: 526px;
	height: 5px;
	background: transparent url(../images/box_top.png) repeat-x;
}

div#section-content #sc-point-box #sc-pb-body{
	display: block;
	padding: 15px 20px 5px 20px;
	background: transparent url(../images/box_body.png) repeat-y;
}
	div#section-content #sc-point-box #sc-pb-body ul{
		font-size: 12px;
		color: #fff;
	}
	
	div#section-content #sc-point-box #sc-pb-body ul li{
		margin-bottom: 10px;
		list-style-position: inside;
		list-style-type: none;
	}
	
	div#section-content #sc-point-box #sc-pb-body ul li.check{
		background: url("../images/check.png") no-repeat scroll 0 0 transparent;
		padding-left: 25px;
	}

	div#section-content #sc-point-box #sc-pb-body ul li.dollar{
		background: url("../images/dollar.png") no-repeat scroll 0 0 transparent;
		padding-left: 25px;
	}

div#section-content #sc-point-box #sc-pb-footer {
	display: block;
	height: 5px;
	background: transparent url(../images/box_bottom.png) repeat-x;
}

/* -- */

div#section-content #sc-current {
	background: #808080 url(../images/background_s2.png) repeat-x;
	padding: 19px;
}

div#section-content #sc-current #sc-current-message {
	width: 526px;
} 

div#section-content #sc-current #sc-current-message p {
	color: #fff;
	margin-bottom: 10px;
}

div#section-content #sc-current #sc-current-cta {
	width: 174px;
}

	div#section-content #sc-current #sc-current-cta a{
		display: block;
		text-indent: -9999px;
		width: 174px;
		height: 48px;
		background: url("../images/cta2.png") no-repeat;
		overflow: hidden;
	}


	div#section-content #sc-current #sc-current-cta a:hover{
		background: url("../images/cta2.png") no-repeat scroll 0px -55px;
	}

/* -- */

	div#section-content #sc-current #sc-current-links{
		display: block;
	}

	div#section-content #sc-current #sc-current-links ul{
		
	}
	
	div#section-content #sc-current #sc-current-links ul li{
		display: inline;
		margin-right: 10px;
	}
	
	div#section-content #sc-current #sc-current-links ul li a{
		text-decoration: none;
		color: #ccc;
	}
	
	div#section-content #sc-current #sc-current-links ul li a:hover{
		text-decoration: underline;
	}	
	
/* -- */

div#section-content #sc-trust {
	background:transparent url(../images/background_s3.png) repeat center 0px;
	padding: 20px 0px;
	text-align: center;
}

div#section-content .sc-separator {
	background:transparent url(../images/separator.png) no-repeat center 0px;
	height: 3px;
	width: 758px;
	display: block;
	overflow: hidden;
}
div#section-content .sc-separator2 {
	background:transparent url(../images/separator2.png) no-repeat center 0px;
	height: 3px;
	width: 758px;
	display: block;
	overflow: hidden;
}

/* SUB-SECTIONS -------------------------- SECTION FOOTER 	*/

div#section-footer #sf-links{
	height:20px;
	padding: 8px 0 0 20px;
	margin-bottom: 15px;
}

div#section-footer #sf-links p{
	float: left;
	margin-right: 5px;
}

div#section-footer #sf-links a, 
div#section-footer #sf-links a:link, 
div#section-footer #sf-links a:visited, 
div#section-footer #sf-links a:active {
	font-size: 10px;
	color:#cccccc;
	padding:0 2px;
	text-decoration:none;
}

div#section-footer #sf-links a:hover {
	text-decoration:underline;
}

div#section-footer #sf-copy{
	color: #CCCCCC;
	text-align: center;
	font-size: 9px;
}