/* main css for FocusONE */


/***** GLOBAL *****/
html { }
* { margin: 0; padding: 0; }
a img { border: none; }
body { font-family: arial, helvetica, sans-serif; font-size: 62.5%;}
#main_wrapper { width: 780px; margin: 0 auto; }


/***** TOP CONTAINER (master container for nav, header image, logo) *****/
#top_container { width: 100%; overflow:hidden; position: relative; }
#top_container #nav_section {  float: right; text-align: right;  }
#top_container #nav_section ul { list-style-type: none; background-color: #212121;}
#top_container #nav_section li { text-align: center; float: left; padding: 0; margin: 0;  }
#top_container #nav_section a { color: #444; padding: 0 .7em; text-decoration: none; display: block; line-height: 4em; background-color: #ffffff; }
#top_container #nav_section a:hover { color: #ffffff; background: url(../images/main_menu_background.jpg) repeat-x;}
#top_container #nav_section .current { padding: 0 .7em; text-decoration: none; display: block; line-height: 4em; color: #ffffff; background: url(../images/main_menu_background.jpg) repeat-x;}




#test { width: 100%; margin: 15px 0 5px 0; float: left; padding-top: 1px; padding-bottom: 1px; }
#test #logo { float: left; margin-top: 7px;  }
#test #slogan { text-align: right; margin-top: 20px; }
#test #slogan h3 {font-size: 1.3em; }


/***** MID CONTAINER *****/
#mid_container { clear: both; width: 780px; height: 262px; overflow:hidden; margin-bottom: 0; padding: 0;  }


/***** TEASER CONTAINER *****/
#teaser_container { width: 780px; background: url(images/teaser_background.jpg) no-repeat; }
#teaser_container .teaser-left { width: 259px; height: 100px;  float: left; margin: 0 2px 0 0; background-color: #555;}
#teaser_container .teaser-mid { width: 256px; height: 100px; float: left; background-color: #555; }
#teaser_container .teaser-right { width: 259px; height: 100px; margin: 0 0 0 4px; float: right; background-color: #555; }
#teaser_container h1 { margin-top: 15px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; line-height: 1em; }
#teaser_container p { font-size: 1.2em; color: #FFFFFF; margin-bottom: 25px; padding-left: 10px; padding-right: 15px; line-height: 1.5em; }
#teaser_container a { color: #539FFF; text-decoration: none; }


/***** BOTTOM CONTAINER (the main container for everything below the teasers) */
#bottom_container { width: 778px; border-right: 1px #DDD solid; border-bottom: 1px #DDD solid; border-left: 1px #DDD solid;  overflow: hidden; clear: both;  }


/***** MAIN CONTAINER *****/
#main_container {  width: 780px; }

/* Video Page */
#main_container #video { width: 550px; margin: 0 auto;  }
#main_container #video p { font-size: 1.3em; width: 100%; text-align: center; margin-top: 2%; margin-bottom: 4%;  }
#main_container #video a { color: #cbcec5; }






