@charset "UTF-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	background: url(../images/bg_tile.png) repeat;
}

/**********universal styles******************/

a img{
	border:none;
}

p{
	font:13px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: black;

	line-height:20px;
	margin: 0 0 0 50px;
	padding-bottom: 0;
}

#bigframe{
	width:100%;
	border-top:8px solid #990000;
	margin:0;
	padding:0;
	z-index: 1;
}

a{
	color: maroon;
	text-decoration: none;
}

a:hover{
	color: black;
	text-decoration: none;
}


/**********header******************/


#header{
	height:100px;
	position:relative;
	width:1050px;
	margin:0 auto;
	background-image: url(../images/bg_topbanner2.jpg);
	z-index: 1;
}




#header2{
	height:100px;
	position:relative;
	width:1050px;
	margin:0 auto;
	background-image: url(../images/bg_topbanner.jpg);
	z-index: 1;
}

#logo{
	position:absolute;
	left: 37px;
	top: 10px;
	z-index: 0;
}
#logoimg{
	position:absolute;
	background: url(../images/logo.jpg) left top;
	width: 262px;
	height: 81px;
}

#logo a:hover{
	background-position: left 81px;
}

#logo a{
	text-indent:-9000px;
}

#logo .selected{
	background-position:left -48px;
}


#header_shadow{
	top: 99px;
	position: relative;
}

/**********language1************/

#lang{
	position:absolute;
	top:0px;
	left:850px;
	z-index: 1;
}

#lang ul {
    margin:0;
    padding:0;
    list-style:none;
}

#lang li{
	float:left;
	margin:0;
	padding:0;	
}


#eng{
	width: 90px;
	height:31px;
    background: url(../images/lang_eng.jpg) left top;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
}

#fr{
	width: 84px;
	height:31px;
    background: url(../images/lang_fr.jpg) -3px bottom;
    padding:0;
	position: relative;
	left: -6px;
	display: block;
}

#lang a:hover{
	background-position: 0 top;
}

#about_span a:hover{
	background-position: left top;
}

#lang a{
	text-indent:-9000px;
}

#lang .selected{
	background-position: left top;
}

/**********language2************/

#lang2{
	position:absolute;
	top:0px;
	left:850px;
	z-index: 1;
}

#lang2 ul {
    margin:0;
    padding:0;
    list-style:none;
}

#lang2 li{
	float:left;
	margin:0;
	padding:0;	
}

#eng2{
	width: 90px;
	height:31px;
    background: url(../images/lang_eng2.jpg) left top;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
}
#fr2{
	width: 84px;
	height:31px;
    background: url(../images/lang_fr2.jpg) left bottom;
    padding:0;
	position: relative;
	left: -6px;
	display: block;
}

#lang2 a:hover{
	background-position: left top;
}

#about_span a:hover{
	background-position: left top;
}

#lang2 a{
	text-indent:-9000px;
}

#lang2 .selected{
	background-position: left top;
}

/**********navigation************/

#foo{
	
	position: relative;
	height: auto;
	padding-left: 25px;
	padding-bottom: 28px;
	text-align: justify;
	width: 732px;
	top: -25px;
}

#foo2{
	
	position: relative;
	height: auto;
	padding-left: 25px;
	padding-bottom: 28px;
	text-align: justify;
	width: 732px;
	top: -25px;
}

#foo3{
	
	position: relative;
	height: auto;
	padding-left: 25px;
	padding-bottom: 28px;
	text-align: justify;
	width: 732px;
	top: -25px;
}

#foo4{
	
	position: relative;
	height: auto;
	padding-left: 25px;
	padding-bottom: 28px;
	text-align: justify;
	width: 732px;
}

#small a{
	font-size: 10px;
	font-weight: bold;
}

#small a:hover{
	font-size: 10px;
}

#nav{
	position:absolute;
	top:70px;
	left: 315px;
	z-index: 0;
}

#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav li{
	float:left;
	margin:0;
	padding:0;	
}

#why{
	width:82px;
	height: 15px;
    background: url(../images/nav_why.jpg) left top;
    padding:0;
	position: relative;
	display: block;
}

