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

body { font: 0.8em Arial, Helvetica, sans-serif; background-color: #034579; }

* { padding: 0; margin: 0; }

.contact { font-size: 2.4em; }
h1 { font: 3.1em Arial, Helvetica, sans-serif bold; color: #053d70; margin: 0 0 10px 54px; }
h2 { font: 1.5em Arial, Helvetica, sans-serif bold; color: #053d70; margin: 0 0 10px 54px; }

#wrapper { width: 1000px; height: auto; margin: 0 auto; }
#header { background: url(header3.jpg) no-repeat top; height: 130px; width: 100%; }
#header img { margin: 20px 0 0 54px; float: left; }
#header .details { color: #333; padding: 40px 0 0 0; }
#header .details a { color: #053d70; text-decoration: none; }
#header .details a:hover { text-decoration: underline; }

#navcontainer { width: 970px; margin: 0 0 0 10px; border-bottom: 4px solid #00a2ef; background-color: #f1faff; }
#nav { width: 85%; height: 52px; margin: 0 0 0 20px; }
#nav ul { padding: 5px; margin: 10px 0; list-style: none; float: left; }
#nav ul li { float: left; display: inline; /*For ignore double margin in IE6*/ margin: 0 10px; } 
#nav ul li a { text-decoration: none; float:left; color: #053d70; cursor: pointer; font: 900 14px/22px "Arial", Helvetica, sans-serif; }
#nav ul li a span { margin: 0 10px 0 -10px; padding: 1px 8px 5px 18px; position: relative; /*To fix IE6 problem (not displaying)*/ float:left; }
#nav ul.blue li a.current, ul.blue li a:hover { background: url(nav.png) no-repeat top right; color: #fff; }
#nav ul.blue li a.current span, ul.blue li a:hover span { background: url(nav.png) no-repeat top left; }


#content { background: url(contentbg.jpg) repeat-y; width: 100%; height: 100%; min-height: 540px; margin: 0 0 0 5px; overflow: auto; }
#left-content { width: 60%; height: auto; float: left; margin: 20px 0 0 0; }
#left-content .title { font-size: 1.3em; color: #053d70; }
#left-content p { margin: 0 0 10px 54px; color: #333333; }
#left-content .bio p { margin-right: 25px; }
#left-content .italic { font-style:italic; font-weight: bold; }
#left-content .certificate { margin: 23px 0 0 150px; }
#right-content { width: 32%; float: right; height: auto; margin: 40px 20px 0 0; }
#right-content img {  }
#right-content .intro img { margin: 0 0 0 43px; }
#right-content .testimonials { padding: 40px 15px 0 10px; font-size: 1.2em; color: #053d70; }
#right-content .testimonials p { margin: 0 0 10px 0; font-weight: bold; }
#right-content .testimonials .name { font-weight: normal; padding-left: 167px; font-size: 0.8em; }

#left-content .width { width: 424px; }
#left-content .boxes { margin: 0 0 0 20px; width: 300px; float: left; }
#left-content .labels { width: 123px; float: left; }
#right-content .boxes { margin: 0 0 0 20px; width: 160px; float: left; }
#right-content .labels { width: 55px; float: left; }
#left-content form { margin: 20px 0 0 0; }
#left-content a, #right-content a, #footer a { color: #053d70; text-decoration: none; }
#left-content a:hover, #right-content a:hover, #footer a:hover { text-decoration: underline; }
#left-content .gallery img { margin: 10px 0 0 17px; }

#footer { background: url(footer.jpg) no-repeat bottom; width: 100%; height: 56px; }
#footer p { text-align: center; padding: 5px 0 0 0; }