/** CSS Reset http://meyerweb.com/eric/tools/css/reset/ **/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: none; border: 0; font-size: 100%;	font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } 




hr {
	border: 0;
	height: 1px;
	background-color: #dedede;
	margin: 10px 0 10px 0;
}

.subtlemenu a{
	color:#252525 !important;
	}
	
	.subtlemenu a:hover{
	color:#ff2727 !important;
	}


.playbutton {
	display: block;
	width: 208px;
	height: 107px;
	background: url('/images/playbutton.png') bottom;
	text-indent: -99999px;
	margin: 0 auto 0 auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

}
.playbutton:hover  {
	background-position: 0 0;
}

.accessbutton{
	float:center;
	background: #ed2224;
	border: 1px solid #C70E10;
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	font-family:'Roboto';
	font-weight:400;
	text-transform:capitalize;
	padding: 0px 5px 0 5px;
	width: 370px;
	height:65px;
	box-shadow: 0 4px 4px #616161;
	-moz-box-shadow: 0 4px 4px #616161;
	-webkit-box-shadow: 0 4px 4px #616161
		}
		
.accessbutton:hover { color: #FFDEDE }	


/**GETRESPONSE**/

#optin {
	padding: 0px 15px;
	text-align: center;
}
	#optin p { margin: 8px 0 0 }
	#optin input {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	
	}
		#optin input[type="text"] {
			border: 1px solid #fff;
			font-size: 15px;
			margin-bottom: 10px;
			padding: 8px 10px;
			width: 90%;
			color: #3D3D3D;
			-webkit-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
		-moz-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
		box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
}
		}
		#optin input.name { background: #fff url(images/name.png) no-repeat center right }
		#optin input.email { background: #fff url(images/email.png) no-repeat center right }
		#optin input[type="submit"] {
			background: #ff7300;
			border: 1px solid #DE6400;
			color: #fff;
			cursor: pointer;
			font-size: 18px;
			font-weight: bold;
			padding: 8px 0;
			text-shadow: -1px -1px #C45900;
			width: 97%;
			box-shadow: 0 2px 2px #828282;
			-moz-box-shadow: 0 2px 2px #828282;
			-webkit-box-shadow: 0 2px 2px #828282
		}
			#optin input[type="submit"]:hover { color: #FFDDC2 }


#optin2 {
	padding: 0px 0px;
	text-align: center;
}
	#optin2 p { margin: 8px 0 0 }
	#optin2 input {
	
	
	}
		#optin2 input[type="text"] {	
			border: 1px solid #fff;
			font-size: 17px;
			margin-bottom: 10px;
			padding: 0px 0px 0px 10px;
			width: 260px;
			float:left;
			height:58px;
			color: #3D3D3D;
			-webkit-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
		-moz-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
		box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
}
		}
		#optin2 input.name { background: #fff url(images/name.png) no-repeat center right }
		#optin2 input.email { background: #fff url(images/email.png) no-repeat center right }
		#optin2 input[type="submit"] {
			float:right;
			background: #ed2224;
			border: 1px solid #C70E10;
			color: #fff;
			cursor: pointer;
			font-size: 23px;
			font-family:'Roboto';
			font-weight:700;
			padding: 0px 5px 0 5px;
			width: 280px;
			height:60px;
			box-shadow: 0 4px 4px #3A808A;
			-moz-box-shadow: 0 4px 4px #3A808A;
			-webkit-box-shadow: 0 4px 4px #3A808A
		}
			#optin2 input[type="submit"]:hover { color: #FFDEDE }

			
#optin3 {
	padding: 0px 0px;
	text-align: center;
}
	#optin3 p { margin: 8px 0 0 }
	#optin3 input {
	
	
	}
		#optin3 input[type="text"] {	
			border: 1px solid #fff;
			font-size: 15px;
			margin-bottom: 10px;
			padding: 0px 0px 0px 10px;
			width: 210px;
			float:left;
			height:38px;
			color: #3D3D3D;
			-webkit-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
		-moz-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
		box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
}
		}
		#optin3 input.name { background: #fff url(images/name.png) no-repeat center right }
		#optin3 input.email { background: #fff url(images/email.png) no-repeat center right }
		#optin3 input[type="submit"] {
			float:right;
			background: #ed2224;
			border: 1px solid #C70E10;
			color: #fff;
			cursor: pointer;
			font-size: 19px;
			font-family:'Roboto';
			font-weight:700;
			padding: 0px 5px 0 5px;
			width: 230px;
			height:40px;
			box-shadow: 0 4px 4px #9C9983;
			-moz-box-shadow: 0 4px 4px #9C9983;
			-webkit-box-shadow: 0 4px 4px #9C9983
		}
			#optin3 input[type="submit"]:hover { color: #FFDEDE }			
			

/**PRE LAUNCH AREA**/

.plfbg {
	width:820px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border-width:20px;
	border-color:#fff;
	border-style:solid;
	margin-bottom:20px;
	margin-top:20px;
}

.plfbg h2{
	text-align:center;
	font-family: 'Roboto';
	color:#414141;
	font-size:300%;
	
}

.plfbgwide {
	width:660px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border-width:20px;
	border-color:#fff;
	border-style:solid;
	margin-bottom:20px;
	margin-top:20px;
}

.plfbgwide h2{
	font-family: 'Roboto';
	color:#414141;
	font-size:180%;
	
}

#plfbutton {
   background: #ff7300;
   padding: 8px 13px 8px 13px;
   color: white !important;
   font-size: 31px;
   margin: 25px 0 25px;
   margin-left:auto;
   margin-right:auto;
   font-weight:700;
   display:none;
   width: 580px; 
  text-align:center;
  font-family:Roboto;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	color:#eee
   }
   
#plfbutton:hover {
   background: #ff7d13;
   }
   
#plfbutton:active {
   background: #BD5500;
   }

 #plflink {
	  background: #fff;
   padding: 8px 13px 8px 13px;
   margin: 25px 0 25px;
   margin-left:auto;
   margin-right:auto;
   display:none;
   width: 540px; 
  text-align:center;
   }
   
 }
   
   
/**Our changes**/

.awkwardbutton1{
    background:url(./images/awkwardbutton1.png) no-repeat;
    cursor:pointer;
    border:none;
    outline: none;

	width:349px;
	height:177px;

}

.awkwardbutton1:hover {
     opacity:.9;
}


.free-video-guide-button-1{

    background:url(./images/free-video-guide-button-1.png) no-repeat;
    cursor:pointer;
    border:none;
    outline: none;
	width:349px;
	height:177px;

}

.free-video-guide-button-1:hover {
     opacity:.9;
}

.awkwardbutton2{
    background:url(./images/awkwardbutton2.png) no-repeat;
    cursor:pointer;
    border:none;
	width:349px;
    outline: none;
	height:177px;

}

.outgoingbutton2{
    background:url(./images/outgoingbutton2.png) no-repeat;
    cursor:pointer;
    border:none;
    outline: none;

	width:349px;
	height:177px;

}

.salesletterwidth {
	width:65%;
	margin-left:auto;
	margin-right:auto;	
}

@media (max-width: 1000px){
	.salesletterwidth {
		width:80%;
		margin-left:auto;
		margin-right:auto;	
	}

}

.redpurchasebutton {
   background: #ca0002;
   padding: 8px 13px 8px 13px;
   color: white !important;
   font-size: 21px;
   font-weight:bold;
	display:block;
    margin: 0 auto;
	width:200px;
	text-align:center;
	text-decoration:none!important;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
   }
   
.redpurchasebutton:hover {
   background: #d70002;
   }
.redpurchasebutton:active {
   background: #b90002;
   }

.centeredsalesbox {
	width:55%;
	margin-left:auto;
	margin-right:auto;
	padding: 2em 2em 2em 2em;
	margin-bottom: 2em;
	margin-top:2em;
	background-color:#eeeeee;
	border: 1px solid #3cb4c5;
	

}



.centeredsalesbox p {
 text-align:center;
 }
 

 

.salesred {
	background-color:#8A0708;
	padding: 2em 0 0em 0;
	margin: 2em 0 0em 0;
	position:relative;
	height:480px;
	background-image: url('/images/60-days-guarantee.png');
	background-repeat:no-repeat;
	background-position: right bottom;
}

.salesred h2,.salesred p{
	color:white !important;
	text-align:left!important;
}

.salesred h3{
	color:white !important;
	font-weight:bold;
	text-align:left!important;
}

.salesdark {
	background-color:#323232;
	padding: 0em 0 2em 0;
	margin: 2em 0 0em 0;
	border-top: solid #dedede 1px;
	border-bottom: solid #fff 2px;

}

.salesdark p, .salesdark ul {
	color:#fff;
}

.salesdark h2 {
	color:#ea2a2c !important;
}


.salesbg {
	width:820px;
	margin-left:auto;
	margin-right:auto;
	background-color:#eee;
	border-width:20px;
	border-color:#fff;
	border-style:solid;
	
}

