@charset "UTF-8";
/* CSS Document */
* {margin: 0; padding: 0;}
p a {color: #ff0000;}
a:focus {outline:none;}
h3, h2 {padding: 1em 0 0.8em 0; border-bottom: 1px solid silver; margin: 0 0 1em 0;}
h4 {font: normal 1.3em Arial; padding: 1.2em 0 0 0; border-top: 1px solid #ff0000; margin: 2em 0 1em 0;}
h5 {font: bold 1 Verdana; padding: 1.2em 0 0 0; margin-top: 2em; color: #ff0000;}
body {
	background-image: url(../images/backgrd.jpg);
	font-family: Verdana, sans-serif;
	text-align: center;
	margin: 0 0 6em 0;
	padding: 0;
	color: black;
	font-size: 62.5%; 	
}


a:link {
	color: #FFCC00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #FFCC00;
}

#Maincontent { 
	width: 947px;
	margin: 0 auto;
}

#header {
	width: 947px;
	float: left;

}
	
#above_cta {
	width: 947px;
	
}

#maincta_mainpage {
	width: 710px;
	text-align: left;
	font-size: 1.1em;
	margin: 1em auto;
	padding: 1em;
	color: black;
	
}

#maincta_rotating {
	width: 947px;
	height: 437px;
	float:left;
	
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 947px; /*Width of Carousel Viewer itself*/
height: 437px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 1066px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}

.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 0px solid #ff0000; /* this is the border. should have the same value for the links */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: absolute;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #232323;
color: #ffffff;
text-decoration: none;
display: block;
margin-top: -22px;
opacity: .7;
}
.stripTransmitter a:hover { /* hover */
background: #ffff00;
color: #232323;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #ffff00;
color: #232323;
}
/* end slideViewer default styles */

p {padding: 2em 0 0 0;}

code {
width:93%;	
font: normal 1em/1.3em 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 0;
margin: 0;
background-color: #fff
white-space: pre;
overflow-x: auto;
}
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
border: 5px solid #dedede;
}
#tooltip h3 {
font: normal 10px Verdana; 
margin: 0; 
padding: 6px 2px; 
border: 0;

}


#under_cta {
	width: 947px;
	height: 41px;
	margin-top: -2px;
	padding-top: -2px;

}

#bottom_squares {
	width: 947px;
	height: 326px;
}



#section_header {
	width: 947px;

/* contact - L-evate now */
}
#contact {
	width: 947px;
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	margin-left: 30px;
}

.form {
	border:solid;
	border-color:#FFCC00;
	font-family:"Helvetica",Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#000000;

}
.phone {
	border:solid;
	border-color:#FFCC00;
	font-family:"Helvetica",Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#000000;
	margin-right: 15px;
}

.button {
	background-color:#FFFF00; 
	border-color:#232323; 
	border:solid;
	font-weight:bold;
	padding: 5px;
	margin-right: 10px;
	font-size:15px;
	font-family:"Helvetica",Arial, Helvetica, sans-serif;

}

.button:hover {
	background-color:#FFFFFF; 
	border-color:#232323; 
	border:solid; 
	font-weight:bold;
	padding: 5px;
	margin-right: 10px;
	font-size:15px;
	font-family:"Helvetica",Arial, Helvetica, sans-serif;
}

/* end of contact section */

/*Make a life section */

#makealife {
	width: 917px;
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-left: 30px;
	background-color:#353535;		
}

#aboutlevate {
	width: 850px;
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-left: 50px;
	padding-right: 47px;
	background-color:#353535;		
}
.header_text {
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#ffe400;
	text-align:left;
	line-height: 28px;
	
}

.body_text {
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-align:left;
	line-height: 15px;
	
}

.highlight_body_text {
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffe400;
	text-align:left;
	line-height: 15px;
	
}

#l7books {
	width: 700px;
	height: 350px;
	padding-left: 30px;
	text-align:left;
	

}

.l7books_text {
	font-family: "Helvetica",Arial, Helvetica, sans-serif;
	font: "helvetica",Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-align:left;
	line-height: 15px;
	

}

#l7books img {
	padding-right: 20px;
	padding-bottom: 50px;
	

}

#footer {
	width: 947px;
	font:"Helvetica," Arial, sans-serif;
	font-family: "Helvetica", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;

}