div { border: 0px solid #C0C0C0; }
* { padding: 0; margin: 0; }
.clearfix { display: block; clear: both; }
body {font-family: Verdana, Arial, Helvetica; color: #000000; background: #000000; margin: 10px;}

#wrapper { width: 954px; background: #FFFFFF; border: 3px solid #FFFF00; margin: 0 auto; }
#header { float: left; width: 932px; font-size: 0.7em; padding: 10px 10px 0 10px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#nav { float: left; width: 932px;font-size: 0.85em; padding: 10px; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#content { float: left; width: 912px; font-size: 0.75em; padding: 10px 20px 20px 20px; border-right: 1px solid #000000; border-left: 1px solid #000000;  }

#main { float: left; width: 520px; }
#main img { margin: 0 0 15px 0; }
#mainfull { float: left; width: 100%; margin: 0 0 15px 0; }
.mainleft { float: left; width: 48%; }
.mainright { float: left; width: 48%; }
#sidebar { float: right; width: 362px;}
#sidebar img { margin: 0 0 15px 0; }
p.protraining { margin: 0 5px 15px 5px; }
#footer {  }

h1 {font-family: sans-serif; font-size: 2.0em; margin: 0 0 10px 0;}
h2 {font-family: sans-serif; font-size: 1.0em; margin: 0 0 15px 0; background: url(images/bg-h2520.gif) left top; border-bottom: 1px solid #000000; text-transform: uppercase; clear: both; }
h2 span { display: block; padding: 7px 10px 7px 0; background: url(images/bg-h2520.gif) right top; margin: 0 0 0 10px;  }
h3 {font-family: sans-serif;  font-size: 1.2em; margin: 0 0 10px 0; }
h3.question { line-height: 20px; padding: 0 20px 0 30px; background: url(images/q.gif) no-repeat top left; }
h4 {font-family: sans-serif;  font-size: 1.0em; margin: 0; }
p { line-height: 1.5em; margin: 0 0 15px 0; }
p.answer { padding: 0 20px 0 30px; background: url(images/a.gif) no-repeat top left; margin: 0 0 15px 0;}
p.warning {font-size: 0.9em; line-height: 1.5em; padding: 8px 8px 8px 36px; background: #FFFF66 url(images/icon-warning.gif) no-repeat top left; border: 2px solid #FF0000; }
p.warning strong { color: #FF0000; }
ul { margin: 0 0 15px 25px; }
ul li { line-height: 1.75em; }
ol { margin: 0 0 15px 35px; }
ol li { line-height: 1.75em; }
a {color: #FF9900;}
a:hover {color: #FFFF00; }
blockquote { font-style: italic; line-height: 1.5em; margin: 0 10px 15px 10px; }
img { border: none; }

.logo { float: left; margin: 0 20px 0 0;}
.header-address { float: right; width: 300px; background: url(images/beeline.gif) no-repeat; margin: 10px 0 0 0; }
.phone { display: block; font-size: 2.4em; font-weight: normal; color: #0000CC; margin: 20px 0 5px 60px; }
.address { display: block; font-weight: bold; margin: 0 0 0 10px; }


ul.nav { float: left; width: 100%; list-style: none; border-bottom: 2px solid #000000; margin: 0; }
ul.nav li { float: left; width: auto; margin: 0 0 0 0;}
ul.nav li a { float: left; display: block; font-weight: bold; height: 30px; line-height: 30px; padding: 0 5px 0 35px; background: url(images/bg-nav.gif) no-repeat left; text-decoration: none; font-family: sans-serif }
ul.nav li a:link { color: #FF9900; }
ul.nav li a:visited { color: #FF6600; }
ul.nav li a:hover { color: #000000; background: url(images/bg-navhover.gif) no-repeat left top; }
ul.nav li a:active { color: #FFFF00; }

.imgborder { display: block; padding: 1px; border: 1px solid #000000; }
.imgleft { float: left; margin: 0 10px 15px 0; }
.imgright { float: right; margin: 0 0 15px 15px; }

form.contact input { padding: 3px; border: 1px solid #FF9900; }
form.contact textarea { padding: 3px; border: 1px solid #FF9900; }
form.contact input:focus { padding: 3px; background: #FFFF99; border: 1px solid #000000; }
form.contact textarea:focus { padding: 3px; background: #FFFF99; border: 1px solid #000000; }
form.contact label {  }
form.contact p { margin: 0 0 10px 0; }

form.minicontact { padding: 9px; font-size: 0.9em; border: 1px solid #000000; margin: -16px 0 0 0;  }
form.minicontact input { width: 60%; padding: 2px; border: 1px solid #FF9900; }
form.minicontact textarea { width: 95%; padding: 2px; border: 1px solid #FF9900; }
form.minicontact input:focus { padding: 2px; background: #FFFF99; border: 1px solid #000000; }
form.minicontact textarea:focus { padding: 2px; background: #FFFF99; border: 1px solid #000000; }
form.minicontact label {  }
form.minicontact p { margin: 0 0 5px 0; }

ul.list { list-style: none; margin: 0 0 15px 0;}
ul.list li { padding: 0 0 0 25px; background: url(images/dot20.gif) no-repeat left; }

ul.listbuzz { list-style: none; margin: 0 0 15px 0;}
ul.listbuzz li { }
ul.listbuzz li a { display: block; padding: 0 0 0 25px; background: url(images/iconbuzz.gif) no-repeat left; }
ul.listbuzz li a:hover { padding: 0 0 0 25px; background: url(images/icon-buzz.gif) no-repeat left; }

ul.featuresmain {float: left; width: 520px; list-style: none; margin: 0 0 15px 0;}
ul.featuresmain li { float: left; width: 235px; font-size: 1.2em; font-weight: bold; color: #0000CC; padding: 0 0 0 25px; background: url(images/dot20tick.gif) no-repeat left; font-family: sans-serif; text-transform: uppercase; letter-spacing: -0.03em; }

ul.features {list-style: none; margin: 0 0 15px 0; clear: both;}
ul.features li { font-size: 1.1em; font-weight: bold; color: #0000CC; padding: 0 0 0 25px; background: url(images/dot20tick.gif) no-repeat left; font-family: sans-serif; text-transform: uppercase; letter-spacing: -0.03em; }

ul.services { float: left; width: 100%; list-style: none; margin: 0 0 15px 0;}
ul.services li { float: left; width: 235px; padding: 0 0 0 25px; background: url(images/dot20.gif) no-repeat left; }

ul.imageblock { float: left; width: 100%; list-style: none; margin: 0 0 15px 0; }
ul.imageblock li { float: left; width: 33%; }