#dl{
    display:block;
	width: 104px;
	height:15px;
     background: url(../images/nav_dl.jpg) left top;
    padding:0;
	left: 35px;
	position: relative;
}

#courses{
    display:block;
	width: 55px;
	height:15px;
     background: url(../images/nav_courses.jpg) left top;
    padding:0;
	left: 75px;
	position: relative;
}


#register{
    display:block;
	width:62px;
	height:15px;
     background: url(../images/nav_register.jpg) left top;
    padding:0;
	left: 120px;
	position: relative;
}

#shop{
    display:block;
	width:34px;
	height:15px;
     background: url(../images/nav_shop.jpg) left top;
    padding:0;
	left: 157px;
	position: relative;
}

#extras{
    display:block;
	width:50px;
	height:15px;
     background: url(../images/nav_extras.jpg) left top;
    padding:0;
	left: 192px;
	position: relative;
}

#contact{
    display:block;
	width:59px;
	height:15px;
     background: url(../images/nav_contact.jpg) left top;
    padding:0;
	left: 239px;
	position: relative;
}

#nav a:hover{
	background-position:left -48px;
}

#nav a{
	text-indent:-9000px;
}

#nav .selected{
	background-position:left -48px;
}

/**********ticket************/

#ticket{
	height: 384px;
	position:relative;
	width:225px;
	background-image: url(../images/ticket.png);
	margin: 0 auto;
	z-index: 0;
	left: 345px;
	top: 0;
}



/**********white************/





#white{
	height: 258px;
	position:relative;
	width:1050px;
	background-image: url(../images/bg_white.jpg);
	margin: 0 auto;
	z-index: 0;
}

#white .header{
	padding-top: 20px;
	width: 560px;
}

#white .main{
	padding-top: 10px;
	width: 560px;
}

#white_shadow{
	top: 0;
	position: relative;
}

#redcaps {
	color: #900;
	text-transform: uppercase;
	font-weight: bold;
}


/**********red************/
#red{
	height:121px;
	position:relative;
	width:1050px;
	margin:0 auto;
	background-image: url(../images/bg_red2.jpg);
	z-index: 0;
}



#redlinks{
	position:absolute;
	top: 19px;
	left: 60px;
	z-index: 1;
}

#redlinks ul {
    margin:0;
    padding:0;
    list-style:none;
}

#redlinks li{
	float:left;
	margin:0;
	padding:0;	
}

#why2{
	width: 148px;
    background: url(../images/why.jpg) left -3px;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
	height: 30px;
}

#promotions2{
	width: 146px;
    background: url(../images/promotions_home.jpg) left -3px;
    padding:0;
	position: relative;
	left: 59px;
	display: block;
	height: 28px;
	top: -2px;
}

#courses4{
	width: 146px;
    background: url(../images/courses_home2.jpg) left -3px;
    padding:0;
	position: relative;
	left: 59px;
	display: block;
	height: 28px;
	top: -2px;
}

#redlinks a:hover{
	background-position: left -32px;
}

#redlinks a{
	text-indent:-9000px;
}

#redlinks .selected{
	background-position: left -32px;
}

#redtext{
	position:absolute;
	top: 46px;
	left: 90px;
	z-index: 0;
	font: bold 13px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: black;
}

#redtext a:hover{
	color: white;
}

#redtext a{
	color: black;
	text-decoration: none;
}

#redtext2{
	position:absolute;
	top: 46px;
	left: 297px;
	z-index: 0;
	font: bold 13px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: black;
}

#redtext2 a:hover{
	color: white;
}

#redtext2 a{
	color: black;
	text-decoration: none;
}

#redlinks2{
	position:absolute;
	top: 39px;
	left: 461px;
	z-index: 1;
}

#redlinks2 ul {
    margin:0;
    padding:0;
    list-style:none;
}

#redlinks2 li{
	float:left;
	margin:0;
	padding:0;	
}

#courses2{
	width: 180px;
    background: url(../images/courses_home.jpg) left 0;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
	height: 46px;
}

#register2{
	width: 191px;
    background: url(../images/register_home.jpg) left 0;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
	height: 46px;
}

