body {
	font: 80% arial, helvetica, sans-serif;
	background: white url(images/back.png) top repeat-x;
	margin: 0;
}

#page{
    background: url(images/back2.png) bottom repeat-x;
}


#container {
	position: relative;
	width: 780px;
    margin: auto;
}

#header {
	background: url(images/banner.png) top no-repeat;
	height: 314px;
}

#NavMain a{
    display: block;
    height: 82px;
    width: 112px;
    background: url(images/buttons/main.png) 0px 0px;
}

#NavMain a:hover{
    background-position: 0px -82px;
}

#NavMainS{
    display: block;
    height: 82px;
    width: 112px;
    background: url(images/buttons/main.png) 0px -164px;
}

#NavServices a{
    display: block;
    height: 82px;
    width: 122px;
    background: url(images/buttons/services.png) 0px 0px;
}

#NavServices a:hover{
    background-position: 0px -82px;
}

#NavServicesS{
    display: block;
    height: 82px;
    width: 122px;
    background: url(images/buttons/services.png) 0px -164px;
}

#NavSupport a{
    display: block;
    height: 82px;
    width: 122px;
    background: url(images/buttons/support.png) 0px 0px;
}

#NavSupport a:hover{
    background-position: 0px -82px;
}

#NavSupportS{
    display: block;
    height: 82px;
    width: 122px;
    background: url(images/buttons/support.png) 0px -164px;
}

#NavClassrooms a{
    display: block;
    height: 82px;
    width: 144px;
    background: url(images/buttons/classrooms.png) 0px 0px;
}

#NavClassrooms a:hover{
    background-position: 0px -82px;
}

#NavClassroomsS{
    display: block;
    height: 82px;
    width: 144px;
    background: url(images/buttons/classrooms.png) 0px -164px;
}

#NavAbout a{
    display: block;
    height: 82px;
    width: 108px;
    background: url(images/buttons/about.png) 0px 0px;
}

#NavAbout a:hover{
    background-position: 0px -82px;
}

#NavAboutS{
    display: block;
    height: 82px;
    width: 108px;
    background: url(images/buttons/about.png) 0px -164px;
}

#NavContactus a{
    display: block;
    height: 82px;
    width: 137px;
    background: url(images/buttons/contact.png) 0px 0px;
}

#NavContactus a:hover{
    background-position: 0px -82px;
}

#NavContactusS{
    display: block;
    height: 82px;
    width: 137px;
    background: url(images/buttons/contact.png) 0px -164px;
}


#content {
	padding: 10px 11px 10px 11px;
    min-height: 282px;
}


#single_content {
	padding: 10px 40px 10px 40px;
    min-height: 282px;
    color: #555555;
}

#footer {
    height: 30px;
    text-align: center;
    color: #0a76a8;
    margin-top: 0;
    padding-top: 8px;
    clear: both;
}


h1 {
	position: absolute;
	height: 0;
	overflow: hidden;
}

h2 {
	font-size: 1.5em;
	color: #036;
}

h3 {
	font-size: 1.25em;
	color: #036;
}

#box1{float: left;display: block;width: 252px;height: 282px;background: transparent url(images/box1.png) top center no-repeat;}
#box2{float: left;display: block;width: 252px;height: 282px;background: transparent url(images/box2.png) top center no-repeat;}
#box3{float: left;display: block;width: 252px;height: 282px;background: transparent url(images/box3.png) top center no-repeat;}
#box4{float: left;display: block;width: 252px;height: 289px;background: transparent url(images/box4.png) top center no-repeat;}
#box5{float: left;display: block;width: 252px;height: 289px;background: transparent url(images/box5.png) top center no-repeat;}
#box6{float: left;display: block;width: 252px;height: 289px;background: transparent url(images/box6.png) top center no-repeat;}
#box7{float: left;display: block;width: 252px;height: 282px;background: transparent url(images/box7.png) top center no-repeat;}
#box8{float: left;display: block;width: 502px;height: 282px;background: transparent url(images/box8.png) top center no-repeat;}
#box9{float: left;display: block;width: 760px;height: 282px;background: transparent url(images/box9.png) top center no-repeat;}
#box10{float: left;display: block;width: 760px;height: 282px;background: transparent url(images/box10.png) top center no-repeat;}
#box12{float: left;display: block;width: 252px;height: 282px;background: transparent url(images/box12.png) top center no-repeat;}
#box13{float: left;display: block;width: 252px;height: 282px;background: transparent url(images/box13.png) top center no-repeat;}

