/* 

    Document   : home

    Created on : Feb 26, 2010, 5:48:49 PM

    Author     : ian (http://www.ihdev.com)

    Description:

        Style changes for the homepage.

*/



/*New style for the home page.*/

.column {

    float: left;

    position: relative;

    margin: 2em;

    background: url("../images/content_bg.gif") repeat-x scroll 0 0 #F5F5F5;

    border: 1px solid #DDDDDD;

    display: block;

    float: left;

    margin: 0 0 10px;

    padding: 10px 9px;

}

.column p {font-family: sans-serif; font-size: 10pt; color: #666666;}

.column img {float: left;}

.column h1 {border-bottom:5px solid #CCCCCC; color:#333333; font-family:Helvetica,Arial,Trebuchet MS,Verdana;font-size:18px;font-weight:bold;letter-spacing:-0.5px;line-height:24px;margin:0 0 10px;padding:0 0 2px;text-shadow:0.3px 0.3px #FFFFFF;text-transform:uppercase;}



#maincol {

    width: 480px;

    height: 225px;

    margin-left: 5px;

}

#maincol img {margin-top: 0px; margin-bottom: 5px; width: 30px; height: 30px;}

#maincol p {margin-top: 10px; margin-left: 35px; margin-bottom: 25px; font-size: 11.5pt; font-family: sans-serif; font-weight: bold; color: #666666;}



/***** REGISTRATION COLUMN CHANGES *****/

#register_wrapper {

    width: 410px;

    height: 225px;

    margin-left: 10px;

    -moz-background-clip:border;

    -moz-background-origin:padding;

    -moz-background-size:auto auto;

    background-attachment:scroll;

    background-color:transparent;

    background-image:url("../images/pixel_r.png");

    background-position:0 0;

    background-repeat:repeat-x;

}



/*column below blue registration box*/

#register_wrapper h2 {font-size: 28pt; font-weight: normal; color: #FFF; font-family: sans-serif; text-align: center; margin-top: 10px; margin-bottom: 17px;}

#register_wrapper h3 {font-size: 10pt; font-weight: bold; color: #fff; font-family: sans-serif; text-align: center; margin-top: -2px;}

#regbt {margin-top: 2px; margin-bottom: 0px; background: url(../images/optin.png) left 0; width: 200px; height: 50px; display: block;}

#regbt:hover {background: url(../images/optin.png) left -50px;}

#secure {width: 130px; height: 25px; margin-top: 0px; margin-left: auto; margin-right: auto;}

#reghr {color: white; height: 0px; border: 1px solid white; margin-top: -5px;}



.form {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    margin-top: 30px

}

.form table {margin-top: -25px; margin-left: auto; margin-right: auto;}

.form table label {color: #FFF; font-weight: normal;}

.form label {font-family: Calibri; font-size: 14pt; font-weight: bold; line-height: 20px; color: #000;}

.form .in {height: 20px; border: 1px white; width:250px;}

.name-error-message, .email-error-message {

	color: red;

}



#lrnmore {

    text-align: left;

    font-family: Calibri;

    font-size: 12pt;

    margin-left: 0px;

    margin-top: 0px;

    width: 537px;

    height: 250px;

    float: left;

}

#lrnmore p {font-weight: normal;}

#lrnmore h1 {text-align: left; font-family: Calibri; font-size: 14pt;}

#videocol {margin-left: 5px; margin-top: 0px;}



#smallcolumn {

    width: 284px;

    height: 250px;

    float: left;

    position: relative;

}

#smallcolumn p {text-align: left; font-family: sans-serif;  color: #666666; padding: 5px;}

#bul {width: 270px; margin-left: 15px;}

.med_img {float: left; width: 90px; height: 103px; margin-top: 10px;}

.hseperate {width: 1px; height: 272px; margin-left: 6px; margin-right: 6px; background-color: #cccccc; display: block; float: left;}

.hsep {float: left; width: 938px; height: 1px; background-color: #ccc; margin: 3px 5px 10px 5px;}

.small_img {float: left; width: 20px; height: 20px; margin-top: 0px;}

.small_img1 {float: left; width: 20px; height: 20px; margin-top: 3px; margin-bottom: -10px;}

.com {margin: -10px 0px 0px 23px; width: 260px;}

#com_feat {font-weight: bold; margin-top: -13px; margin-bottom: 21px;}

#com_more {margin-top: 0px; font-weight: bold;}



#test1, #test2 {

    float: left;

    width: 442px;

    height: 250px;

}

#test1 {margin-left: 5px;}

#testimonials {margin-bottom: -2px; margin-left: 5px; width: 902px; height: 35px;}

#testimonials img {margin-left: 5px; margin-top: 6px;}

#test {

    width: 900px;

    float: left;

    margin: 5px 0px 15px 5px;

}

#test img {width: 30px; height: 30px; float: left;}

#test h1 {font-size: 20pt; color: #000; margin-top: 2px; margin-left: 40px;}



#table1, #table2 {

    float: left;

    width: 442px;

    height: 400px;

}

#table1 {margin-left: 5px;}

#table1 a, #table2 a {text-decoration: none; color: #000099;}



.table_item {

    float: left;

    display: block;

    width: 440px;

    height: 80px;

    border: 1px dotted #ccc;

    border-bottom: 1px solid #ccc;

    margin-top: 6px;

}

.table_item:hover {background-color: #e3e2e2;}

.table_item img {height: 70px; width: 70px; margin: 5px 5px 5px 5px; float: left;}

.table_item p {margin-top: 0px; margin-bottom: 2px;}

.table_item h1 {border: none; text-decoration: none; text-transform: none; margin-bottom: 1px; font-weight: normal;}



/** REGISTRATION PAGES **/

.style2 {

    font-size: 8pt;

    color: #a0a0a0;

    line-height: 10px;

}

#step3 p, #step3 ul {

    font-family: Calibri;

    font-size: 15px;

    font-weight: normal;

    color: black;
	
	list-style: none;

}

#step3 h2 {

    font-weight: bold;

    font-size: 17px;

}



#step3 ul a {

    font-family: Calibri;

    font-size: 13pt;

    font-weight: bold;

    color: #000099;

}