#online2{
	width: 308px;
    background: url(../images/online_home.jpg) left 0;
    padding:0;
	position: relative;
	left: 18px;
	display: block;
	height: 46px;
}

#login2{
	width: 140px;
    background: url(../images/login.jpg) left -1px;
    padding:0;
	position: relative;
	left: 39px;
	display: block;
	height: 45px;
	top: -2px;
}

#redlinks2 a:hover{
	background-position: left -50px;
}

#redlinks2 a{
	text-indent:-9000px;
}

#redlinks2 .selected{
	background-position: left -32px;
}


#red_shadow{
	top: 0px;
	position: absolute;
	left: 58px;
}

/**********gray************/

#gray{
	height: 146px;
	position:relative;
	width:1050px;
	background-image: url(../images/bg_gray.jpg);
	margin: 0 auto 0;
	z-index: -3;
}

#testimonials{
	position:absolute;
	top: 49px;
	left: 90px;
	z-index: 1;
	width: 300px;
}

#testimonialsbox1{
	position: absolute;
	top: 19px;
	z-index: 1;
	float: right;
	right: 80px;
}

#testimonialsbox2{
	position: absolute;
	top: 79px;
	z-index: 1;
	float: right;
	right: 80px;
}

.testimonialswhite{
	font: 22px/1.5 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: white;
	text-align: right;
}

.testimonialspink{
	font: 12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: #DA4346;
	text-align: right;
}

#join{
	position: relative;
	top: 99px;
	z-index: 0;
	left: -4px;
}
#joinnow{
	position:absolute;
	background: url(../images/joinnow.jpg) left top;
	width: 123px;
	height: 31px;
}

#join a:hover{
	background-position: left 82px;


}

#join a{
	text-indent:-9000px;
}

#join .selected{
	background-position:left -48px;
}

/**********footer************/
#gray_shadow{
	top: 0px;
	position: absolute;
	left: 58px;
}

#footer{
	height:80px;
	position:relative;
	width:1050px;
	margin:0 auto;
	background-image: url(../images/bg_footer.jpg);
	z-index: 0;
}

#footerlinks {
	position: relative;
	top: 5px;
}
#footerlinks a{
	font: 11px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: gray;
	text-decoration: none;
}

#footerlinks a:hover{
	font: 11px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: white;
	text-decoration: none;
}

#copyright{
	font: 10px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: gray;
	right: 29px;
	position: absolute;
	top: 70px;
}

/**********whitered************/

#whitered{
	position:relative;
	width:1050px;
	background-image: url(../images/bg_white_red.jpg);
	margin: 0 auto;
	z-index: 1;
	height: auto;
}

#redheader{
	position:absolute;
	top: 10px;
	left: 50px;
	z-index: 5;
}

#redheader ul {
    margin:0;
    padding:0;
    list-style:none;
	position: relative;
}

#redheader li{
	float:left;
	margin:0;
	padding:0;
	position: relative;
}

#redheader a:hover{
	background-position: left -52px;
}

#redheader a{
	text-indent:-9000px;
}

#redheader .selected{
	background-position: left -52px;
}

/**********courses************/


#courses3{
	width: 178px;
    background: url(../images/courses.jpg) left -3px;
    padding:0;
	position: relative;
	left: 0px;
	display: block;
	height: 47px;
}

#auto{
	width: 140px;
    background: url(../images/header_auto.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 45px;
}

#moto{
	width: 140px;
    background: url(../images/header_moto.jpg) left -3px;
    padding:0;
	position: relative;
	left: 19px;
	display: block;
	height: 45px;
}

#hv{
	width: 179px;
    background: url(../images/header_hv.jpg) left -3px;
    padding:0;
	position: relative;
	left: 29px;
	display: block;
	height: 45px;
}

#tableleftlinks{
	position: relative;
}
#whitered .tableleft{
	padding-top: 10px;
	width: 450px;
	position: absolute;
}

#whitered .tableright{
	width: 450px;
	left: 320px;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 13px;
	text-align: justify;
}


#whitered .quicklinks{
	width: 732px;
	position: relative;
	height: auto;
	padding-top: 206px;
	padding-left: 25px;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 15px;
	z-index: 4;
}