.box_content{
    margin: 70px 30px 20px 30px;
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.box_content2{
    margin: 136px 30px 20px 30px;
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.box_content3{
    margin: 70px 30px 20px 130px;
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.box_content4{
    margin: 70px 160px 20px 160px;
    color: #555555;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.box_content ul, .box_content2 ul, .box_content3 ul, .box_content4 ul{
    list-style: square;
}


.box_content a, .box_content2 a, .box_content3 a, .box_content4 a{
    color: #75d300;
    border: 0;
}

.box_content a:hover, .box_content2 a:hover, .box_content3 a:hover, .box_content4 a:hover{
    color: #55b300;
    border: 0;
}

.box_content p.super, .box_content2 p.super, .box_content3 p.super, .box_content4 p.super{
  color: black;
  font-weight: bold;
  font-size: 8.5pt;
}

input.your_name{
    border: 0;
    background: transparent url(images/your_name.png) top left no-repeat;
    height: 22px;
    width:129px;
    padding-left: 64px;
    padding-top: 3px;
    font-size: 8pt;
    color: #555555;
}

input.e_mail{
    border: 0;
    background: transparent url(images/e_mail.png) top left no-repeat;
    height: 22px;
    width:153px;
    padding-left: 40px;
    padding-top: 3px;
    font-size: 8pt;
    color: #555555;
}

input.company{
    border: 0;
    background: transparent url(images/company.png) top left no-repeat;
    height: 22px;
    width:135px;
    padding-left: 58px;
    padding-top: 3px;
    font-size: 8pt;
    color: #555555;
}

textarea.message{
    border: 0;
    background: transparent url(images/message.png) top left no-repeat;
    height: 65px;
    width:185px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 18px;
    padding-bottom: 4px;
    font-size: 8pt;
    color: #555555;
}

#state{
    font-weight: bold;
    font-family: Arial;
    font-size: 9pt;
    color: black;
}

li.left_menu{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  cursor: pointer;
  text-decoration: none;
  color: #777777;
}

li.left_menu:hover{
  text-decoration: underline;
  color: #003366;
}


ul.button_list{
  margin-left: 10px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
}

div#the_text{
  margin: 10px;
  margin-top: 0px;
  padding: 10px;
  float: left;
  display: block;
  width: 450px;
}

img.logo{
  border: 0;
  margin-left: 120px;
}

img.logo2{
  border: 0;
  margin-left: 10px;
}

.green1{
  color: #339933;
  font-size: 12pt;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
}

.blue1{
  color: #3333FF;
  font-size: 11pt;
  font-weight: bold;
  font-family: Calibri, Tahoma, Arial, sans-serif;
}

.gray1{
  color: #778877;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-stretch: wider;
  font-weight: bold;
}

.ornge1{
  color: #FF6600;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  list-style: disc;
  font-weight: 600;
}

.blue2{
  color: #006699;
  font-size: 12pt;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

.ornge2{
  color: #DD5500;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11pt;
  list-style: disc;
  font-weight: 400;
}

.gray2{
  color: #777777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}

.blue3{
  color: #110066;
  font-size: 12pt;
  font-family: Arial, Helvetica, sans-serif;
  font-stretch: condensed;
}

div#footer a{
  color: #0a76a8;
  text-decoration: none;
}

div#footer a:hover{
  color: #55b300;
  text-decoration: underline;
}

.ajax-loader{
  background: transparent url(images/loader.gif) bottom right no-repeat;
  width: 540px;
  height: 150px;
  display: none;
}