.salesbg hr {
	border: 0;
	height: 2px;
	background-color: #fff;
	margin: 30px 0 30px 0;
}



.salesbg ul li { background:url(images/check-list-bg-red.png) no-repeat left center !important; padding:0px 0px 0px 26px; margin: .5em 0; }


.salesbg h2 {
	color:#2b2b2b;
	font-family: 'Roboto';
	text-transform:uppercase;
	font-weight: 700;
	text-align:center;
	font-size:280%;
}

.salesbg h3{
	color:#0096ab;
	font-family: 'Roboto';
	font-weight: 400;
	text-align:center;
	font-size:160%;
}


.salesbg h1 {
	text-align:center;
	color:#ed2224;
	font-family: 'Roboto';
	text-transform:uppercase;
	font-size:380%;
	font-weight: 700;
}

.salesbg a:link,.guidepagebg a:visited,.guidepagebg a:hover {
	color:#ed2224;
	text-decoration:underline;
}


.salesbg2 {
	width:820px;
	margin-left:auto;
	margin-right:auto;
	padding: 0em 0 0 0;
	background-color:#eee;
	border-width:20px;
	border-color:#fff;
	border-style:solid;
	
}

.salesbg2 hr {
	border: 0;
	height: 2px;
	background-color: #fff;
	margin: 30px 0 30px 0;
}



.salesbg2 ul li { background:url(images/check-list-bg-red.png) no-repeat left center !important; padding:0px 0px 0px 26px; margin: .5em 0; }


.salesbg2 h2 {
	color:#2b2b2b;
	font-family: 'Roboto';
	font-weight: 700;
	text-align:center;
	font-size:170%;
	padding: 0em 2em 0 2em;
	text-transform:capitalize;
}

.salesbg2 h3{
	color:#0096ab;
	font-family: 'Roboto';
	font-weight: 400;
	text-align:center;
	font-size:160%;
	
}


.salesbg2 h1 {
	text-align:center;
	color:#fff;
	font-family: 'Roboto';
	font-size:490%;
	font-weight: 400;
}

.salesbg2 a:link,.guidepagebg a:visited,.guidepagebg a:hover {
	color:#ed2224;
	text-decoration:underline;
}


.salesheader {
	position:relative; margin-left:-28px;margin-top: -250px;margin-bottom: 100px;height: 140px;width:700px;
}


.salespagebg {
	width:650px;
	margin-left:auto;
	margin-right:auto;
	padding:2em 4em 2em 4em;
	background-color:#eee;
}

.salespagebg h2{
	text-align:center;
	font-family: 'Roboto Condensed';
	color:#3cb4c5;
	text-transform:uppercase;
}

.salespagebg h3 {
	font-family: 'Roboto Condensed';
	text-transform:uppercase;
	color:gray;
}


.salespagesession {
	padding: 0px;
	margin:25px 0 25px 0;
	border-bottom: 1px solid #ddd;	
}

.salestext {
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.testimonialbox {
	width: 70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
	padding:20px;
	background-color:#fff;
	border:solid #dedede 1px;

}


#coursepage {
	width: 920px;
	
}

#leftcourse {
	width: 660px;
	float: left;

}


#guidestyle {
	width: 660px;
	float: left;
	background-color:#DEDEDE;
}

#rightcourse {
	margin-left: 660px;

}


#belowvideo {
	width:640px;
	padding:10px 0 8px
}

#linebelowvideo {
	margin: 15px 0 0 0;
}

#section_progress {
  padding: 0px;
}
  
  #section_progress h3 {
    color: #888;
    text-align: center; }
  #section_progress #progress_bar {
    position: relative;
    height: 24px;
    padding-right: 2px;
    background-color: #eee;
    border-bottom-color: #dfdfdf;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #eeeeee));
    background: -webkit-linear-gradient(#f3f3f3 0%, #eeeeee 100%);
    background: -moz-linear-gradient(#f3f3f3 0%, #eeeeee 100%);
    background: -o-linear-gradient(#f3f3f3 0%, #eeeeee 100%);
    background: -ms-linear-gradient(#f3f3f3 0%, #eeeeee 100%);
    background: linear-gradient(#f3f3f3 0%, #eeeeee 100%);
 }
  #section_progress #progress_bar_inner {
    position: relative;
    display: block;
    overflow: hidden;
    height: 23px;
    background-color: #ff7200;
    border: 1px solid orange
    color: white !important;
	font-weight:bold;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    }
	
	
#transcript {
	width: 640px;
	padding: 5px 5px 5px 0;
}

  #section_progress #progress_bar_inner.percent_10 {
    width: 10%; }
  #section_progress #progress_bar_inner.percent_15 {
    width: 15%; }
  #section_progress #progress_bar_inner.percent_20 {
    width: 20%; }
  #section_progress #progress_bar_inner.percent_25 {
    width: 25%; }
  #section_progress #progress_bar_inner.percent_30 {
    width: 30%; }
  #section_progress #progress_bar_inner.percent_35 {
    width: 35%; }
  #section_progress #progress_bar_inner.percent_40 {
    width: 40%; }
  #section_progress #progress_bar_inner.percent_45 {
    width: 45%; }
  #section_progress #progress_bar_inner.percent_50 {
    width: 50%; }
  #section_progress #progress_bar_inner.percent_55 {
    width: 55%; }
  #section_progress #progress_bar_inner.percent_60 {
    width: 60%; }
  #section_progress #progress_bar_inner.percent_65 {
    width: 65%; }
  #section_progress #progress_bar_inner.percent_70 {
    width: 70%; }
  #section_progress #progress_bar_inner.percent_75 {
    width: 75%; }
  #section_progress #progress_bar_inner.percent_80 {
    width: 80%; }
  #section_progress #progress_bar_inner.percent_85 {
    width: 85%; }
  #section_progress #progress_bar_inner.percent_90 {
    width: 90%; }
  #section_progress #progress_bar_inner.percent_95 {
    width: 95%; }
  #section_progress #progress_bar_inner.percent_100 {
    width: 100%; }


.promobox {
	
	padding: 12px;
	width: 617px;
	margin: 22px 0 8px;
	background: #eee;
}


.premiumbox {

	width:70%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background: #eee;
	padding: 20px;
	margin-top:25px;
	margin-bottom:25px;

}


.premiumbox h3 {
	color:#FF7300;
}

.premiumfocusbox {
	background-color: #3e3e3e;
	padding:1em;
	margin-top:2em;
	margin-bottom:2em;
	color:white;
}


.premiumfocusbox h2 {
	color:#3cb4c5;
	font-weight:normal;
	font-family: 'Roboto Condensed';
}

.premiumfocusbox h3 {
	color:#3cb4c5;
	font-weight:normal;
	font-family: 'Roboto Condensed';
}

.premiummenubox {

	width:70%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background: #575757;
	padding: 20px;
	margin-top:25px;
	margin-bottom:25px;

}

.premiummenubox h2{
 color:#3cb4c5;
 font-weight:normal;
 font-family: 'Roboto Condensed';

}

.premiummenubox hr{
	background-color:#8C8C8C;
	border:none;
	height:2px;
	margin:2em 0em 2em 0em

}


.premiummenubox a:link{ 
 color: #fff; 
 text-decoration: none; 
}
.premiummenubox a:visited{ 
 color: #ABABAB; 
 text-decoration: none; 
} 

.premiummenubox a:hover{ 
 color: #ff7300;
 text-decoration: none; 
} 




.premiumvideobox {

	width:810px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background: #eee;
	padding: 20px;
	margin-top:25px;
	margin-bottom:25px;

}

.video-menu a { 
  display: block;
  border-top: 1px solid #eee;

  padding: 7px 0;
  margin: 0px 0;
}