#whitered .main{

	width: 732px;
	position: relative;
	height: auto;
	padding-left: 25px;
	padding-bottom: 18px;
	text-align: justify;
	top: -15px;
}


#whitered .main a {
	font-size: 10px;
	font-weight: bold;
}

#whitered .main a:hover {
	font-size: 12px;
	font-weight: bold;
}


#whitered .main biglink a {
	font-size: 12px;
}

#whitered .addressleft{
	width: 320px;
	position: relative;
	height: auto;
	padding-left: 56px;
	padding-bottom: 29px;
	text-align: justify;
	top: 16px;
	font-size: 13px;
}

#whitered .bold{
	font-weight: bold;
	color: maroon;
	text-transform: uppercase;
	font-size: 14px;
}

#whitered .italic{
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	font-style: italic;
	font-size: 17px;
	letter-spacing: -1px;
}

#whitered .italicred{
	font-weight: bold;
	color: maroon;
	text-transform: uppercase;
	font-style: italic;
	font-size: 13px;
	letter-spacing: 0;
}

#whitered .italic2{
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	font-style: italic;
	font-size: 13px;
	letter-spacing: 0;
}

#whitered .control{

	width: 732px;
	position: relative;
	height: auto;
	padding-left: 25px;
	padding-bottom: 18px;
	text-align: justify;
	top: -15px;
}

#whitered .control a {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}



#whitered .center{
	text-align: center;
}

#link_auto{
	width: 282px;
    background: url(../images/link_auto.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_moto{
	width: 282px;
    background: url(../images/link_moto.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_hv{
	width: 282px;
    background: url(../images/link_hv.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_beac{
	width: 282px;
    background: url(../images/link_beac.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_ddo{
	width: 282px;
    background: url(../images/link_ddo.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_dorval{
	width: 282px;
    background: url(../images/link_dorval.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_stl{
	width: 282px;
    background: url(../images/link_stl.jpg) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_register{
	width: 282px;
    background: url(../images/link_register.png) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_materials{
	width: 282px;
    background: url(../images/link_materials.png) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

#link_acc{
	width: 282px;
    background: url(../images/link_acc.png) left -3px;
    padding:0;
	position: relative;
	left: 9px;
	display: block;
	height: 92px;
}

/**********courses************/


#shop_index{
	width: 130px;
    background: url(../images/shop.jpg) left -3px;
    padding:0;
	position: relative;
	left: -10px;
	display: block;
	height: 47px;
}

#shop_register{
	width: 119px;
    background: url(../images/shop_register.jpg) left -3px;
    padding:0;
	position: relative;
	left: -5px;
	display: block;
	height: 45px;
}

#shop_materials{
	width: 131px;
    background: url(../images/shop_materials.jpg) left -3px;
    padding:0;
	position: relative;
	display: block;
	height: 45px;
}

#shop_acc{
	width: 161px;
    background: url(../images/shop_acc.jpg) left -3px;
    padding:0;
	position: relative;
	display: block;
	height: 45px;
	left: 2px;
}


#tableleftlinks a:hover{
	background-position: left -95px;
}

#tableleftlinks a{
	text-indent:-9000px;
}

#tableleftlinks .selected{
	background-position: left -95px;
}

/**********course details************/

tab {
	margin-left: 60px;
}

#tabright{
	z-index: 0;
	position: absolute;
	top: 366px;
	left: 280px;
}

# bullets{
	position: relative;
	top: 10px;
	left: 50px;
	z-index: 1;
}

#addressmap{
	font:12px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	z-index: 0;
	position: absolute;
	top: 520px;
	left: 436px;

}

.bold{
	font-weight: bold;
	color: maroon;
	text-transform: uppercase;
}

.boldunder{
	font-weight: bold;
	color: maroon;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 12px;
}

.boldundercenter{
	font-weight: bold;
	color: maroon;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 12px;
	text-align: center;
}


.boldblack{
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	font-size: 14px;
}

.boldblackbig{
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	font-size: 16px;
}

/**********banner************/

#banner{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

/**********sidemenu************/

#sidemenu{
	position:absolute;
	top: 19px;
	left: 866px;
	z-index: 2;
}

/**********promotions************/

#promotionsmenu_OLD{
	font: 14px/1.5 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: white;
	position:absolute;
	top: 31px;
	left: 868px;
	z-index: 3;
	background: url(../images/sidemenu.png) no-repeat -3px;
	width: 157px;
	height: 142px;
}

#promotionsmenu{
	font: 14px/1.5 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: white;
	position:absolute;
	top: 31px;
	left: 868px;
	z-index: 3;
	background: url(../images/sidemenu1.png) no-repeat -3px;
	width: 157px;
	height: 111px;
}
#promotions_mainlink{
	top: 20px;
	position: absolute;
	text-transform: uppercase;
	text-align: right;
	right: 26px;
}

