@charset "utf-8";
pre {
	display: block;
	white-space: pre;
	overflow: auto;
	width: 470px;
	line-height: 1.4;
	border: 1px solid #ccc;
	background: #ece9d8;
	padding: 8px;
	margin-top: 2em;
	margin-right: 0px;
	margin-bottom: 2em;
	margin-left: 125px;
}

/* JS: adding CODE captions */
pre.JS {
   margin-top: 0;
}
.JScodeCaption {
	margin-top: 2em;
	color: #999;
	font: .9em "Verdana", sans-serif;
	padding-bottom: 0.2em;
	margin-left: 125px;
}#navbottom {
	margin-left: 500px;
	display: inline;
	float: left;
	margin-top: -15px;
}

#lower_content h2 {
	font-size: 175%;
	text-align: center;
}

#navbottom li {
	float: left;
	list-style-type: none;
	padding-right: 15px;
}
#navbottom li a {
	font-size: 90%;
	text-decoration: none;
	color: #FFF;
}

#navbottom li a:hover {
	color: #CCC;
}
#nav li{
	float: left;
	list-style-type: none;
	padding-left: 20px;
	display: inline;
}
#nav #resources {
	padding-right: 0px;
	margin-left: -22px;
}
#nav #gua {
	margin-right: -38px;
	margin-left: -39px;
}
#nav #contact {
	margin-left: -21px;


}


#nav li a:hover {
	color: #CCC;

}



#nav li a {
	font-size: 93%;
	text-decoration: none;
	color: #FFF;
}
#nav {
	float: left;
	display: inline;
	margin-left: 355px;
	padding-top: 25px;
}
#lower_content span {
	width: 100px;

}

#form4 {
	margin-left: 75px;
}
#nav_wrap {
	margin-left: 50px;
}



#main_div {
	margin: 0 auto;
	width: 1080px;
	overflow: hidden;
	margin-top: -487px;
}
.far {
	float: left;
	margin-left: -3000em;
}

/*<![CDATA[/*>*/
   img.preload { display: none; }
/*]]>*/

a {
	color: #FFF;
	text-decoration: none;
	font-size: 100%;
}
a:hover {
	color: #CCC;
}

body a img {
	text-decoration: none;
	border: 0 none;
}
body {
	color: #FFF;
	background-color: #12B3E7;
	font-size: 100%;
}
#float_top {
	float: left;
	padding-left: 1030px;
	margin-top: -128px;
	display: inline;
}


#header {
	background-image: url(../images/header_bg.png);
	height: 487px;
	width: 100%;
	background-repeat: repeat-x;
}

#header img {
	margin-left: 75px;
}
#container {
	float: left;
	padding-left: 15px;
	padding-top: 13px;
}

#center {
	width: 200px;
	margin-left: 65px;
	float: left;
	display: inline;
}
.float {
	float: left;
	margin-left: 145px;
	font-weight: bold;
	margin-top: -5px;
}
.float a {
	font-size: 92%;
	color: #E4E4E4;
	font-weight: bold;
}
#content a  {
	font-size: 92%;
	color: #DBDBDB;
}
#content a:hover {
	color: #333;
}


.float a:hover {
	color: #333;
}


.float p {
	padding-bottom: 10px;
}
.float h2 {
	font-weight: bold;
	padding-bottom: 15px;
}


#understand {
	background-image: url(../images/understand.png);
	height: 432px;
	width: 1047px;
}
#complete {
	background-image: url(../images/complete.png);
	height: 446px;
	width: 1047px;
}
#test {
	background-image: url(../images/testi.png);
	height: 336px;
	width: 1047px;
}
#sale_top {
	background-image: url(../images/toporder.png);
	height: 146px;
	width: 1047px;
}
#sale {
	background-image: url(../images/order_lower.png);
	height: 488px;
	width: 1047px;
}
#sales_text h2 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
}
#sales_text p {
	padding-bottom: 10px;
	color: #000;
}
#sales_text {
	float: left;
	width: 375px;
	padding-left: 325px;
	text-align: center;
}


#learn {
	background-image: url(../images/learn.png);
	height: 443px;
	width: 1047px;
}




#top {
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	width: 1036px;
	height: 77px;
}
#top p {
	width: 650px;
	padding: 0px;
	margin-top: 0px;
	font-size: 108%;
	line-height: 145%;
	padding-bottom: 15px;

}
#sidebar div .yellow {
	color: #EED05E;
}

#top_lower {
	background-image: url(../images/top_lower.png);
	height: 214px;
	width: 942px;
	background-repeat: no-repeat;
}
#step_upper {
	background-image: url(../images/steps_top.png);
	height: 232px;
	width: 942px;
	background-repeat: no-repeat;
}
#step_lower {
	background-image: url(../images/steps_lower.png);
	height: 459px;
	width: 942px;
}


.side_list li {
	list-style-type: square;
	font-weight: bold;

}
.side_list {
	padding-bottom: 2px;
	padding-left: 8px;
	margin-left: 68px;
	padding-top: 10px;
}
.main_list li {
	list-style-type: square;
}
.main_list {
	font-size: 108%;
	line-height: 155%;
	font-weight: bold;
	margin-left: 350px;
}