.video-menu a:hover { background: #eee; }


/* Video Menu */

.sh-active { background: #eee;
				font-weight:bold; }


ul#coursenav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;}
ul#coursenav li {margin:0;padding:0;list-style:none;margin:0 0 0.6em 0; }
ul#coursenav li a {text-decoration:none;display:block;padding:0.3em 0.5em;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;background:#fff;}

/* Added this line here to overwrite the link element setting menu-item to white - Jordan */
ul#coursenav li a.sh-active { background: blue; }
ul#coursenav li.menu-item img { float: left; padding: 5px 10px; }

ul li#menu-item a {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px solid #DEDEDE;background:red;}


ul li#menu-item {text-decoration:none;display:block;padding:0.3em 0.5em;border:1px solid #DEDEDE;background:red;}


ul#coursenav li a:hover {border-top:1px solid gray;border-bottom:1px solid gray; }


part1{
	color: #fff;
	background: #094C80;
}



.greybox {
    background-color: #F7F7F7;
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto 3em;
    padding: 2em;
    text-align: 20em;
    width: 70%;

}

.salesbox {
    background-color: #F7F7F7;
    border-color: orange;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto 3em;
    padding: 2em;
    text-align: 20em;
    width: 70%;
}

.salesbox2 {
    background-color: #F7F7F7;
    border-color: #066190;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto 3em;
    padding: 2em 0 2em 0;
    text-align: 20em;
 
}



.salesbox3 {
    background-color: #EEE;
    padding: 2em 0 2em 0;
    text-align: 20em;
	width: 100%;
 
}

.bluebox {
    background-image: url('/images/best_friends2.gif');
    background-repeat: no-repeat;
    background-position: center bottom; 
    background-color: #066190;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 440px;
    
}

.blueboxstart {
    background-image: url('/images/best_friends3.gif');
    background-repeat: no-repeat;
    background-position: center bottom; 
    background-color: #44566E;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 440px;
    
}

.bigfield {
    background-repeat: repeat;
    background-position: center bottom; 
    background-color: #3d5a6e;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 470px;
	color:#3d5a6e;
	text-align:center;
	background-image: url('/images/graypattern.png');
    
}

.davidfield {
    background-repeat: no-repeat;
    background-position: center bottom; 
    background-color: #b2b7a8;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 470px;
	color:#3d5a6e;
	text-align:center;
	background-image: url('/images/david-studio.jpg');
	
    
}


.beachfield {
    background-repeat: no-repeat;
    background-position: center bottom; 
    background-color: #f7f3ef;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 424px;
	color:#3d5a6e;
	text-align:center;
	background-image: url('/images/friends-beach-2.jpg');
	
    
}



.videounderlay {
    background-repeat: no-repeat;
    background-position: center top; 
    background-color: #a3a3a3;
    position: absolute;
    left: 0;
    right: 0;
    height: 700px;
	color:#3d5a6e;
	text-align:center;
	background-image: url('/images/videounderlay.jpg');
	
    
}


.videounderlay2 {
    background-repeat: no-repeat;
    background-position: center top; 
    background-color: #3cb4c5;
    position: absolute;
    left: 0;
    right: 0;
    height: 560px;
	text-align:center;
	
	
    
}


.videounderlay2 h2 {
    font-family: 'Roboto'; 
	font-weight: 700 !important;
    text-transform:capitalize !important; 
    color:#fff; 
    font-size:250%;
	
	
    
}

.optinfield {
    background-color: #eee;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    padding-bottom:2em;
	border: 0px solid #dedede;
	background-image: url('/images/brickwall.png');
}


.optinbox {
    margin-left:600px;
	position:absolute;
	margin-top:70px;
	border: solid 4px #dedede;
	padding:15px;
	background-color:#fff;
	width:240px;

}

.optinbox h2{
    font-family: 'Roboto'; 
	font-weight: 700;
    color:#19436a; 
    text-transform:none!important;
}


.optinbox2 {
    float:right;
	margin-top:70px;
	margin-right:120px;
	border: solid 4px #dedede;
	background-color:#eee;
	padding:15px;
	width:240px;
	

}

.optinbox2 h2{
    font-family: 'Roboto'; 
	font-weight: 700;
    color:#19436a; 
    text-transform:none!important;
}


.optinbox3 {
    float:right;
	width:240px;
}

.optinbox4 {
    float:right;
	margin-top:40px;
	margin-right:-30px;
	padding:15px;
	width:240px;
}

.float-left {
float:left;
text-align:left;
margin-left:60px;
width:250px; // or 33% for equal width independent of parent width
}

.optinbox3 h2{
    font-family: 'Roboto'; 
}

.coursepromoter {
	width:91%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
	padding: 2em;
	height:520px;
	background-image: url('/images/freedvd3.jpg');
	background-repeat:no-repeat;
	background-position:0px 70px; 
	background-size:500px;
	
}


.coursepromoter2 {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	padding: 2em;
	height:420px;
	background-image: url('/images/freedvd3.jpg');
	background-repeat:no-repeat;
	background-position:0px 70px; 
	background-size:400px;
	
}


.coursepromoter3 {
	margin-left:auto;
	margin-right:auto;
	margin-top:-40px;
	margin-bottom:30px;
	padding: 2em;
	height:453px;
	background-image: url('/images/freedvd4.jpg');
	background-repeat:no-repeat;
	background-position:0px 70px; 
	
}

.coursepromoter4 {
	margin-left:auto;
	margin-right:auto;
	margin-top:-40px;
	margin-bottom:30px;
	padding: 2em;
	height:453px;
	background-image: url('/images/freedvd5.jpg');
	background-repeat:no-repeat;
	background-position:0px 70px; 
	
}


.coursepromoter6 {
	margin-left:auto;
	margin-right:auto;
	margin-top:-40px;
	margin-bottom:30px;
	padding: 2em;
	height:453px;
	background-image: url('/images/freedvd6.jpg');
	background-repeat:no-repeat;
	background-position:0px 70px; 
	
}


.coursepromoter3 p{
	font-size:100%;
}



.optinheader {
    padding: 0em 0 0 0;
    width:900px;
    margin-left: auto; 
    margin-right: auto;
}

.optinheader h1{
    font-family: 'Roboto'; 
	font-weight: 700;
    color:#19436a; 
    font-size:260%;
}


.optinheader h2{
    font-family: 'Roboto'; 
	font-weight: 700;
    color:#19436a; 
	 text-transform:none!important;
}

.optinheader ul li{
    font-family: 'Roboto'; 
    color:#19436a;
	font-size:120%;
	
}

.davidfield2 {
    background-repeat: no-repeat;
    background-position: center bottom; 
    background-color: #d3d1c2;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 470px;
	color:#3d5a6e;
	text-align:center;
    
}

.bottomfield {
    background-repeat: repeat;
    background-position: center bottom; 
    background-color: #DEDEDE;

    left: 0;
    right: 0;
    height: 240px;
	color:#3d5a6e;
	text-align:center;
	background-image: url('/images/graypattern.png');
    
}

.bottomfield2 {
    background-repeat: repeat;
    background-position: center bottom; 
    background-color: #b2b7a8;

    left: 0;
    right: 0;
    height: 240px;
	color:#3d5a6e;
	text-align:center;
	
    
}

.bottomfield3 {
    background-repeat: repeat;
    background-position: center bottom; 
    background-color: #eee;

    left: 0;
    right: 0;
    height: 240px;
	color:#3d5a6e;
	text-align:center;
	
    
}

.bottomfield4 {
    background-repeat: repeat;
    background-position: center bottom; 
    background-color: #eee;

    left: 0;
    right: 0;
    height: 240px;
	color:#3d5a6e;
	text-align:center;
	
    
}



.bluepattern {
    background-repeat: repeat;
	background-image: url('/images/bluepattern.png');
    background-position: center bottom; 
    background-color: #DEDEDE;
    position: absolute;
    left: 0;
    right: 0;
    height: 200px;
	color:#3d5a6e;
	text-align:center;
    
}



.videofield {
	text-align:center;
	margin-bottom:20px;
    
}

.contentfield {
	text-align:center;
	height:500px;

	border-top: 1px solid #ff7300;
	border-bottom: 1px solid #ff7300;
	
}


.contentfield2 {
	text-align:center;
	height:500px;
	padding-top:2em;
	
}

.contentfield2 h3 {
	color:inherit;
	text-transform:none;
	color: #19436a;
	font-family:roboto;
	
}

.contentfield h3{
	color:inherit
}

.left {
  float:left; 
  width:300px;
}

 .landingstyle h2, .landingstyle h3 {
	font-weight:normal; 
	font-family: 'Roboto' ;
	text-transform:uppercase;
	}
	
	 .landingstyle2 h2 {
	font-weight:normal; 
	font-family: 'Roboto' ;
	text-transform:uppercase;
	}
	
	

.box-sizing {
	box-sizing: border-box;
	margin: 0;
	text-align:left;
	padding:10px;
}

.container {
    width: 930px;
    height: 470px;

}




.container2 {
    width: 900px;
    height: 430px;

}

@media (max-width: 1000px){

.container2 {
    width: 930px;
    height: 650px;

}
}


.container3 {
    width: 930px;
    height: 420px;

}

.headerbox {
    height: 470px;
    padding: 2em 0 0 0;
    width: 920px; margin-left: auto; margin-right: auto
 
}

.headerbox2 {
    height: 470px;
    padding: 2em 0 0 0;
    width: 920px; margin-left: auto; margin-right: auto
 
}


.headerbox2 h1{
    font-family: 'Roboto'; 
	font-weight: 400;
    text-transform:uppercase; 
    color:#19436a; 
    font-size:310%;
}

.headerbox3 {
    height: 470px;
    padding: 2em 0 0 0;
    width: 920px; margin-left: auto; margin-right: auto
 
}

.headerbox3 h1{
    font-family: 'Roboto'; 
	font-weight: 400;
    text-transform:uppercase; 
    color:#19436a; 
    font-size:310%;
}

.headerbox3 p{
    font-family: 'Roboto'; 
	font-weight: 400;
}

.headerbox3 a{
    color:#fff !important;
	font-size:19px;
	text-decoration: underline;
}

.headerbox3 a:hover {
    color:#eee !important;
	
}


.headerbox4 {
    height: 470px;
    padding: 20px 0 0 0;
    width: 950px;
	margin-left: auto;
	margin-right: auto
 
}

.headerbox4 h1{
    font-family: 'Roboto'; 
	color:#fff;
	font-weight:700;
	font-size:58px;
	margin-top:-10px;
}

.headerbox4 span{
	background-color:#252525; 
	padding:4px 10px 4px 10px;
	line-height: 90px;
}

.headerbox4 p{
    font-family: 'Roboto'; 
	font-weight: 400;
}

.headerbox4 a{
    color:#fff !important;
	font-size:19px;
	text-decoration: underline;
}

.headerbox4 a:hover {
    color:#eee !important;
	
}


.headerboxright {
    height: 470px;
    padding: 2em 0 0 0;
    width:1200px;
    margin-left: auto; 
    margin-right: auto
}

.headerboxright h1{
    font-family: 'Roboto'; 
    text-transform:uppercase; 
    color:#19436a; 
    font-size:310%;
}

@media (max-width: 1000px){
    .headerboxright{
         width:1000px;
    }
    .headerboxright h1{
        font-size:200%;
    }
}

.headercontent {
    padding: 2em 0 0 0 ;

    width: 500px;
    margin-left: 0;
 
}

.headercontent2 {
    padding: 2em 0 0 0 ;
  
    width: 600px;
    margin-left: 0;
 
}

aside { float: left; max-width: 220px;}
.inside { background-color: #f4f4f4; padding: 10px; }
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }

.bluecontainer {
    height: 70px;
	background-color:#44566E;

}


.blueheader {
    background-repeat: no-repeat;
    background-position: center bottom; 
    background-color: #44566E;
    position: top;
    top: 0px;
    left: 0;
    right: 0;
    height: 60px;
    
}

.blueheadercontent {
    padding: 17px 0 0 0 ;
    width: 960px; margin-left: auto; margin-right: auto
 
}

.blueheadermenu {
   height: 60px;
   width: 700px; margin-right: 0;
   float: right;
   padding: 26px 0 0 0;
   text-align:right

}

.headerimg {
    height: 480px;
    width: 450px; margin-right: 0;
    float: right;
    bottom: 0px;
 
}


.headerimg2 {
 
    height: 400px;
    width: 500px; margin-right: 0;
    float: right;
    bottom: 0px;
 
}


.lonelybox {
    background-image: url('/images/lonely.jpg');
    padding: 2em 2em 2em 2em;
    text-align: 20em;
    width: 890px;
    height: 450px;
    border-radius: 0px;
    
    
}


.friendbox {
    background-image: url('/images/beachparty2.jpg');
    background-repeat: no-repeat;
    width: 380px;
    height: 649px;
    border-radius: 0px;
    float:right;
    
    

}


.lonelybox2 {
    background-image: url('/images/lonely2.jpg');
    background-repeat: no-repeat;
    width: 380px;
    height: 504px;
    border-radius: 0px;
    float:left;
    
    

}

.lefttop{
       float:left;
       width: 200px;

}

.righttop{
	margin-left:600px;/*match images width width*/
       float:right;
       width: 200px;
}


.leftimage{

	float:left;
}

.righttext{
	margin-left:320px;/*match images width width*/

}


.rightform{
	margin-left:320px;/*match images width width*/
     

}



.righttext7{
	margin-left:340px;/*match images width width*/


}

.righttext2{
	margin-left:220px;/*match images width width*/
}

.righttext3{
	margin-left:220px;/*match images width width*/
}


.righttext4{
	margin-left:380px;/*match images width width*/
}

.righttext5{
	margin-left:420px;/*match images width width*/
}

.righttext6{
	margin-left:90px;/*match images width width*/
}

.lefttext{
	margin-right:400px;/*match images width width*/
}

.lefttext2{
	margin-right:400px;/*match images width width*/
       float:left
}

sup{font-size:xx-small; vertical-align: super;} 







p.italic,i {font-style:italic}


/** Font Face Declarations **/

	@font-face {

	    font-family: 'DroidSansRegular';

	    src: url('fonts/droidsans-webfont.eot');

	    src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),

	         url('fonts/droidsans-webfont.woff') format('woff'),

	         url('fonts/droidsans-webfont.ttf') format('truetype'),

	         url('fonts/droidsans-webfont.svg#DroidSansRegular') format('svg');

	    font-weight: normal;

	    font-style: normal;

	}



	@font-face {

	    font-family: 'DroidSansBold';

	    src: url('fonts/droidsans-bold-webfont.eot');

	    src: url('fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),

	         url('fonts/droidsans-bold-webfont.woff') format('woff'),

	         url('fonts/droidsans-bold-webfont.ttf') format('truetype'),

	         url('fonts/droidsans-bold-webfont.svg#DroidSansBold') format('svg');

	    font-weight: normal;

	    font-style: normal;
	}



	@font-face {

	    font-family: 'DroidSerifItalic';

	    src: url('fonts/droidserif-italic-webfont.eot');

	    src: url('fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),

	         url('fonts/droidserif-italic-webfont.woff') format('woff'),

	         url('fonts/droidserif-italic-webfont.ttf') format('truetype'),

	         url('fonts/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');

	    font-weight: normal;

	    font-style: normal;

	}



	@font-face {

	    font-family: 'DroidSerifRegular';

	    src: url('fonts/droidserif-regular-webfont.eot');

	    src: url('fonts/droidserif-regular-webfont.eot?#iefix') format('embedded-opentype'),

	         url('fonts/droidserif-regular-webfont.woff') format('woff'),

	         url('fonts/droidserif-regular-webfont.ttf') format('truetype'),

	         url('fonts/droidserif-regular-webfont.svg#DroidSerifRegular') format('svg');

	    font-weight: normal;

	    font-style: normal;

	}





/** Some Basic Stuff **/

body{  color:#474747; font:13px "Verdana",Arial, Helvetica, sans-serif;  }

h1,h2,h3,h4,h5,h6{ font-family: "Verdana",Arial, Helvetica, sans-serif; margin-bottom:20px; color:#454545; }

h1{ font-size:30px; font-weight: bold;}

course{ font-size:50px;}

h2{ font-size:24px; font-weight:bold;}

h2white{ font-size:24px; color:white; font-weight:bold;}

h3{ font-size:18px;}

h3italic{ font-size:18px; font-style: italic;}

strong, b{ font-weight: bold;}

h4{ font-size:14px;}

h5{ font-size:12px;}

h6{ font-size:10px;}

ref{ font-size:9px; color:gray}

quote{ font-size:18px; font-style: italic;}

white {color: white;}

orange {color: white;}

medium {font-size:20px;}

custom {font-size:40px;}

small {font-size:9px;}

large {font-size:34px;}

a{ text-decoration:none; }

a:link {color:#3d5a6e;} 

a:active, a:visited { color: #3d5a6e; }

a:hover { color: #ff7300; }

a.menu{ text-decoration:none; }

a.menu:link {color:#fff;} 

a.menu:active, a.menu:visited { color: #fff; }

a.menu:hover { color: #ff7200; }

red {color: red}

gray {color: gray}

italic {font-style: italic;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }





/** Main Layout **/

#main wrap { margin:0px auto; overflow:hidden; width:960px;}

.header-wrap { background:#fff; margin:auto; width:960px; }

#header { background:#fff; height:98px; margin:0px auto; overflow:hidden; position:relative; width:940px;}

.inner-wrap {background-color : transparent; margin:0px auto 8px; width:960px;}

#content-wrap { background:#fff; margin:0px auto; width:940px;}

#slider-wrap { background:url(images/slider-wrap-bg.png) repeat-y; margin:10px 0px 34px; overflow:hidden; position:relative; width:940px;}




/**HEADER STYLES**/

.logo { margin:26px 0px 0px 0px;}

#header h1 { text-indent:-9999px;}

.topmenu { float:right; overflow:hidden; position:absolute; top:60px; right:0px; width:600px; text-align:right;}

.ie9 .header-info{ width:600px;}


.ie9 .tell-number{ width:800px; }

.tell-number p { color:#393838; font:13px "Verdana",Arial, Helvetica, sans-serif;}

.tell-number p span { color:#ff7200; display:inline-block; font:12px "Verdana",Arial, Helvetica, sans-serif; }

.ie7 .tell-number p span { margin:0px 0px 6px; }

.header-socail-naav { float:right; overflow:hidden; padding:11px 0px 0px; width:0px; }

.ie7 .header-socail-naav { padding:0px;}

.header-socail-naav li { float:left; margin:5px 9px 0px 0px;}

.header-socail-naav p { color:#b0b0b0; font:12px "Verdana",Arial, Helvetica, sans-serif; }



.header-socail-naav .twitter  { background:url(images/twitter-icon.png) no-repeat left top; display:block; height:25px; width:25px;}

/*.twitter:hover,

.twitter:focus { background:url(images/twitter-icon.png) no-repeat left bottom; }*/



.header-socail-naav .facebook { background:url(images/facebook-icon.png) no-repeat left top; display:block; height:25px; width:25px; }

/*.facebook:hover,

.facebook:focus { background:url(images/facebook-icon.png) no-repeat left bottom; }*/



.header-socail-naav .flicker { background:url(images/flicker-icon.png) no-repeat left top; display:block; height:25px; width:25px; }

/*.flicker:hover,

.flicker:focus { background:url(images/flicker-icon.png) no-repeat left bottom; }*/



.header-socail-naav .rss { background:url(images/rss-icon.png) no-repeat left top; display:block; height:25px; width:25px; }

/*.rss:hover,

.rss:focus { background:url(images/rss-icon.png) no-repeat left bottom; }*/









/**SLIDR STYLES**/

#slider-wrap .slider { overflow:hidden; width:940px !important; height:374px; }

#slider-wrap .slider .slide { overflow:hidden; width:940px !important; height:374px;}

#slider-wrap .slider .slide .slider-info { float:left; margin:63px 0px 0px 30px; width:350px;}

#slider-wrap .slider .slide .slider-info h2 { margin:0px; color:#fff; font:30px "Verdana",Arial, Helvetica, sans-serif; }

#slider-wrap .slider .slide .slider-info h3 { margin:0px; border-bottom:1px dotted #fff; color:#cdbcc7; font:18px "Verdana",Arial, Helvetica, sans-serif; margin:0px 0px 25px; padding:0px 0px 21px; }

#slider-wrap .slider .slide .slider-info p { margin:0px; color:#a4a4a4; font:13px "Verdana",Arial, Helvetica, sans-serif; line-height:20px; }

#slider-wrap .slider .slide .slider-info .download-btn { background:url(images/slider-download-btn.png) no-repeat left top; color:#fff; display:block; font:13px "Verdana",Arial, Helvetica, sans-serif; height:41px; line-height:41px; margin:38px 0px 0px; text-align:center; text-shadow:1px 1px 1px #245b18; width:160px;}

#slider-wrap .slider .slide .slider-info .download-btn:hover,.slider-info .download-btn:focus {  background:url(images/slider-download-btn.png) no-repeat left bottom; }

#slider-wrap .slider .slide .slider-video { background:#181c1f; float:right; height:270px; margin:41px 47px 41px 0px; position:relative; padding:7px 7px; width:480px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

#slider-wrap .slider .slide .slider-video img { display:block; margin:0px auto; }

#slider-wrap .slider .slide .slider-info-right { float:right; margin:63px 30px 0px 0px; width:350px;}

#slider-wrap .slider .slide .slider-info-right h2 { color:#fff; font:30px "DroidSerifRegular",Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px; }

#slider-wrap .slider .slide .slider-info-right h3 { border-bottom:1px dotted #fff; color:#cdbcc7; font:18px "DroidSerifItalic",Arial, Helvetica, sans-serif; margin:0px 0px 25px; padding:0px 0px 21px;  }

#slider-wrap .slider .slide .slider-info-right p { color:#a4a4a4; font:13px "Verdana",Arial, Helvetica, sans-serif; line-height:20px; }

#slider-wrap .slider .slide .slider-info-right .download-btn { background:url(images/slider-download-btn.png) no-repeat left top; color:#fff; display:block; font:13px "Verdana",Arial, Helvetica, sans-serif; height:41px; line-height:41px; margin:38px 0px 0px; text-align:center; text-shadow:1px 1px 1px #245b18; width:160px;}

#slider-wrap .slider .slide .slider-info-right .download-btn:hover,.slider-info-right .download-btn:focus {  background:url(images/slider-download-btn.png) no-repeat left bottom; }

#slider-wrap .slider .slide .slider-video-right { background:#181c1f; float:left; height:270px; margin:41px 0px 41px 47px; position:relative; padding:7px 7px; width:480px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  }

#slider-wrap .slider .slide .slider-video-right img { display:block; margin:0px auto; }

#slider-wrap .slider .slide .slide-circle{ background:url(images/slider-circle-bg.png) center center no-repeat; width:286px; height:246px; padding:50px 20px 30px; position:absolute; top:25px; left:30px; }

#slider-wrap .slider .slide .slide-circle h2{ margin:0px; color:#fff; font:30px "DroidSerifRegular",Arial, Helvetica, sans-serif; text-align:center; }

#slider-wrap .slider .slide .slide-circle h3{ margin:0px; color:#cdbcc7; font:18px "DroidSerifItalic",Arial, Helvetica, sans-serif; padding:0 0 20px 0; text-align:center; background:url(images/blue-box-heading-bg.png) repeat-x bottom;  }

#slider-wrap .slider .slide .slide-circle p{ margin:0px; color:#e2e2e2; font:13px "Verdana",Arial, Helvetica, sans-serif; line-height:20px; margin-top:20px; text-align:center; }

#slider-wrap .slider .slide .slide-circle .circle-btn{ display:block; color:#71616a; font:14px "DroidSansBold",Arial, Helvetica, sans-serif; margin:10px auto 0px; background:url(images/download-btn-over-maroon.png) no-repeat; width:114px; height:34px; text-align:center; line-height:34px;}

#slider-wrap .slider .slide .slide-square{ background:url(images/slider-blue-box-bg.png); width:260px; height:230px; padding:30px; position:absolute; top:40px; left:40px; }

#slider-wrap .slider .slide .slide-square h2{ margin:0px; color:#fff; font:30px "DroidSerifRegular",Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px; }

#slider-wrap .slider .slide .slide-square h3{ margin:0px; color:#eefbff; font:18px "DroidSerifItalic",Arial, Helvetica, sans-serif; padding:0 0 20px 0; background:url(images/blue-box-heading-bg.png) repeat-x bottom;  }

#slider-wrap .slider .slide .slide-square p{ margin:0px; color:#f8f8f8; font:13px "Verdana",Arial, Helvetica, sans-serif; line-height:20px; margin-top:20px; }

#slider-wrap .slider .slide .slide-square .square-btn{ display:inline-block; color:#2c2c2c; font:14px "DroidSansBold",Arial, Helvetica, sans-serif; margin:10px 0px 0px; background:url(images/download-btn-over-blue.png) no-repeat; width:114px; height:34px; text-align:center; line-height:34px;}

#slider-wrap .next-slide { background:url(images/slider-left-arow.png) no-repeat left top; display:block; height:57px; position:absolute; top:155px; left:0px; width:23px; z-index:25; }

#slider-wrap .next-slide:hover,.next-slide:focus { background:url(images/slider-left-arow.png) no-repeat left bottom; }

#slider-wrap .right-slide { background:url(images/slider-right-arow.png) no-repeat left top; display:block; height:57px; position:absolute; top:155px; right:0px; width:23px; z-index:25; }

#slider-wrap .right-slide:hover,.right-slide:focus { background:url(images/slider-right-arow.png) no-repeat left bottom; }







/** COMMON STYLES **/

.inner-wrap h2.section-title { background:url(images/slogan-heading-bg.png) repeat-x center; color:#454545; margin-bottom:20px; }

.inner-wrap h2.section-title span { background:#fff; font:21px "Vardana",Arial, Helvetica, sans-serif; padding:0px 1px; }

.inner-wrap h2.section-title strong { color:#454545; font:21px "DroidSansBold",Arial, Helvetica, sans-serif; }

.inner-wrap p{ margin:10px 0px 20px;}
	
.inner-wrap ol,.inner-wrap  ul { margin:20px 10px 20px 10px; }

.inner-wrap ol li { list-style:decimal inside; margin: .5em 0;}

/*
Disabled by Rajib

.inner-wrap ul li { background:url(images/check-list-bg.png) no-repeat left center; padding:0px 0px 0px 26px; margin: .5em 0; }
*/
.ie7 .inner-wrap ul li,

.ie7 .inner-wrap ol li {}

.inner-wrap blockquote{ font:14px "DroidSerifItalic",Arial, Helvetica, sans-serif; line-height:22px; margin:15px 10px; padding:10px 15px;  background:#f7f7f7; border:1px solid #e8e8e8; }

ul.tabs { overflow:hidden; margin:0px;  }

ul.tabs li{ margin:0px; background:none; float:left; padding:0px;  }

ul.tabs li a{ display:inline-block; padding:10px 15px; background:#f7f7f7; font:14px "Verdana",Arial, Helvetica, sans-serif; color:#373737; }

ul.tabs li a.current{ color:#373737; background:#f1f1f1; }

.panes .tab-pane{ background:#f1f1f1; padding:10px; }



.accordion{ margin-bottom:20px;}

.accordion h3{ margin:0px; font:14px "Verdana",Arial, Helvetica, sans-serif;  padding:10px 15px 10px 35px; cursor:pointer; background: #f7f7f7 url(images/plus-icon.png) no-repeat 10px 10px; }

.accordion h3.current{ color:#373737; background: #e1e1e1 url(images/minus-icon.png) no-repeat 10px 10px;}

.accordion div.pane{ background:#f1f1f1; padding:10px; }





/**SLOGAN STYLES**/

#slogan { margin:0px auto 36px; width:940px; }

#slogan h2.section-title{ text-align:center; color:#373737; }

#slogan h2.section-title span{  color:#373737; font:21px "Verdana",Arial, Helvetica, sans-serif; }

#slogan h2.section-title strong{  color:#373737; font:25px "DroidSansBold",Arial, Helvetica, sans-serif; }

#slogan .slogan-text { color:#575757; font:15px "DroidSerifItalic",Arial, Helvetica, sans-serif; line-height:26px; text-align:center; }

#slogan a { color:#000; font:15px "DroidSerifItalic",Arial, Helvetica, sans-serif; line-height:26px; }

#slogan a:hover,#slogan a:focus { text-decoration:underline; }







/**FEATURE STYLES**/

#feature { margin:0px auto 50px; overflow:hidden; width:940px;  }

#feature .features { overflow:hidden; margin:0px; }

#feature .features lo li { background:url(images/feature-li-bg.png) repeat-y right center; float:left; padding:0px 12px; text-align:center; width:164px; }

#feature .features li img { display:block; margin:0px auto 14px; width:66px; }

#feature .features li h3 { color:#949494; font:16px "Verdana",Arial, Helvetica, sans-serif; line-height:24px; margin-bottom:3px; }

#feature .features li h3 a{ color:#949494; }

#feature .features li a:hover,.features li a:focus { color:#393939; }

#feature .features li p { margin:0px; color:#8b8b8b; font:12px "Verdana",Arial, Helvetica, sans-serif; line-height:18px; }









/**CLIENT STYLES**/

#client { background:#ececec; height:78px; margin:0px auto 50px; overflow:hidden; position:relative; width:940px; }

#client h2 { color:#454545; font:21px "DroidSansBold",Arial, Helvetica, sans-serif; line-height:78px; margin:0px 0px 0px 23px; }

#client h2 span { font:21px "Verdana",Arial, Helvetica, sans-serif; }

#client .client-info { margin:0px; background:url(images/featured-ul-bg.png) no-repeat; height:68px; overflow:hidden; padding:0px 0px 0px 20px; position:absolute; top:5px; right:6px; width:686px; }

#client .client-info li { float:left; margin:10px 10px; background:none; padding:0px; }







/** old styles of css sprites **/

#client .client-info li a.adidas{ display:inline-block; width:72px; height:47px; background:url(images/clients.png) no-repeat 0px 0px; }

#client .client-info li a.adidas:hover{ background:url(images/clients.png) no-repeat 0px -57px; }

#client .client-info li a.smashing{ display:inline-block; width:93px; height:54px; background:url(images/clients.png) no-repeat 0px -114px; }

#client .client-info li a.smashing:hover{ background:url(images/clients.png) no-repeat 0px -178px; }

#client .client-info li a.envato{ display:inline-block; width:93px; height:54px; background:url(images/clients.png) no-repeat 0px -242px; }

#client .client-info li a.envato:hover{ background:url(images/clients.png) no-repeat 0px -306px; }

#client .client-info li a.ibm{ display:inline-block; width:72px; height:47px; background:url(images/clients.png) no-repeat 0px -370px; }

#client .client-info li a.ibm:hover{ background:url(images/clients.png) no-repeat 0px -427px; }

#client .client-info li a.puma{ display:inline-block; width:72px; height:47px; background:url(images/clients.png) no-repeat 0px -484px; }

#client .client-info li a.puma:hover{ background:url(images/clients.png) no-repeat 0px -541px; }









/**ABOUT STYLES**/

#about { margin:0px auto 0px; overflow:hidden; width:940px; }

#about .about-info { float:left; margin:0px 0px 0px 10px; width:400px; padding:0px 0px 0px 0px;  border-right: 0px dotted #7F7F7F; }

#about .about-info p { color:#8b8b8b; font:13px "Verdana",Arial, Helvetica, sans-serif; line-height:20px; margin:0px 0px 33px; }

#about .about-info  strong { color:#8b8b8b; font:13px "DroidSansBold",Arial, Helvetica, sans-serif; line-height:20px; margin:0px 0px 33px; }

#about .read-more-btn { background:url(images/about-btn.png) no-repeat left top; display:block; height:46px; line-height:48px; width:199px;}

#about .read-more-btn a { text-align:center;  no-repeat right; color:#fff; display:inline-block; font:15px "DroidSansBold",Arial, Helvetica, sans-serif; height:43px; line-height:43px; padding:0px 20px; text-shadow:1px 1px 1px #245b18;  }

#about .read-more-btn a.read-more{ width:120px; }

#about .read-more-btn a.view-our-work{ width:145px; background:none; }

#about .read-more-btn:hover,

#about .read-more-btn:focus { background:url(images/about-btn.png) no-repeat left bottom; }

#about .about-detail { float:right; overflow:hidden; width:505px; padding:0px 10px 0px 0px; }

#about .about-detail ul{ margin:0px; padding:0px;}

#about .about-detail ul li { background:none; border-bottom:1px dotted #7f7f7f; overflow:hidden; margin:0px 0px 15px; padding:0px 0px 10px; }

#about .detail-image { display:block; float:left; margin:0px 11px 0px 0px; border:4px solid #eaeaea; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;   -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

#about .detail-image:hover,

#about .detail-image:focus {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; border-color:#CCC; }

#about .about-detail ul li .about-content{ width:300px; float:right;}

#about .about-detail h5 { color:#666666; font:13px "DroidSansBold",Arial, Helvetica, sans-serif; line-height:20px; margin-bottom:5px; }

#about .about-detail p { color:#8b8b8b; font:12px "Verdana",Arial, Helvetica, sans-serif; line-height:18px; margin:0px 0px 10px 0px; }













/***** RECENT WORK STYLES *****/

#recent-work { margin:0px auto px; overflow:hidden; width:940px; }



#recent-work .work-samples { margin:30px 0px 0px; overflow:hidden; }

#recent-work .work-samples li { float:left; margin:0px 10px 0px 10px; position:relative; width:215px; padding:0px; background:none; }

#recent-work .work-samples li h5{ color:#868686; font:13px "Verdana",Arial, Helvetica, sans-serif; font-weight:bold; margin:0px 0px 12px; }

#recent-work .work-samples li h5 a{ color:#868686; }

#recent-work .work-samples h3{ color:inherit; }

#recent-work .work-samples li h5 a:hover{ color:#666; }


#recent-work .work-samples li p { font:12px "Verdana",Arial, Helvetica, sans-serif; line-height:20px; margin:0px 0px 25px; }








/**TESTIMONIALS STYLES**/

#testimonials { margin:0px auto 40px; overflow:hidden; width:940px; }

#testimonials-pager { text-align:right; margin:25px 10px 0px 0px; }

#testimonials-pager a{ display:inline-block; width:9px; height:9px; font-size:0px; background:url(images/testimonials-nav.png) bottom left; margin:0px 2px 0px;}

#testimonials-pager a.activeSlide{ background:url(images/testimonials-nav.png) top left; }

#testimonials .testimonial-slider { position:relative; margin:10px 10px 0px; width:920px;  }

#testimonials .testimonial-slide { background:#f7f7f7; border:1px solid #e8e8e8; margin:0px auto 0px; padding:22px 27px 0px; width:863px; }

#testimonials .testimonial-slide p { color:#575757; font:15px "DroidSerifItalic",Arial, Helvetica, sans-serif; line-height:26px; text-align:center; margin:0px; }

#testimonials .testimonial-slide p a { color:#000; }

#testimonials .testimonial-slide p a:hover,

#testimonials .testimonial-slide p a:focus { text-decoration:underline; }

#testimonials .testimonial-slide cite { background:url(images/cite-tag-bg.png) no-repeat; color:#545454; display:block; font:14px "Verdana",Arial, Helvetica, sans-serif; height:43px; line-height:43px; margin:0px auto -3px; text-align:center; width:291px; }

#testimonials .testimonial-slide cite span { color:#438e2f; font:14px "DroidSansBold",Arial, Helvetica, sans-serif;  }

#testimonials .testimonial-slide cite strong { color:#545454; font:14px "DroidSansBold",Arial, Helvetica, sans-serif; }











/**LIST TYPE STYLES**/

#list-types { margin:0px auto 47px; overflow:hidden; width:940px; }

#list-types ul { float:left; margin:30px 10px 0px 10px; overflow:hidden; width:215px; }

#list-types ul li { color:#878787; font:12px "Verdana",Arial, Helvetica, sans-serif; line-height:30px; list-style-position:inside; }

.ie7 #list-types ul li { padding:0px 0px 0px 6px; }

#list-types .tick li { background:url(images/check-list-bg.png) no-repeat left center; padding:0px 0px 0px 26px; }

#list-types .buttun li { background:url(images/radio-btn.png) no-repeat left center; padding:0px 0px 0px 26px; }

#list-types .arrow li { background:url(images/list-arow-bg.png) no-repeat left center; padding:0px 0px 0px 26px; }

#list-types .play li { background:url(images/list-play-btn.png) no-repeat left center; padding:0px 0px 0px 26px; }

















.formsubmit {
width:70px;
height: 40px;
padding:2px 0;
margin:2px 0 0;
border:1px #white solid;
background:#red;
font:  20px georgia, tahoma,helvetica, sans-serif ! important;
color: white;
cursor:pointer;
}

.formsubmit:hover {
background:#lime;
}
   
.collect-mail {
width:250px;
height:38px;
padding:12px ! important;
margin:2px 0 0;
border:1px #800000 dotted;
background-color:#fff;
font:  18px helvetica,sans-serif ! important;
font-weight: bold ! important;
color: #012326;
}

/**AWEBER FORM STYLING**/




#af-form-17625661 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-17625661 .af-body .privacyPolicy{color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-17625661 .af-body a{color:#094C80;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-17625661 .af-body input.text, #af-form-17625661 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-17625661 .af-body input.text:focus, #af-form-17625661 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-17625661 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-17625661 .af-body{padding-bottom:5px;padding-top:5px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-17625661 .af-header{padding-bottom:2px;padding-top:2px;padding-right:10px;padding-left:10px;background-color:#44566E;background-repeat:no-repeat;background-position:inherit;background-image:none;border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-17625661 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-17625661 .af-quirksMode{padding-right:10px;padding-left:5px;}
#af-form-17625661 .af-standards .af-element{padding-right:10px;padding-left:5px;}
#af-form-17625661 .bodyText p{margin:1em 0;}
#af-form-17625661 .buttonContainer input.submit{background-color:#FF7700;color:#FFFFFF;font-weight:bold;font-size:16px;font-family:Verdana, sans-serif;width:250px;margin-left:10px}
#af-form-17625661 .buttonContainer input.submit{width:auto;}
#af-form-17625661 .buttonContainer{text-align:right;}
#af-form-17625661 body,#af-form-17625661 dl,#af-form-17625661 dt,#af-form-17625661 dd,#af-form-17625661 h1,#af-form-17625661 h2,#af-form-17625661 h3,#af-form-17625661 h4,#af-form-17625661 h5,#af-form-17625661 h6,#af-form-17625661 pre,#af-form-17625661 code,#af-form-17625661 fieldset,#af-form-17625661 legend,#af-form-17625661 blockquote,#af-form-17625661 th,#af-form-17625661 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-17625661 button,#af-form-17625661 input,#af-form-17625661 submit,#af-form-17625661 textarea,#af-form-17625661 select,#af-form-17625661 label,#af-form-17625661 optgroup,#af-form-17625661 option{float:none;position:static;margin:0;}
#af-form-17625661 div{margin:0;}
#af-form-17625661 fieldset{border:0;}
#af-form-17625661 form,#af-form-17625661 textarea,.af-form-wrapper,.af-form-close-button,#af-form-17625661 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-17625661 input,#af-form-17625661 button,#af-form-17625661 textarea,#af-form-17625661 select{font-size:100%;}
#af-form-17625661 p{color:inherit;}
#af-form-17625661 select,#af-form-17625661 label,#af-form-17625661 optgroup,#af-form-17625661 option{padding:0;}
#af-form-17625661 table{border-collapse:collapse;border-spacing:0;}

#af-form-17625661,#af-form-17625661 .quirksMode{width:271px;}
#af-form-17625661.af-quirksMode{overflow-x:hidden;}
#af-form-17625661{background-color:#E8E8E8;border-color:#CFCFCF;border-width:0px;border-style:solid;}
#af-form-17625661{display:block;}
#af-form-17625661{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header{margin-bottom:0;margin-top:0;padding:0px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}


/**SENTRY LOGIN**/

 .handCursor {
  cursor:pointer;
  cursor:hand;
 } 
 #magicGroup form {
  margin: 0;
  padding: 0; 
 }
 #magicGroup A:link {text-decoration: none; color:black;}
 #magicGroup A:visited {text-decoration: none; color:black;}
 #magicGroup A:active {text-decoration: none; color:black;}
 #magicGroup A:hover {text-decoration: none; color:black;}

 .clearfix:after{
  content:".";display:block;height:0;clear:both;visibility:hidden;
 }
 .spacer0{clear:both; height:0px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer{clear:both; height:1px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer2{clear:both; height:2px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer3{clear:both; height:3px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer4{clear:both; height:4px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer5{clear:both; height:5px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer10{clear:both; height:10px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 .spacer20{clear:both; height:20px; margin:0px; padding:0px; line-height:0px; font-size:0px;}
 
 
 /** FLOWPLAYER **/
 
 a.rtmp {
   display:block;
   width:850px;
   height:478px;   
   text-align:center;
   background-color:black;
   margin:25px 0;
  margin-left: auto ;
  margin-right: auto ;
  
 
}


.nextbutton {
   background: #ff7300;
   padding: 5px 13px;
   color: white !important;
   font-size: 19px;
   float: right;
   margin: 25px 0 25px;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);


   }
   
.nextbutton:hover {
   border-top-color: #3d5a6e;
   background: #3d5a6e;
   color: #ccc;
   }
.nextbutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   
.guidebutton {
   background: #ff7300;
   padding: 5px 13px;
   color: white !important;
   font-size: 19px;
   float: right;
   position:relative;
   margin: 0px 0 25px;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);


   }
   
.guidebutton:hover {
   border-top-color: #3d5a6e;
   background: #3d5a6e;
   color: #ccc;
   }
.guidebutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
.purchasebutton {
   background: #ff7300;
   padding: 8px 13px 8px 13px;
   color: white !important;
   font-size: 21px;
   font-weight:bold;
   margin: 25px 0 25px;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);

	
   

   }
   
.purchasebutton:hover {
   background: #ff7d13;
   }
.purchasebutton:active {
   background: #BD5500;
   }
   
 .nextbutton_small {
   background: #ff7300;
   padding: 6px;
   color: white !important;
   font-weight:bold;
   float: right;
   margin: 0px 0 5px;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);


   }
   
.nextbutton_small:hover {
   border-top-color: #3d5a6e;
   background: #3d5a6e;
   color: #ccc;
   }
.nextbutton_small:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   .menubutton {
   background: #3d5a6e;
   padding: 5px 13px;
   color: white !important;
   font-size: 19px;
   float: left;
   margin: 25px 4px 25px;
   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);

   

   }
   
.menubutton:hover {
   border-top-color: #ff7300;
   background: #ff7300;
   color: #ccc;
   }
.menubutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   
   /** HTML COMMENTBOX **/
 
#HCB_containter {
	padding:0px 20px 20px 0;
	
}

   
#HCB_comment_box textarea {
  font-family:verdana
}

/* the entire html comment box container. applies to everything */
#HCB_comment_box {
	font-style:normal !important;
	font-family:verdana
}

#HCB_comment_box p.error {
  border: 4px solid #f88;
  background-color: #fee;
  color: #800;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border: 1px solid #ccc;
  background: url(bg.png) repeat-x;
  margin: 0px 0 10px 0px;
  padding: 5px;
}

#HCB_comment_box .hcb-wrapper-half {
  display:block;
  width:50%;
  float:left;
}
#HCB_comment_box .hcb-wrapper {
  clear:both;
  margin-bottom:0.5em;
}
#HCB_comment_box input.text {
  display:block;
  width:97%;
  
}
/* the submit button */
#HCB_comment_box input.submit {
    margin:0 7px 3px 0;
    background-color:#ff7300;
    border:1px solid #ff7300;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:white;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#HCB_comment_box input.submit:hover{
    background-color:#44566E;
    border:1px solid #44566E;
	color:white;
}

#HCB_comment_box span.home-desc {
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-top:1px solid #eee;
  margin-bottom:0.5em;
}

/* the moderator message */
.hcb-mod  b{
  color:darkblue;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:blue;
  text-decoration:underline;
}


/* THE COMPLETE GUIDES*/

.guidepagetop {
	position:relative;
	height: 336px;
}

.guidepagetop h1,.guidepagetop p {
	text-indent: -9999px;
}

.guidepagetop img {
	display:block;
	position:absolute;
	width:820px;
	height:336px;
	top:0px;
}

.guidepagetopchapter {
	position:relative;
	height: 590px;
}

.guidepagetopchapter h1,.guidepagetop p {
	text-indent: -9999px;
}

.guidepagetopchapter img {
	display:block;
	position:absolute;
	width:820px;
	height:590px;
	top:-10px;
}

.guidepagetopchapter2 {
	position:relative;
	height: 526px;
}

.guidepagetopchapter2 h1,.guidepagetop p {
	text-indent: -9999px;
}

.guidepagetopchapter2 img {
	display:block;
	position:absolute;
	width:820px;
	height:526px;
	top:-10px;
}

.chapterheader {
	position: absolute;
	margin-top:-250px;
	left: 50%;
}

.chapterheader p {
	font-weight:400;
	font-size:230%;
	color:#3cb4c5;
	text-align:center;
	font-family: 'Roboto';
	margin-top:-15px;
}

.chapterheadercenter {
	position: relative;
	left: -50%; 
}

.guidepagebg {
	width:820px;
	margin-left:auto;
	margin-right:auto;
	background-color:#eee;
	border-width:20px;
	border-color:#fff;
	border-style:solid;
	
}

.guidepagebg hr {
	border: 0;
	height: 2px;
	background-color: #fff;
	margin: 30px 0 30px 0;
}

.guidepagebg ul li { background:url(images/check-list-bg-red.png) no-repeat left center; padding:0px 0px 0px 26px; margin: .5em 0; }


.guidepagebg h2, .guidepagebg h3{
	color:#ed2224;
	font-family: 'Roboto';
	text-transform:uppercase;
	font-weight: 700;
	
}


.guidepagebg h1 {
	text-align:center;
	color:#ed2224;
	font-family: 'Roboto';
	text-transform:uppercase;
	font-size:320%;
	font-weight: 700;
}

.guidepagebg a:link,.guidepagebg a:visited,.guidepagebg a:hover {
	color:#ed2224;
	text-decoration:underline;
}



.guidebox {
	background-color:#EDEBD8;
	padding:26px 26px 60px 26px;
	margin-top:30px;
	border-style:solid;
	border-width:2px;
	border-color: #fff;
	position:relative
}

.guidebox h2 {
	position:absolute;
	margin-left:-13px;
	margin-top:-27px;
}

.yellowbox {
	background-color:#EDEBD8;
	padding:20px;
	margin-top:30px;
	margin-bottom:30px;
	border-style:solid;
	border-width:2px;
	border-color: #fff;
	position:relative
}

.guidepagebg b {
	font-weight:bold;
}

.guidepagebg i {
	font-style:italic;
}

.guidepagebg a {
	color:#ff7300;
}

.guidebox number {
	color:#3cb4c5; 
	font-size:300%;
}


.guidepagebutton{
	background: #ed2224;
   padding: 8px;
   color: white !important;
   text-decoration:none !important;
   font-weight:bold;
   font-size:120%;
   float: left;
   margin: 0px 0px 10px 0px;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.49);	
}



.guidepagebutton:hover {
   background: #FA2F31;
   }
   
.guidepagebutton:active {
   background: #881d1e;
   }
   
   .guidepagebuttonlarge {
	background: #ed2224;
	   text-decoration:none !important;
   padding: 9px;
   color: white !important;
   font-weight:bold;
   font-size:180%;
   float: right;
   margin: 20px 0px 10px 0px;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);	
}

.guidepagebuttonlarge:hover {
   background: #FA2F31;
   }
   
.guidepagebuttonlarge:active {
   background: #881d1e;
   }
   
   
  .whiteline{
	background-color:#fff;
	border:none;
	height:2px; 
	margin-bottom:2em
  
  }
  
  
  .leftcoursecontent {
	width:500px;
	float:left
}

.coursepadder {
	padding:2em;
	width:100%;
	overflow:hidden
}

.importantbox {
	background-color:#474747;
	padding:20px;
	color:white;
	marging:20px;
	border:2px solid white;
	margin-bottom:20px;
}

.importantbox h2 {
	color:#3cb4c5;

}

.importantbox h3 {
	color:#3cb4c5;

}

.quote{
	font-style:italic;
	color:#3cb4c5;
	font-size:150%;
	
}

.bottommenu{
	background-color:#EDEBD8;
	border-top: 2px white solid;
	padding:20px;
	overflow:hidden;
}

.bottommenu a{
	color:#fff !important;
	text-decoration:none !important;
}





.bottommenu-buttoncontainer {
	height:55px;
}
	
.bottommenu-button{
	background-color:#474747;
	padding:12px;
	color:#fff;
	width:360px;
	margin-bottom:10px;
	font-weight:bold;
	display: block;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
}

.bottommenu-button b{
	font-weight:bold;
	color:#3cb4c5;
}

.bottommenu a:hover{

	background-color:#363636;
}


aweber css kod 

/* AWEBER SALES PAGE STYLE */

#af-form-optin-page .af-body .af-textWrap{width:200px;display:block;float:none; }
#af-form-optin-page .af-body input.text, #af-form-optin-page .af-body textarea{
width:220px;
padding-left:5px !important;
height:36px;
background-color:#FFFFFF;
border-color:#dedede;
border-width:1px;
border-style:solid;
color:#474747;
font-size:16px;
font-family:Roboto, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
}



#af-form-optin-page .af-body input.text:focus, #af-form-optin-page .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-optin-page .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#474747;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Roboto, sans-serif;}
#af-form-optin-page .af-body{padding-bottom:5px;padding-top:5px;background-repeat:repeat-x;background-position:inherit;background-image:none;color:#474747;font-size:11px;font-family:Roboto, sans-serif;}
#af-form-optin-page .af-quirksMode{padding-right:10px;padding-left:5px;}
#af-form-optin-page .af-standards .af-element{padding-right:10px;padding-left:5px;}

#af-form-optin-page .buttonContainer input.submit{

	background-image:none;
	border:none;
	background-color:#FF7300;
	color:#FFFFFF;
	font-size:18px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	}

#af-form-optin-page .buttonContainer input.submit{ width:227px; height:42px;}
#af-form-optin-page .buttonContainer input.submit:hover{ background-color:#FF7E14;}


#af-form-optin-page .buttonContainer{text-align:left;}
#af-form-optin-page button,#af-form-optin-page input,#af-form-optin-page submit,#af-form-optin-page textarea,#af-form-optin-page select,#af-form-optin-page label,#af-form-optin-page optgroup,#af-form-optin-page option{float:none;position:static;margin:0;}
#af-form-optin-page div{margin:0;}
#af-form-optin-page form,#af-form-optin-page textarea,.af-form-wrapper,.af-form-close-button,#af-form-optin-page img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-optin-page input,#af-form-optin-page button,#af-form-optin-page textarea,#af-form-optin-page select{font-size:100%;}
#af-form-optin-page select,#af-form-optin-page label,#af-form-optin-page optgroup,#af-form-optin-page option{padding:0;}
#af-form-optin-page,#af-form-optin-page .quirksMode{width:430px;}
#af-form-optin-page.af-quirksMode{overflow-x:hidden;}

#af-form-optin-page{display:block;}
#af-form-optin-page{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}



/* AWEBER SALES PAGE FRONT */


#af-form-1830479199 .af-body .af-textWrap{width:98%;display:block;float:none; }
#af-form-1830479199 .af-body input.text, #af-form-1830479199 .af-body textarea{
width:195px;
padding-left:5px !important;
height:36px;
background-color:#FFFFFF;
border-color:#fff;
border-width:1px;
border-style:solid;
color:#474747;
font-size:16px;
font-family:Roboto, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
box-shadow:inset 2px 2px 6px 0px rgba(50, 50, 50, 0.15);
}



#af-form-1830479199 .af-body input.text:focus, #af-form-1830479199 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1830479199 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#474747;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Roboto, sans-serif;}
#af-form-1830479199 .af-body{padding-bottom:5px;padding-top:5px;background-repeat:repeat-x;background-position:inherit;background-image:none;color:#474747;font-size:11px;font-family:Roboto, sans-serif;}
#af-form-1830479199 .af-quirksMode{padding-right:10px;padding-left:5px;}
#af-form-1830479199 .af-standards .af-element{padding-right:10px;padding-left:5px;}

#af-form-1830479199 .buttonContainer input.submit{

	background-image:none;
	border:none;
	background-color:#FF7300;
	color:#FFFFFF;
	font-size:18px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	   	-webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	-moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.49);
	}

#af-form-1830479199 .buttonContainer input.submit{ width:200px; height:42px;}
#af-form-1830479199 .buttonContainer input.submit:hover{ background-color:#FF7E14;}


#af-form-1830479199 .buttonContainer{text-align:right;}
#af-form-1830479199 button,#af-form-1830479199 input,#af-form-1830479199 submit,#af-form-1830479199 textarea,#af-form-1830479199 select,#af-form-1830479199 label,#af-form-1830479199 optgroup,#af-form-1830479199 option{float:none;position:static;margin:0;}
#af-form-1830479199 div{margin:0;}
#af-form-1830479199 form,#af-form-1830479199 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1830479199 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1830479199 input,#af-form-1830479199 button,#af-form-1830479199 textarea,#af-form-1830479199 select{font-size:100%;}
#af-form-1830479199 select,#af-form-1830479199 label,#af-form-1830479199 optgroup,#af-form-1830479199 option{padding:0;}
#af-form-1830479199,#af-form-1830479199 .quirksMode{width:430px;}
#af-form-1830479199.af-quirksMode{overflow-x:hidden;}

#af-form-1830479199{display:block;}
#af-form-1830479199{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}



/* FOOTER */

.footerfield {
    background-repeat: repeat;
    background-position: center bottom; 
    background-color: #0D0D0D;
	padding:30px 20px 90px 20px;
	color:#white;
    left: 0;
    right: 0;
	text-align:center;
}