#promotions_icon {
	position: absolute;
	top: 15px;
	left: 17px;
}

#promotions_mainlink a:hover{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#promotions_mainlink a{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#promotions_mainlink .selected{
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#promotions_mainlink .icon{
	background-position: 0;
	margin-top: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

#promotions_sublink{
	top: 53px;
	position: absolute;
	/*text-transform: uppercase;*/
	font-size: 12px;
	line-height: 1.8;
	text-align: right;	
	right: 26px;
}

#promotions_sublink a{
	color: white;
	text-decoration: none;

}

#promotions_sublink a:hover{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#promotions_mainlink .selected{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

/**********tier2 menus************/



#tier2menus{
	font: 14px/1.5 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: white;
	position:absolute;
	/*top: 126px;*/
	top: 95px;
	left: 868px;
	z-index: 2;
	width: 157px;
}

#extramenus{
	top: 46px;
	position: absolute;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 2;
	text-align: right;
	right: 26px;
	color: #000;
	font-weight: bold;
}

#extramenus .icon{
	background-position: 0;
	margin-top: 0;
	padding-top: 0;
	padding-right: 6px;
	padding-left: 0;
}


#extramenus a{
	color: white;
	text-decoration: none;

}

#extramenus a:hover{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#extramenus .selected{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

#line{
	position: relative;
	width: 125px;
	border-top: 1px solid #881015;
	left: 17px;
	top: 150px;
}

/* Rounded Bubble */
/* Normal Bubble */

#bubblebox{
	font: 14px/1.5 "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: white;
	position:absolute;
	/*top: 224px;*/
	top: 195px;	
	left: 890px;
	z-index: 1;
	width: 157px;

}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid white;
	background-color: #fff;
	font-size: 11px;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
	font-size: 11px;
	text-align: center;
}

div.bubble cite {
	position: relative;
	top: 8px;
	background: transparent url(tip.gif) no-repeat 20px 0;
	font-style: normal;
	width: 130px;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: white;
	z-index: 4;
	position: relative;
	top: 80px;
	width: 130px;
	left: -10px;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 0;
	padding-top: 12px;
	top: 89px;
	background: transparent url(../tip.gif) no-repeat 15px 0;
	font-size: 11px;
	text-align: right;
	right: 14px;
}

.redbold {
	font-weight: bold;
	color: maroon;
}
#whitered #promotionsmenu #extramenus #black {
	color: #000;
}

/* Shop */

#shoptable{
	font:13px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	color: black;
	position: relative;
	left: 68px;
	z-index: 2;
	width: 800px;
}

#contacttable{
	font:13px/1.5 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	position: relative;
	left: 68px;

}



#pay{
	position: relative;
	z-index: 0;
	top: -7px;
	left: 70px;
}



#buy{
	position: relative;
	z-index: 0;
	top: -7px;
	left: 0px;
}

#buynow{
	position:absolute;
	background: url(../images/buy.jpg) left top;
	width: 102px;
	height: 35px;
	left: 30px;
}

#buy a:hover{
	background-position: left 39px;
}

#buy a{
	text-indent:-9000px;
}

#buy .selected{
	background-position:left -48px;
}

.comment{
	font-style:italic;
	color:maroon;
	font-size: 11px;
}
#whitered .extrastable{
	left: 20px;
	position: relative;
	text-align: justify;
}