/*------------------------------*/
/*  Reset Styles                */
/*------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6, li { line-height: 100%; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------*/
/*  General Styles              */
/*------------------------------*/
body { background: #FFF url('../img/bg2.jpg') repeat-x center top; font-family: Arial, sans-serif; font-size: 62.5%; }
a { text-decoration: none; }

/*------------------------------*/
/*  Wrapper                     */
/*------------------------------*/ 
#wrapper { margin:0 auto; padding:0 8px; width:979px; }

/*------------------------------*/
/*  Header                      */
/*------------------------------*/
#header { height: 110px; }
#logo { float: left; margin: 8px 0 0 9px; }
#logo h1 a { background: url('../img/logo.png') no-repeat left top; display: block; height: 102px; text-indent: -9999px; width: 356px; }
#phone-nav { float: right; margin: 0px 20px 0 0;  }
#phone { float: right; }

/*------------------------------*/
/*  Navigation                  */
/*------------------------------*/


#navigation { clear: both; float: right; margin: 10px 0 0 0; width:543px;}
#navigation ul li { float: left; height: 42px; line-height:42px; margin: 0 3px 0 0; text-indent: -9999px; position:relative; }
#navigation ul li a { color: #FFFFFF; display: block; text-indent: -9999px; height:100%;}
#nav1 { background: url('../img/nav1.jpg') no-repeat 0 0; width: 196px; }
#nav1 ul { background: url('../img/submenu.png') no-repeat left top; display: none; height: 174px; left: 0; position: absolute; padding: 0 0 0 16px; top: 42px; width: 238px; }
#nav1 ul li { background: url('../img/nav-footer.gif') repeat-x scroll left bottom; float: none; height: auto; line-height: 10px; margin: 10px 0 0; padding: 1px 0 10px 0; text-indent: 0; width: 210px; }
#nav1:hover > ul { display: block; }
#nav1 ul li.non-bg { background: none; }
#nav1 ul li a { display: inline; font-size: 1.5em; text-indent: 0; }
#nav1 ul li a:hover { color: #3ebfff; }
#nav1:hover { background: url('../img/nav1.jpg') no-repeat 0px -42px; }
#nav2 { background: url('../img/nav2.jpg') no-repeat 0 0; width: 176px; }
#nav2:hover { background: url('../img/nav2.jpg') no-repeat 0 -42px; width: 176px; }
#nav3 { background: url('../img/nav3.jpg') no-repeat 0 0; width: 162px; }
#nav3:hover { background: url('../img/nav3.jpg') no-repeat 0 -42px; width: 162px; }

/*------------------------------*/
/*  Splash                      */
/*------------------------------*/
#splash-top { background: url('../img/computer.png') no-repeat right bottom; height: 276px; padding: 45px 0 0; }
#splash-top h1 { height: 86px; text-indent: -9999px; }
#splash-top p { color: #FFFFFF; font-family: georgia; font-size: 1.6em; line-height: 21px; margin: 13px 0 0; text-align: justify; width: 625px; }
#splash-top a { background: url('../img/link-splash.png') no-repeat left top; display: block; height: 85px; margin: 10px 0 0; text-indent: -9999px; width: 503px; }
#splash-bottom { height: 101px; }
#how-works { float: left; height: 86px; margin: 0 20px 0 0; width: 247px; }
#how-works h1 { background: url('../img/how-works.png') no-repeat left top; height: 23px; margin: 20px 0 0; text-indent: -9999px; }
#how-works a { background: url('../img/video-tour.png') no-repeat left top; color: #8CD1F2; display: block; font-family: georgia; font-size: 1.6em; font-style: italic; height: 35px; line-height: 35px; margin: 9px 0 0; padding: 0 8px 0 0; text-align: right; }
#splash-bottom div.steps { float: left; height: 86px; margin: 7px 14px 0 0; width: 228px; }
#splash-bottom div.steps h1 { text-indent: -9999px; }
#step1 { background: url('../img/steps.png') no-repeat 0 0; }
#step2 { background: url('../img/steps.png') no-repeat 0 -86px; }
#step3 { background: url('../img/steps.png') no-repeat 0 -172px; margin: 7px 0 0 !important; }

/*------------------------------*/
/*  Main Top                    */
/*------------------------------*/
#FlashID {float: right; margin: 10px 0 -15px 0;}
#main-top { overflow: hidden; }
*+html #main-top { padding: 0 0 60px 0; }
#issues { float: left; margin: 44px 0 0; width: 488px; overflow:hidden; }
#issues div.issues { float: left; margin: 0 30px 40px 0; width: 210px; height: 150px; }
#issues div.issues img { margin: 0 0 0 0px; }
#issues div.issues p { color: #333333; font-size: 1.2em; line-height: 20px; }
#issues div.issues a {float: left; width: 95%; border-top:dotted 1px #ddd; margin: 7px 0; color: #2173AF; font-style: italic;}
#issue1 p, #issue2 p, #issue3 p, #issue4 p, #issue5 p { margin: 9px 0 0; }
#issue1 img, #issue2 img, #issue3 img, #issue4 img, #issue5 img{ padding-top:4px; }

#why-cases {  overflow:hidden;  }
#why { float: right; background: url('../img/why.gif') no-repeat left top; height: 175px; margin: 34px 0 0; padding: 29px 0 0; width: 478px;}
#why h1 { background: url('../img/why-support.png') no-repeat left top;  height: 24px; margin: 0 0 0 211px; text-indent: -9999px;  }
#why ul { margin: 0 0 0 211px;  }
#why ul li { background: url('../img/list.gif') no-repeat left top; color: #333333; font-family: georgia; font-size: 1.5em; font-style: italic; margin: 12px 0; padding: 0 0 0 22px; }
#cases { float: right; }
#cases h1 {display: block; background: url('../img/recent.png') no-repeat left top; height: 17px; margin: 23px 0 0; text-indent: -9999px; }
#slider-container { background: #fdfdfd; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; height: 112px; margin: 10px 0 0; position: relative; }
#slider-container a { display: block; float: left; height: 114px; text-indent: -9999px; width: 24px; }
#slider { padding: 0 0 0 35px; width: 433px !important; }
#slider ul { overflow: hidden; }
#slider ul li.single-case { overflow: hidden; width: 469px; }
#slider ul li.single-case img { margin: 5px 1px; }
#slider .left { float: left; margin: 10px 5px; }
#slider ul li.single-case h2 { color: #333333; font-size: 1.6em; margin: 13px 3px 0; }
#slider ul li.single-case p { color: #333333; font-family: georgia; font-size: 1.2em; font-style: italic; margin: 14px 3px 0; }
#slider ul li.single-case p span { font-style: normal; }
#slider ul li.single-case p span a { color: #2173AF; display: inline; float: none; font-weight: bold; height: auto; text-indent: 0; width: auto; }
#slider ul li.single-case ul { margin: 7px 0 0; overflow: hidden; width: auto !important; }
#slider ul li.single-case ul li { float: left !important; margin: 0 2px 0 0; }
.date-case { color: #A7A7A7; display: block; font-size: 1.2em; margin: 3px 0 0; width:100px; height:40px; padding: 0 0 2px 0;}
#prevBtn { float: left; position: absolute; top: -1px; }
#prevBtn a { background: url('../img/previous.gif') no-repeat left top; display: block; height: 114px; text-indent: -9999px; width: 24px; }
#nextBtn { float: right; position: absolute; top: -1px; right: 0px; }
#nextBtn a { background: url('../img/next.gif') no-repeat left top; display: block; height: 114px; text-indent: -9999px; width: 24px; }

/*------------------------------*/
/*  Main Bottom                 */
/*------------------------------*/
#main-bottom { background: url('../img/top-bottom.gif') no-repeat center top; overflow: hidden; }
#blog { float: left; margin: 58px 0 0; }
#blog h1 { background: url('../img/from-blog.png') no-repeat left top; height: 19px; width: 229px; text-indent: -9999px; }
#blog ul { margin: 26px 0 0; overflow: hidden; }
#blog ul li { float: left; margin: 0 20px 0 0; width: 223px; }
#blog ul li:last-child { margin: 0; }
#blog ul li h2  { margin: 3px 0 11px; }
#blog ul li h2 a { color: #2173AF; font-size: 1.3em; }
#blog ul li span { font-family: georgia; font-size: 1.2em; font-style: italic; }
#blog ul li span.comments { background: url('../img/bubble.gif') no-repeat left top; color: #2173AF; padding: 0 0 0 21px; }
#blog ul li span.comments a {color: #2173AF;}
#blog ul li span.separator { color: #A7A7A7; margin: 0 5px; }
#blog ul li span.date { color: #A7A7A7; }
#blog ul li p { color: #333333; font-size: 1.2em; line-height: 20px; margin: 10px 0 0; }
#blog ul li p a { color: #2173AF; font-size: 1em; }
#testimonials { float: right; margin: 52px 0 0; width: 240px; }
#testimonials-top { background: url('../img/testimonials-top.gif') no-repeat left top; height: 3px; }
#testimonials-middle { background: url('../img/testimonials-middle.gif') repeat-y left top; overflow: hidden; padding: 18px 21px; }
#testimonials-middle h1 { color: #333333; font-size: 1.4em; }
#testimonials-middle ul li { border-bottom: 1px solid #E0E0E0; margin: 20px 0 0; overflow: hidden; padding: 0 0 11px; }
#testimonials-middle ul li.non-bg { border-bottom: none; padding: 0; margin: 10px 0 0; padding: 0 0 0px; }
#testimonials-middle ul li p { font-family: georgia; font-size: 1.2em; font-style: italic; line-height: 20px; }
#testimonials-middle ul a {float: right; padding: 0px 0 0; color: #2173AF; font-size: 1.2em; font-style: italic;}
#testimonials-middle ul li span { color: #A7A7A7; display: block; float: right; font-size: 1.2em; margin: 10px 0 0; }
#testimonials-bottom { background: url('../img/testimonials-bottom.gif') no-repeat left top; height: 3px; }

/*------------------------------*/
/*  Footer                      */
/*------------------------------*/
#footer-wrapper { background: url('../img/footer-wrapper.png') repeat-y left top; margin:73px auto 0; overflow:hidden; padding: 0 8px; width: 979px; }
#footer { background: #0c4e7b url('../img/footer.gif') repeat-x left top; min-height: 294px; }
#footer-top { height: 51px; overflow: hidden; }
#footer-logo { float: left; margin: 14px 0 0 24px; }
#footer-logo h1 a { background: url('../img/footer-logo.png') no-repeat left top; display: block; height: 25px; text-indent: -9999px; width: 361px; }
#footer-phone { float: right; margin: 12px 24px 0 0; }
#footer-bottom { margin: 32px 0 0 26px; overflow: hidden; }
#footer-bottom div.footer-lists { float: left; margin: 0 30px 0 0; }
#footer-bottom div.footer-lists h1 { color: #2E99CD; font-size: 1.4em; }
#footer-bottom div.footer-lists ul.footer-lists {  }
#footer-bottom div.footer-lists ul.footer-lists li { background: url('../img/li-footer.gif') no-repeat left bottom; margin: 10px 0 0 0; padding: 0 0 10px; width: 210px;  }
#footer-bottom div.footer-lists ul.footer-lists li.non-bg { background: none; }
#footer-bottom div.footer-lists ul.footer-lists li a { color: #FFFFFF; font-size: 1.2em; }
#contact-social { float: left; }
#contact h1 { color: #2E99CD; font-size: 1.4em; }
#contact ul li { background: url('../img/li-footer.gif') no-repeat left bottom; margin: 10px 0 0 0; padding: 0 0 10px; width: 210px; color: #FFFFFF; line-height: 1.2em; font-size: 1.2em; }
#contact ul li a { color: #FFFFFF; }
#social h1 { color: #2E99CD; font-size: 1.4em; margin: 17px 0 0; }
#social ul { margin: 18px 0 0; overflow: hidden; }
#social ul li { float: left; margin: 0 15px 0 0; }
#bbb { float: left; margin: 20px 0;}
#bbb a { float: left; width: 100px; height: 65px; background: url('../img/bbb-footer.gif') no-repeat left top;}