/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */
/* Default------------------------------------------------------------------------ */
html,body{ margin: 0; padding: 0; width: 100%; height: 100%;}
body{ font-family: Arial; }
p{ font-size: 14px; padding-bottom: 10px; margin: 0px;}
a{ color: rgb(0,0,255); text-decoration: none; }
a:hover { text-decoration: underline; }
h2, h3 { font-family: Arial, Verdana; color: rgb(20,20,20);  }
h2{ font-size: 16px;  margin: 0px; margin-bottom: 6px; }
h3{ font-size: 14px; font-weight: bold; margin: 0px;}
img {display: block; border: none;}
hr { border: 0px; border-top: rgb(128,128,128) solid 1px; height: 1px;  width: 720px; clear: both; }
br { clear: both; }
/* Container---------------------------------------------------------------------- */
div.container { background: rgb(255,255,255); border: solid none; border-left: none; border-right: none; }
/* Header------------------------------------------------------------------------- */
div.header_wrap { background: rgb(218,244,253) url(../images/nav_bg.jpg) repeat-x bottom; }
div.header { width: 760px; margin: 0px auto; }
div.header h1{ display: block; background: url(../images/header_logo.jpg) no-repeat; height: 109px; width:450px; margin:0px auto; margin-top: 5px; }
div.header span{ display: none; }
div.header_holder{ float:left; width: 460px; font-family: Arial;}
div.header_holder p{ font-size: 12px; font-style: italic; }
img.facebook {display:inline;}
div.top_nav_wrap { background: rgb(49,113,102); height: 40px; }
div.top_nav {width: 760px; margin: 0px auto; padding: 4px;}

div.top_nav span{float: right; color: rgb(189,227,220); width: 330px;  font-style: italic; font-weight: bold; text-align: right; padding: 5px; font-size: 12px;}
/*contact*/
div.contact {float:right; width: 285px; height: 118px; font-family: Arial; font-size:12px; margin-top: 15px; }
div.contact a { color: rgb(0,0,200);}
div.contact_left{ width: 55px; text-align:right; padding: 2px; float:left; padding: 2px;}
div.contact_right{ width: 220px; text-align:left; padding: 2px; float:right;}
/* Navigation--------------------------------------------------------------------- */
div.navigation{ width: 760px; margin: 0px auto; font-family: Verdana; font-size: 16px; height: 40px; clear: both; }
div.navigation ul{ list-style-type: none; margin: 0px; padding: 0px;}
div.navigation li { float: left; padding-right: 10px; }
div.navigation li a{ display: block; float: left; background: url(../images/nav.jpg) no-repeat; width: 180px; height: 40px; color: rgb(255,255,255); font-weight: bold; text-align: center; padding-top: 10px;}
div.navigation li a:hover{ background: url(../images/nav_hover.jpg) no-repeat; color: rgb(0,0,0); text-decoration: none;}
div.navigation li.active a{ background: url(../images/nav_hover.jpg) no-repeat; color: rgb(0,0,0); }
div.navigation p{ color: rgb(40,40,40); font-size: 10px; padding-top: 4px;}

/* Content------------------------------------------------------------------------ */
div.content_wrap{ width: 760px; margin: 0px auto; clear: both; }

div.content p{ line-height: 1.4em; }
div.content img.icons {display: inline; border: #368d7a 1px solid;}

div.pitch { text-align: center; }
div.pitch h2 {color: #368d7a; font-family: Arial; font-size: 28px;}
div.pitch img { margin: 0px auto;} 

img.company, img.donna_brown { float: right; width: 320px; margin-top: 7px; }
div.company, div.donna_brown{ float: left; width: 385px; }
div.donna_brown span{font-size: 23px; font-weight: bold; font-family: Arial;}
div.company span{font-size: 23px; font-weight: bold; font-family: Arial;}
div.company h2, div.donna_brown h2{ font-size: 24px; margin-top: 0px; }


div.left{ float: left; width: 350px; }
div.right{ float: right; width: 350px; }

div.left div.l_left  { float: left; width: 175px; }
div.left div.l_right  { float: right; width: 175px; }
div.right div.r_left  { float: left; width: 175px; }
div.right div.r_right  { float: right; width: 175px; }

div.sales {margin-top:10px; font-family: Arial;}
div.sales h2{margin-bottom:15px}
div.sales span{color:#ff0000; font-size:12px;}
div.systems {width: 700px; height: 220px; border: #368d7a 1px solid; padding:10px; margin-bottom:10px;}
div.systems div.text{width:475px; height: 100%; float:left; }
div.systems img.left { border: #368d7a 1px solid; float:right; }

div.rates h2 { font-size: 18px; padding: 0px; }
div.rates p { padding-bottom: 0px; }
div.rates div { padding: 10px; }
div.rates div.alt{ background: rgb(218,244,253);  }

div.flash {float: right; width: 320px; height: 240px; margin-top: 10px; border: rgb(0,0,0) 1px solid; margin-bottom: 10px; }
div.testimonials {width:700px; background: rgb(255,255,100); border: rgb(230,230,0) 2px solid; margin: 0px auto; padding: 10px 20px; margin-bottom: 10px; }
div.testimonials p { padding: 0px; font-size: 17px; font-style: italic; }
div.testimonials p.person{font-size:13px; padding-bottom: 20px; font-weight: bold; padding-top: 2px; color: rgb(160,160,60);}
div.testimonials span{font-weight:bold;}

div.contact_teacher p { padding: 0px; }
/*Rates--------------------------------------------------------------------------- */
table.rates{  font-family: Arial; width: 100%; border-collapse: collapse;  margin-bottom: 15px; }
table.rates p{ font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; }
table.rates p.description{ font-weight: normal; }
table.rates th { text-align: left; border-bottom: 1px solid rgb(0,0,0); }
table.rates th.title { width: 570px; }
table.rates td { font-size: 12px; padding: 10px; border-bottom: 1px solid rgb(0,0,0); }
table.rates tr.alt td { background: rgb(191,220,218); }
/*Contact------------------------------------------------------------------------- */
form.contact { width: 740px; padding: 10px; }
form.contact div{ margin-bottom: 5px; clear: both;  }
form.contact label{ text-align: right; float: left; width: 4.2em; height: 1.4em; margin: 0; padding: 3px 0px; margin-right: 2px;}
form.contact input { width:650px; font-size: 1.2em;}
form.contact textarea{ width:650px; font-size: 1.2em; }
div.submit { height: 29px; padding-top: 5px; clear: both; } 
div.submit input{ width: 85px; }
/* Footer------------------------------------------------------------------------- */ 
div.footer { width: 760px; margin: 0px auto; padding: 10px 0px; padding-bottom: 5px; clear: both; border-top: solid 1px rgb(180,180,180);}
div.footer p{ font-family: Arial; font-size: 12px; padding: 0px; margin: 0px;}
div.footer a{ text-decoration: none; color: url(0,0,100); }
div.footer a:hover{ text-decoration: underline; }
div.footer p.copyright { float: left; }
div.footer p.policy { float: right;  clear: right;}
/*          Author: Andrew WC Brown   Link:http://www.monsterboxproductions.com    */