#wrap {
	width: 1047px;



}
#video {
	margin-left: 472px;
	float: none;
	padding-top: 30px;

}

#bottom {
	background-image: url(../images/lower.png);
	background-repeat: no-repeat;
	width: 1021px;
	background-color: #000;
	height: 89px;
}
#bottom p {

}


#bottom img {
	margin-left: 375px;
}

.rightside {
	width: 325px;
}

#top_content {
	background-image: url(../images/content_top.png);
	width: 787px;
	background-repeat: no-repeat;
	float: left;
}


#content h1 {
	font-size: 1.35em;
	padding-right: 50px;
}
#content p {
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	width: 350px;
}

#content h2 {
	padding-bottom: 20px;
	font-size: 175%;
	padding-top: 0px;
	color: #333;
}
#content h2 .pink {
	color: #F26666;
}
#content h4 {
	padding-bottom: 20px;
	font-size: 145%;
	line-height: 145%;
	padding-left: 25px;
}
#content h3 {
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 25px;
}

#content span {
}


#content {
	display: inline;
	background-image: url(../images/content_bg.png);
	float: left;
	width: 787px;
	padding-top: 135px;
	padding-left: 300px;
	height: 250px;
	background-repeat: no-repeat;

}
#content_float {
	background-image: url(../images/content_bg.png);
	height: 650px;
	width: 487px;
	padding-top: 90px;
	background-repeat: no-repeat;
	margin-top: -15px;
}
#lower_content {
	clear: both;
	background-image: url(../images/lower_content_bg.png);
	width: 1036px;
	background-repeat: no-repeat;
	height: 200px;

}
#lower_content #l_left {
	float: left;
	width: 180px;
	padding-top: 8px;
}
#lower_content #l_right {
	float: left;
	width: 125px;
	padding-top: 8px;
	margin-left: 60px;
}
#lower_content #l_center {
	float: left;
	width: 570px;
	margin-left: 55px;
	padding-top: 25px;
}

#lower_content p {
	font-size: 85%;
	padding-bottom: 15px;
}

#float {
	float: left;
	margin-top: -112px;
	margin-left: 835px;
	display: inline;
}
.left {
	font-size: 145%;
	padding-left: 40px;
}
.left a {
	color: #E5212D;
	font-weight: bold;
}
#float a {
	font-weight: bold;
	color: #FFF;
}




#clear {
	clear: both;
}

#left {
	width: 120px;
	float: left;
	margin-left: 12px;
	display: inline;
	margin-top: 15px;
}
#left p {

}

#step_lower p {
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#right h4 {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#left h4 {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}




#right {
	float: left;
	display: inline;
	width: 100px;
	margin-top: 15px;
}
#left p .color {
	color: #C2A34F;
}


#bottomfloat {
	padding-top: 142px;
	padding-left: 0px;
}
#float a:hover {
	color: #333;
}




#sidebar {
	float: left;
	width: 436px;
	display: inline;
}

#sidebar h2 {
	font-size: 135%;
	color: #FFF;
	padding-bottom: 10px;
	padding-top: 10px;
}

#sidebar p {
	font-size: 90%;
	padding-bottom: 10px;



}
#sidebar div .purple {
	color: #975FE6;
}
#sidebar div .green {
	color: #A5EC5E;
}
#sidebar div .orange {
	color: #FFCB7D;
}
#sidebar .yellow  {
	color: #A5EC5E;
}





#footer {
	height: 75px;
	background-image: url(../images/footer_bg.png);
	width: 100%;
	background-repeat: repeat-x;
}

.right_image {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.left_image {
	float: left;
	padding-right: 20px;
}
.bold a{
	font-weight: bold;
}
.right_2 {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: -65px;
}
#step_lower h2{
	padding-bottom: 10px;
	font-size: 145%;
	line-height: 145%;
}
#sidebar h3 {
	font-size: 100%;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 10px;
}
.big {
	font-size: 125%;
	color: #FFF;
}
html {
	background-color: #12B3E7;
}
#contenttwo p {
	padding-bottom: 10px;
	padding-left: 55px;
	padding-right: 25px;
	padding-top: 10px;
}
#contenttwo {
	width: 650px;
	margin-left: 200px;
	padding-top: 45px;
}
#contenttwo h1 {
	font-size: 175%;
	padding-bottom: 20px;
}

#contenttwo h2 {
	font-size: 125%;
	margin-left: 55px;
	padding-bottom: 20px;
}
#contentthree {
	width: 1000px;
	margin-left: 200px;
	padding-top: 45px;
}
#contentthree h1 {
	font-size: 175%;
	padding-bottom: 20px;
}
#contentthree h2 {
	font-size: 125%;
	margin-left: 25px;
	padding-bottom: 20px;
}
#contentthree p {
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
}
#top_content2 {
	width: 750px;
	background-repeat: no-repeat;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
}

#top_content2 p {
	padding-bottom: 15px;
}
#top_content2 h2 {
	padding-bottom: 20px;
	font-size: 145%;
	padding-top: 0px;
	color: #FFF;
}
#top_content2 h3 {
	padding-bottom: 20px;
	font-size: 175%;
	padding-top: 0px;
	color: #FFF;
}