/* 

Table of contents:
=~=~=~=*
- Base Styles
- Colors
- Layout
	- Frame
	- Resources
	- Speakers & Flash
- Navigation
- Fonts & Formatting
- Forms

Colors:
=~=~=~=*
RED:	#ef413d
GREEN:	#5f9e45
YELLOW:	#ffc20e
BLUE:	#0091d1
D.GREY:	#949698
L.GREY:	#ededed

*/

/*	Base Styles
	=~=~=~=*/

html { margin: 0; padding: 0; }

body { 
	margin: 0; 
	padding: 0;
	padding-bottom: 50px;

	font-size: 62.5%; 
	font-family: Arial, Verdana, sans-serif; 
	background-color: #fff; }

hr { display: none; }

br { clear: both; }

/*	Colors
	=~=~=~=*/

.red { color: #ef413d; }

.green { color: #5f9e45; }

.yellow { color: #ffc20e; }

.blue { color: #0091d1; }

.grey { color: #949698; }

/*	Layout
	=~=~=~=*/

#jumpto { display: none; }

#page_wrapper { width: 100%; margin: 0 auto; padding: 0; background-color: #e6e7e9; }

#index #header { background: #e6e7e9 url(../images/logo.png) left top no-repeat; }

	#flash { display: none; height: 222px; background: transparent url(../images/flash.png) right top no-repeat; }

	#index #navigation { display: none; background: transparent url(../images/nav_bg.png) top left no-repeat;  height: 110px; }

	.sub_page #navigation { display: none; background: transparent url(../images/nav_bg_inside.png) top left no-repeat;  height: 156px; }

		.main_nav { padding-top: 10px; }

		.sub_nav {  }

#content_main { padding: 20px 50px; }

	/* == create source ordered columns == */

	#index #content_main .column_a_wrapper { width: 100%; float: left; margin-right: -380px; }
	/* the float lets negative margin create a gap */

	#index #content_main .column_a { 
		display: none;
		margin-right: 380px;  
		padding: 10px 10px; }
	/* margin-right to push content out of the negative margin gap */

	#index #content_main .column_b_wrapper {  }

	#index #content_main .column_b { padding: 0 10px; width: 300px; xfloat: right; }
	/* float content into the negative margin gap left by wrapper */

	.sub_page #content_main .column_a_wrapper { width: 100%; float: left; margin-right: 0px; }

	.sub_page #content_main .column_a { display: none; margin-right: 0px; padding: 0 10px; }

	.sub_page #content_main .column_b { padding: 0 10px; margin: 0; xwidth: 330px; xfloat: right; }
	/* width = 350 - padding */

#content_sub { padding: 20px 50px;  }

	#content_sub .column_a_wrapper { width: 100%; float: left; margin-right: 0px; }

	#content_sub .column_a { margin-right: 0px; padding: 0 10px;  }

	#content_sub .column_b_wrapper {  }

	#content_sub .column_b { padding: 0 10px; xwidth: 300px; float: right; }

#footer { padding: 0 0 20px 0; width: 760px; margin: 0 auto;clear: both; background: #e6e7e9 url(http://directsellingfestival.com/images/dsf/footer_bg.png) left bottom no-repeat; }

/*	RESOURCES	*/

.box_top { 
	width: 260px; 
	padding-top: 21px;
	background: transparent url(../images/highlight_top.png) left top no-repeat; }

#index .box_top { background-position: 40px top; }

.box_bottom {
	width: 260px; 
	padding-bottom: 21px;
	background: transparent url(../images/highlight_bottom.png) left bottom no-repeat; }

#index .box_bottom { padding-left: 40px; background-position: 40px bottom;}

.box { 
	width: 243px;
	border-left: 1px solid #eeeded; 
	border-right: 1px solid #eeeded;
	padding: 15px 0 10px 15px; 
	background: #fff url(../images/highlight_butterfly.png) bottom right no-repeat; }

#index .box { width: 238px; }

.box ul { margin: 0; padding: 0; }

.box li { font-size: 1.4em; list-style: none; margin-bottom: 15px; }


/*	Fonts & Formatting
	=~=~=~=*/

a { font-weight: bold; color: #949698; }

a:hover { text-decoration: none; }

p, li {font-size: 1.1em; }

ul { padding: 0; margin: 20px 0; }

li { }

h1 { font-size: 1.4em; }

h2 { font-size: 1.8em; }

h3 { font-size: 1.4em; }

strong { font-size: 1.2em; }

.column_a,
.column_b { text-align: justify; }

#index .column_a h2,
#index .column_b h2,
#index #content_main .column_b h2 + p  { text-align: center; }

.sub_page #content_main .column_b h2 { margin-bottom: -5px; }

#index #content_main .column_b h2 + p { font-size: 1.3em; font-weight: bold; margin: 0; }

#content_sub .column_b h2 + p {font-size: 1em; text-align: center; margin-top: -1em; }

ul.arrow li { list-style: none; margin-bottom: 5px; padding-left: 10px; background: url(../images/bullet_arrow.png) left 50% no-repeat; }

ul.tick li { list-style: none; margin-bottom: 5px; padding-left: 20px; background: url(../images/bullet_tick.png) left 50% no-repeat; }

#footer p { color: #949698; font-size: 10px; text-align: center; }
/*	Forms & Buttons
	=~=~=~=*/

form { padding: 20px 0; }

form caption { color: #5f9e45; width: 300px; }

form ul { width: 100%; padding: 0; text-align: left; }

form li { list-style: none; margin: 15px 0; }	

form fieldset { width: 300px; border: 0; }

form li label { }

form li input { width: 100%; height: 50px; margin-top: 5px; border: 1px solid #949698; }