body { background-image: url('/images/bellerose-gray-repeat.gif'); background-attachment: fixed; background-color: #000; color: #fff; font-family: "Calibri", Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; margin: 0px; padding: 0px; }
a { color: #099; text-decoration: none; }
a:hover { color: #099; text-decoration: underline; }
a.active { color: #099; text-decoration: underline; }

h1 { color: #F90; font-size: 18px; }
h2 { color: #F90; font-size: 17px; }

.container { width: 960px; text-align: left; background-color: transparent; }
.sitename { background-image: url('/images/companysitename.png'); background-repeat: no-repeat; width: 960px; height: 70px; cursor: pointer; text-align: right; }
.clientlogin { padding: 5px 10px 5px 10px; text-align: right; }
.mainmenu { height: 37px; background-color: #333; }
.mainmenu ul { margin: 0px; padding: 0px; }
.mainmenu li { float: left; list-style: none; letter-spacing: 0.2em; margin: 0px; padding: 0px; }
.mainmenu a { color: #3CF; display: block; padding: 11px 15px 10px; text-decoration: none; }
.mainmenu a:hover { color: #099; text-decoration: none; }
.mainmenu a.active { color: #099; text-decoration: none; }

/* custom main menu color overrides */
#home_link:hover { background-color: #EF6868; color: #fff; }
#home_link.active { background-color: #EF6868; color: #fff; }
#work_link:hover { background-color: #EF671D; color: #fff; }
#work_link.active { background-color: #EF671D; color: #fff; }
#clients_link:hover { background-color: #EFB859; color: #000; }
#clients_link.active { background-color: #EFB859; color: #000; }
#press_link:hover { background-color: #66AF62; color: #fff; }
#press_link.active { background-color: #66AF62; color: #fff; }
#services_link:hover { background-color: #62AFA6; color: #fff; }
#services_link.active { background-color: #62AFA6; color: #fff; }
#about_link:hover { background-color: #6285AF; color: #fff; }
#about_link.active { background-color: #6285AF; color: #fff; }
#careers_link:hover { background-color: #959CEF; color: #fff; }
#careers_link.active { background-color: #959CEF; color: #fff; }
#contact_link:hover { background-color: #A453DF; color: #fff; }
#contact_link.active { background-color: #A453DF; color: #fff; }
#site_link:hover { background-color: #DF0D8C; color: #fff; }
#site_link.active { background-color: #DF0D8C; color: #fff; }
#login_link:hover { background-color: #AA4949; color: #fff; }
#login_link.active { background-color: #AA4949; color: #fff; }

/* special logged in menus */
.loggedin_menu { height: 36px; background-color: transparent; clear: both; }
.loggedin_menu ul { margin: 0px; padding: 0px; }
.loggedin_menu li { float: left; list-style: none; letter-spacing: 0.2em; margin: 0px; padding: 0px; padding-bottom: 10px; }
.loggedin_menu a { color: #3CF; display: block; padding: 11px 15px 10px; text-decoration: none; border-bottom: 5px solid transparent; }
.loggedin_menu a:hover { border-bottom: 5px solid #099; color: #099; text-decoration: none; }
.loggedin_menu a.active { border-bottom: 5px solid #099; color: #099; text-decoration: none; }


.body_container { float: left; padding: 0px; margin: 0px; }
.content { float: left; margin: 0px; padding: 0px; padding-top: 0px; text-align: justify; line-height: 1.5em; min-height: 400px; }

.inputlabel { font-family: "Calibri", Arial, Helvetica, sans-serif; color: #fff; }
.asteriskColor { color: red; font-size: 14px; font-weight: bold; }
.inputboxes { border: 1px solid #4F8FFF; font-size: 13px; font-family: "Calibri", Arial, Helvetica, sans-serif; width: 190px; margin-left: 10px; padding: 5px; background-color: #333; color: #fff; }
.submitbutton { border: 1px solid #4F8FFF; font-size: 11px; font-family: arial; width: 60px; }

.responseGood { color: green; font-weight: bold; text-align: center; padding: 5px 0px 5px 0px; }
.responseError { color: red; font-weight: bold; text-align: center; padding: 5px 0px 5px 0px; }
.form_fix { padding: 0px; margin: 0px; }
.clear { clear: both; }
.error_messages { background-color: green; border: 1px solid lime; color: lime; padding: 2px 0px 2px 0px; text-align: center; font-weight: bold; }
img { border: 0px; }

.google_search_box { text-align: right; width: 570px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; }

.breadcrumbtrail { padding-top: 2px; padding-bottom: 2px; font-size: 11px; font-weight: bold; }
.page_titler { color: #4F8FFF; font-size: 16px; font-weight: bold; padding-bottom: 3px; border-bottom: 1px dotted #F8CC31; }
.page_titler_image { margin-left: -10px; margin-top: 0px; width: 700px; overflow: hidden; }


/* Front Page Styles (Splash Page) */
.splash-full-container { width: 960px; background-image: url('/images/splash-with-transparent-rightside.png'); background-repeat: repeat-y; }
.splash-container { width: 960px; margin-left: 15px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.1em; }
.splash-front-services-image { border-bottom: 5px solid #EF6868; margin-top: 0px; }
.splash-left { float: left; width: 710px; padding: 5px; }
.splash-right { float: left; width: 200px; padding-left: 15px; letter-spacing: 0em; margin-top: -100px; }
.splash-right-no-front { float: left; width: 200px; padding-left: 15px; letter-spacing: 0em; margin-top: 0px; }
.splash-featured-container { width: 710px; letter-spacing: 0em; margin-top: 40px; }
.splash-social-header { background-color: #333; width: 200px; margin-left: -6px; padding: 5px; margin-bottom: 10px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.splash-featured-left { float: left; width: 150px; text-align: right; }
.splash-featured-right { float: left; width: 540px; padding-left: 10px; }
.splash-featured-spacer { padding: 10px; }
.featuredscreencap { width: 160px; height: 110px; padding: 6px; }
.featuredscreencap:hover { opacity:0.6; filter:alpha(opacity=60); background-color: #EF6868; }
.splash-featured-more-link { padding: 10px 20px 15px 0px; text-align: right; }
.splash-featured-more-link a { color: #EF6868; }
.social_tabs_content { padding-bottom: 15px; }
.social_qr_code { text-align: center; padding: 5px;  width: 100%; }
.testimonials-item { padding: 5px 5px 10px 5px; border-bottom: 1px solid #333; margin-bottom: 5px; }


.register_form_container { width: 925px; margin-left: 15px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.2em; }
.register_form_body { padding: 0px; color: #fff; margin-left: 10px; margin-right: 10px; }
.register_formheader { color: #4F8FFF; font-weight: bold; padding: 10px; }
.register_leftcolumn { float: left; width: 50%; }
.register_rightcolumn { float: left; width: 50%; }
.register_line { padding-top: 5px; padding-bottom: 5px; }
.register_line .inputboxes { border: 1px solid #EF6868; width: 280px; color: #EF6868; }
.register_clear { clear: both; overflow: hidden; }
.register_disclaimer { font-size: 10px; margin-left: 20px; margin-right: 20px; padding-top: 10px; padding-bottom: 10px; }
.register-image { width: 350px; height: 170px; border: 5px solid #EF6868; margin: 0px 0px 10px 10px; }
.register-image-sub { margin-left: -10px; }
.jobposting { padding-left: 15px; padding-bottom: 5px; padding-top: 5px; }


.footer { text-align: center; font-size: 11px; background-color: #222; }
.footer a { color: #4F8FFF; font-size: 14px; }
.footer_links { width: 800px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; }
.footer_spacer { text-align: right; background-color: #333; color: #fff; padding: 2px; }
.footer_social_text { float: left; width: 620px; text-align: right; font-size: 13px; font-weight: bold; padding-top: 10px; }
.footer_social_buttons { height: 24px; width: 24px; border: 0px; padding: 5px; }
.footer_links ul { list-style: none; line-height: 2em; }
.footer_links1 { float: left; width: 220px; text-align: left; }
.footer_links2 { float: left; width: 200px; text-align: left; }
.footer_links3 { float: left; width: 200px; text-align: left; }
.footer_links4 { float: left; width: 170px; text-align: left; }
.footer_linksClear { clear: both; overflow: hidden; }
.footer_copyright_text { text-align: center; padding-bottom: 5px; font-size: 11px; background-color: #222; }

/* Site Synopsis / A Taste of What We've Done */
.sitesynopsis_container { width: 960px; margin-left: 15px; padding-bottom: 10px; }
.sitesynopsis_left { float: left; width: 340px; padding: 5px; }
.sitesynopsis_left a { color: #EF671D; font-weight: bold; }
.sitesynopsis_center { float: left; width: 340px; padding: 5px; }
.sitesynopsis_center a { color: #EF671D; font-weight: bold; }
.sitescreencap { width: 300px; height: 180px; padding: 3px; }
.sitescreencap:hover { opacity:0.6; filter:alpha(opacity=60); background-color: #EF671D; }

/* Our Clients / Who We Work With */
.our-clients-container { width: 960px; margin-left: 15px; padding-bottom: 10px; }
.our-clients-left { float: left; width: 300px; padding: 5px; }
.our-clients-left a { color: #EFB859; font-weight: bold; }
.our-clients-center { float: left; width: 300px; padding: 5px; }
.our-clients-center a { color: #EFB859; font-weight: bold; }
.our-clients-right { float: left; width: 300px; padding: 5px; }
.our-clients-right a { color: #EFB859; font-weight: bold; }
.clientscreencap { width: 300px; height: 180px; padding: 3px; }
.clientscreencap:hover { opacity:0.6; filter:alpha(opacity=60); background-color: #EFB859; }

/* Press Room / In The News & On The Web */
.press-room-container { width: 710px; margin-left: -10px; padding-bottom: 10px; }
.press-room-left { float: left; width: 310px; padding: 15px; border-right: 1px solid #66AF62; height: 220px; }
.press-room-center { float: left; width: 310px; padding: 15px; height: 220px; }
.press-room-readmore { display: block; text-align: right; }

/* About Us / Simply put, we make businesses look good for the web */
.about-us-container { width: 660px; margin-left: 5px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.2em; }
.about-us-image { width: 620px; height: 285px; margin-left: -2px; margin-top: -5px; border: 1px solid #6285AF; }

/* Contact Us / We Want To Hear From You! */
.contact-us-container { width: 960px; margin-left: 35px; padding-bottom: 10px; padding-top: 20px; }
.contact-us-left { float: left; width: 380px; padding-right: 20px; }
.contact-us-right { float: left; width: 200px; padding: 0px; }
.contact-us-image { width: 240px; height: 340px; border: 5px solid #A453DF; }
.contact-us-input-line { padding-left: 30px; padding-top: 10px; width: 350px; text-align: right; }
.contactform { border: 1px solid #A453DF; color: #A453DF; background-color: #111; width: 240px; }
.contacttextbox { height: 150px; }
.contactsubmit { width: 100px; font-weight: bold; }

/* Management Team */
.management_container { width: 700px; margin-left: 0px; padding-bottom: 10px; padding-top: 20px; }
.management-image { border: 5px solid #6285AF; margin: 0px 0px 10px 10px; }

/* FAQ */
.faq-container { width: 660px; margin-left: 15px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.2em; }
.faq-image { border: 1px solid #DF0D8C; margin-left: 2px; margin-top: -5px; width: 630px; height: 285px; }
.faq-question { font-size: 14px; color: aqua; font-weight: bold; }
.faq-answer { font-size: 14px; color: red; font-weight: bold; }

/* Terms and Conditions (Legal) */
.terms-container { width: 660px; margin-left: 15px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.2em; }
.terms-image { border: 1px solid #DF0D8C; margin-left: 2px; margin-top: -5px; width: 630px; height: 285px; }
.terms-content-header { display: block; font-weight: bold; padding-top: 20px; padding-bottom: 10px; color: #DF0D8C; }

/* Privacy Policy */
.privacy-container { width: 660px; margin-left: 15px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.2em; }
.privacy-image { border: 1px solid #DF0D8C; margin-left: 2px; margin-top: -5px; width: 630px; height: 285px; }
.privacy-content-header { display: block; font-weight: bold; padding-top: 20px; padding-bottom: 10px; color: #DF0D8C; }

/* Site Map */
.sitemap-container { width: 925px; margin-left: 25px; padding-bottom: 10px; padding-top: 20px; letter-spacing: 0.2em; }
.sitemap-image { border: 5px solid #DF0D8C; margin: 0px 0px 10px 10px; width: 300px; height: 250px; }
.sitemap-content-header { display: block; font-weight: bold; padding-top: 20px; padding-bottom: 10px; color: #DF0D8C; }
.sitemap-left { float: left; width: 360px;  }
.sitemap-right { float: left; width: 325px; }