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

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background:#eef7fd url(bg.jpg) repeat-x scroll left top; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000}
p { font-size:13px; margin:0;color:#000; font-weight: normal; margin:0;font-family:Arial, Helvetica, sans-serif; padding:0;}

h1 { font-size:24px; margin:0;color:#FDB417; font-weight: normal; padding-left:80px;font-family:  "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode"; padding-top:15px;}
h2 { font-size:26px;font-weight:bold; margin:0; padding-left:10px; padding-top:12px; text-transform:uppercase; color:#000; height:24px; font-family:  "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode";}
h3 { font-size:22px; margin:0;color:#000; font-family:Arial Narrow, Helvetica, sans-serif; font-weight: normal; padding:0}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:910px; z-index:1; margin:0 auto}

/*
---------------------------------------------
03. TOP BAR- LOGO AND PHONE NUMBER
---------------------------------------------
*/

#topbar { width:910px; float:left; height:80px;}
#topbar .logo { width:270px; float:left; height:70px; margin-left:5px; margin-top:7px;}
#topbar .phone { width:250px; float:right; background:url(icon_contact.jpg) no-repeat top right; height:50px; margin-top:12px;}
.highlight-blue { color:#1e77b7}
.highlight-orange { color:#FDCE64}

/*
---------------------------------------------
04. TOP NAVIGAITON
---------------------------------------------
*/

#topnav {float: left;width: 910px;margin: 6px 0px 0px;padding: 10px 6px 0px 7px;list-style: none; margin-top:5px;}
#topnav ul {float: left;margin: 0px;padding: 0px;list-style: none;}
#topnav li {display: inline;margin: 0px;padding: 0px;}
#topnav a {	float: left;padding: 0px 0px 0px 9px;margin: 0px 25px 0px 0px;font-size: 13px;	text-decoration: none;	color: #fff; font-family:  "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode"; text-transform:uppercase;}
#topnav a span {float: left;display: block;	padding: 9px 15px 17px 6px;text-decoration: none;	font-size: 13px;font-weight: bold;color: #fff;cursor: pointer;font-family:  "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode"; text-transform:uppercase}
#topnav a:hover {background: url(tab_left_over.png) top left no-repeat;}
#topnav a:hover span {background: url(tab_right_over.png) top right no-repeat;	font-weight: bold;	color: #FFF;cursor: pointer;}
#topnav .current a {background: url(tab_left_current.png) top left no-repeat;}
#topnav .current a span {background:#fff url(tab_right_current.png) top right no-repeat;color: #1B73B3;cursor: pointer;}
#topnav .section a {background: url(tab_left_current.png) top left no-repeat;}
#topnav .section a span {background: url(tab_right_current.png) top right no-repeat;color: #333;cursor: pointer;}

/*
---------------------------------------------
05. CONTENT AREA
---------------------------------------------
*/

#content { width:882px; float:left; background:#FFFFFF url(bg_shadow.jpg); position:relative; padding-top:10px; padding-bottom:30px; padding-left:14px; padding-right:14px;top:2px;}

/*
---------------------------------------------
06. HEADER IMAGE
---------------------------------------------
*/

#header { width:882px; float:left; height:245px}
#header .headerimage { width:882px; height:245px; margin:0; padding:0; float:left}
#header h3 { width:305px; margin:0; padding:0; float:left; position: relative; margin-top:-215px; padding-left:20px; line-height:1.4em}
#header .button_readmore { width:106px; height:43px; float: right; position: relative; margin-top:-60px; padding-right:570px}

/*
---------------------------------------------
07. LEFTPANEL
---------------------------------------------
*/

#leftpanel { width:430px; float:left}
#leftpanel p { padding-left:85px; font-size:14px; font-weight:normal; padding-right:10px; line-height:1.4em}

#whatwedo { width:430px; float:left; margin-top:14px; padding-left:5px; padding-bottom:10px;}
.icon_whatwedo {background:url(icon_whatwedo.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
.icon_schedule {background:url(icon_ourhours.jpg) no-repeat top left; width:490px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
.icon_about {background:url(icon_whatwedo.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
.icon_training {background:url(icon_results.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
.icon_location {background:url(icon_whatwedo.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
.icon_contact {background:url(icon_contact.jpg) no-repeat top left; width:480px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
.icon_rates {background:url(icon_whatdoesitcost.jpg) no-repeat top left; width:480px; padding-right:10px; height:70px; float:left; margin-bottom:10px}
ul.list {margin:0px; width:430px;padding:0px;color: #000;	font-family: Arial, Helvetica,sans-serif;font-size:12px; font-weight: normal; line-height:1.3em; width:190px; float:left; margin-top:-10px }
ul.list li {width:350px; display:block; margin:0 0 0 80px;padding:0px 5px 3px 13px; float:left;background:url(arrow.jpg) top left no-repeat;}
ul.list a:link, ul.list a:visited {color: #1059c7; text-decoration:none}
ul.list a:hover {color: #1059c7; text-decoration: underline}

#whatdoesitcost { width:430px; float:left; margin-top:0px; padding-left:5px; padding-bottom:20px;}
#whatdoesitcost .icon_whatdoesitcost {background:url(icon_whatdoesitcost.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left}


/*
---------------------------------------------
08. RIGHTPANEL
---------------------------------------------
*/

#rightpanel { width:430px; float:left}
#rightpanel p { padding-left:85px; font-size:14px; font-weight:normal; padding-right:10px; line-height:1.4em}

#ourhours { width:430px; float: left; margin-top:14px; padding-left:5px;}
#ourhours .icon_ourhours {background:url(icon_ourhours.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left}
.bg_hours { width:300px; height:158px; background:url(bg_hours.jpg); float:left; margin-left:85px}
.days { width:110px; line-height:4.1em; float:left; padding-left:35px; font-size:12px; margin-top:3px;}
.hours { width:110px; line-height:4.1em; float:left; padding-left:15px; font-size:12px; margin-top:3px;}

#whataretheresults { width:430px; float:left; margin-top:42px; padding-left:5px; padding-bottom:20px;}
#whataretheresults .icon_whataretheresults {background:url(icon_results.jpg) no-repeat top left; width:430px; padding-right:10px; height:70px; float:left}

/*
---------------------------------------------
08. FOOTER SHADOW
---------------------------------------------
*/

#border_footer { width:910px; height:25px; background:url(border_footer.jpg) no-repeat; float:left}

/*
---------------------------------------------
09. FOOTER
---------------------------------------------
*/

#footer {width: 910px; clear: both;float: left;}
#footer .phone_footer { width:300px; font-size:18px;font-family:  "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode"; padding-left:20px; padding-bottom:30px; float:left}
#footer .copyright { width:500px; font-size:12px;font-family: Arial, Helvetica, sans-serif; padding-left:20px; padding-bottom:30px; float:right; text-align:right; padding-right:10px; color:#3B3D3F}

/*
---------------------------------------------
10. MISCELLANEOUS
---------------------------------------------
*/

img { border:none;}

/*
---------------------------------------------
11. INNERPAGE STYLES
---------------------------------------------
*/

#leftpanel_inner { width:555px; float:left}
#leftpanel_inner p { padding-bottom:20px; padding-right:30px; font-size:14px; line-height:1.4em; padding-left:10px}

#whatwedo_inner { width:550px; float:left; margin-top:10px; padding-left:5px; padding-bottom:10px;}
#whatwedo_inner ul.list {margin:0; width:550px;padding:0;color: #000;	font-family: Arial, Helvetica,sans-serif;font-size:14px; font-weight: normal; line-height:1.3em; width:190px; float:left; }
.icon_whatwedoinner {background:url(icon_whatwedo.jpg) no-repeat top left; width:550px; padding-right:10px; height:70px; float:left; margin-bottom:10px}

.content-img {margin-right:25px;margin-bottom:0px;padding-top:0px; padding-left:0px}

#rightpanel_inner { width:305px; float:left}
#rightpanel_inner p {padding-bottom:20px; padding-right:10px; font-size:14px; line-height:1.4em; padding-left:10px}

#ourhours_inner { width:305px; float: left; margin-top:10px; margin-bottom:20px;}
#ourhours_inner .icon_ourhours_inner {background:url(icon_ourhours.jpg) no-repeat top left; width:305px;  height:70px; float:left}
.bg_hours_inner { width:300px; height:158px; background:url(bg_hours.jpg); float:left; margin-left:10px; margin-top:15px}

#testimonial { width:270px; font-style:italic; font-size:14px; line-height:1.4em; padding-left:30px;}

/*
---------------------------------------------
12. Bottom Text
---------------------------------------------
*/
#bottom_text{
}
#bottom_text p{
color:#666666;
}
#bottom_text h1{
font-size:12px;
padding-left:0px;
line-height:0px;
}