/* BASIC STRUCTURE */

* {margin:0;padding:0;font-family: Trebuchet, Helvetica, Verdana, Arial, sans-serif;}
body {background:#fff;padding:0 0 0 30px;}
div#wrapper {position:relative;float:center;width:926px;margin:0 auto 0 auto;background:#fff;}
div#container {position:relative;margin:3px 0 0 3px;width:900px;background:#fff;}

/* HEADER */

#header {position:relative;width:900px;padding:7px 10px;float:left;background:#ffffff;}
#header h1 {font-size:1.8em;text-transform:uppercase;margin:5px 0;color:#0421aa;}
#header h2 {font-size:1.2em;margin:5px 0;color:#0421aa;}
#header h1 a {text-decoration:none;color:#fff;}
#header h1 a:hover {color:#aaa;}

/* MENU */
#menu {position:relative;width:900px;padding:7px 10px;float:left;background:#fff;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#0421aa;
border-top-style:double;border-top-width:1px;border-top-color:#0421aa;}
.button1 a {background-color:#0421aa; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none; }
.button1 a:hover {background-color:#0421aa; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;
border-top-width:5px; border-top-color:#ffffff; border-top-style:double; margin-top:0px; }
.button2 a {background-color:#3c37ff; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;   }
.button2 a:hover {background-color:#3c37ff; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;
border-top-width:5px; border-top-color:#ffffff; border-top-style:double; margin-top:0px; }
.button3 a {background-color:#6561fd; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;   }
.button3 a:hover {background-color:#6561fd; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;
border-top-width:5px; border-top-color:#ffffff; border-top-style:double; margin-top:0px; }
.button4 a {background-color:#9c9aff; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;   }
.button4 a:hover {background-color:#9c9aff; color:#ffffff; font-size:1.2em; padding-left:40px; padding-right:40px; text-decoration:none;
border-top-width:5px; border-top-color:#ffffff; border-top-style:double; margin-top:0px; }

/* CONTENT LEFT */

#contentleft {position:relative;float:left;width:400px; padding:10px 10px 10px 10px;}
#contentleft h1 {font-size:1.2em;margin:5px 0;color:#0421aa;}
#contentleft h2 {font-size:1.0em;margin:5px 0;color:#0421aa;}
#contentleft p {font-size:0.8em; margin:5px 0;color:#000000;}
#contentleft ul {font-size:0.8em; margin:5px 40px; padding-bottom:20px;}

#examples {position:relative;float:left;width:100%; padding:10px 10px 10px 10px;text-align:center;margin-top:10px;}
#examples h1 {font-size:1.2em;margin:5px 0;color:#0421aa;}
#examples h2 {font-size:1.0em;margin:5px 0;color:#0421aa;}
#examples p {font-size:0.8em; margin:5px 0;color:#000000;}
#examples ul {font-size:0.8em; margin:5px 40px; padding-bottom:20px;}

/* CONTENT RIGHT */

#contentright {position:relative;float:right;width:400px; padding:10px 10px 10px 10px; background-color:#cee8f6;margin-top:10px;}
#contentright h1 {font-size:1.2em;margin:5px 0;color:#0421aa;}
#contentright h2 {font-size:1.0em;margin:5px 0;color:#0421aa;}
#contentright p {font-size:0.8em; margin:5px 0;color:#000000;}
#contentright ul {font-size:0.8em; margin:5px 40px; padding-bottom:20px;}

#contactright {position:relative;float:right;width:400px; padding:10px 10px 10px 10px; background-color:#fff;margin-top:10px;}
#contactright h1 {font-size:1.2em;margin:5px 0;color:#0421aa;}
#contactright h2 {font-size:1.0em;margin:5px 0;color:#0421aa;}
#contactright p {font-size:0.8em; margin:5px 0;color:#000000;}
#contactright ul {font-size:0.8em; margin:5px 40px; padding-bottom:20px;}

#bluebox {position:relative; padding-top: 10px; padding-bottom: 10px; }

#beforeafter {position:relative; width:200px;float:left; }
#areascovered {position:relative; width:180px; float:right; text-align:right; }
#areascovered h1 {font-size:0.6em; color:#0421aa; font-weight:bold; }
#areascovered p {font-size:0.7em; color:#0421aa;}
/* FOOTER */

#footer {position:relative;float:left;width:100%;text-align:center;padding:10px;font-size:0.8em;border-top:1px solid #bbb;margin:20px 0 0 0;color:#888;}
#footer a {color:#333;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* IMAGES */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.bwc {margin-left:15px; margin-bottom:40px; border-style:none; border-width: 0px;float:right;}