/* LEFT BOX with Rounded Corners *****/
#main_container #left_section { margin-top: 2%; float: left; width: 240px; margin-left: 2%;  }
#main_container #left_section .box h2 { font-size: 2.2em; color: #bcbcbc; letter-spacing: -.09em;  background: url(../images/top-right.jpg) no-repeat right top; padding-top: 5%; }
#main_container #left_section .box h3 { font-size: 2.2em; color: #bcbcbc; letter-spacing: -.09em; }
#main_container #left_section .box h3 { font-size: 2.19em; color: #bcbcbc; letter-spacing: -.09em; margin-top: 8%  }
#main_container #left_section .box p { font-size: 1.7em; color: #FFF; margin-top: .2em; }
#main_container #left_section .box h4 { font-size: 1.0em; color: #777; font-weight: bold; letter-spacing: -.07em; margin-top: 7px; }
#main_container #left_section .box ul { list-style-type: none; }
#main_container #left_section .box .address { font-size: 1.7em; text-decoration: none; line-height: 1em; color: #ffffff;  }
#main_container #left_section .box li a { font-size: 1.7em; text-decoration: none; line-height: 1em; color: #ffffff;  }
#main_container #left_section .box li a:hover { font-size: 1.7em; text-decoration: none; line-height: 1em; color: #FFFFFF; }
#main_container #left_section .box {  width: 240px; background: #d0d1d3 url(../images/bottom-left.jpg) no-repeat left bottom; margin-bottom: 2%; }
#main_container #left_section .box-outer { background: url(../images/bottom-right.jpg) no-repeat right bottom; padding-bottom: 5%;}
#main_container #left_section .box-inner { background: url(../images/top-left.jpg) no-repeat left top; }
#main_container #left_section .box h2, .box p, .box label, .box li, .box h3, .box h4 { padding-left: 5%; padding-right: 5%; }
.box a { font-size: .8em; color: #FFF; margin-top: .5em;  }
.box a:hover { color: #eee; text-decoration: none  }

/* QUOTE BOX */

#main_container #left_section .quotebox {  width: 240px; background: #FFF url(../images/quote_top.jpg) no-repeat left top; margin-bottom: 2%; }
#main_container #left_section .quotebox p {  width: 200px; margin-left: 20px; margin-top: 20px; margin-bottom: 5px;  font-size: 1.4em; font-style: italic; padding-top: 20px; color: #666;  line-height: 1.5em;}
#main_container #left_section .quotebox cite {background: url(../images/quote_bottom.jpg) no-repeat right; margin-bottom: 10%; margin-top: 2%; margin-left: 20%; font-size: 1em;  padding-bottom: 2%; line-height: 5em; display: block; }



/* PRIMARY CONTENT */
#main_container #main_content_area { float: right; width: 480px; margin-top: 3%; margin-right: 3%; margin-left: 2%; margin-bottom: 2em; }
#main_container #main_content_area h1 { font-size: 2.7em; line-height: 1.1em; margin-bottom: .7em; color: #434343; }
#main_container #main_content_area h2 { font-size: 1.7em; line-height: 1.1em; margin-bottom: .3em; color: #434343; }
#main_container #main_content_area p { font-size: 1.3em; line-height: 1.4em; margin-bottom: 1.1em; color: #434343; }

#main_container #main_content_area strong { font-size: inherit; font-weight: bold; }
#main_container #main_content_area cite { font-size: .9em;  font-style: normal; color: #727272; }
#main_container #main_content_area ul { margin-left: 20px; margin-bottom: 1.1em;   }
#main_container #main_content_area li { font-size: 1.3em; line-height: 1.4em; color: #434343; margin-bottom: .5em; list-style-type: circle; }



/* FORM */
.section_form { clear: both; padding: 1.0em; margin: 1px 0; background-color: #e4e4e4; }
.section_form div { display: block; font-size: 1.1em; padding-bottom: .8em; font-family: Verdana, Arial, sans-serif; }
.section_form div label { display: block; color: #ababab; margin-bottom: 2px; }
.section_form div textarea { min-width: 220px; max-width: 220px; min-height: 60px; max-height: 60px; }


/***** FOOTER CONTAINER *****/
#footer_container { clear: both; width: 100%; margin-bottom: 15px; }
#footer_container #contact-section { width: 90%; } 
#footer_container #contact-section #phone { float: left; padding-left: 2%; padding-right: 2%; }
#footer_container #contact-section #phone h2 { color: #d0d1d3; font-size: 2em; padding-top: .6em; }


/* Follow Us */
#footer_container #contact-section #follow { float: right; }
#footer_container #contact-section #follow p { font-size: 12px; text-align: center; color: #fc9f00; padding-top: 5px; }
#footer_container #contact-section #follow ul { list-style-type: none;  }
#footer_container #contact-section #follow li { float: left; }
#footer_container #contact-section #follow li a {display: block; padding: 0 1em 0 1em; }
#footer_container #footer p { border-top: 1px solid #CCCCCC; font-size: .8em; color: #888; clear: both; text-align: center; padding: 1em 0; }