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

@import url("resets.css"); /*Don't make any changes on this file*/
@import url("defaults.css"); /*Please make the necessary changes on this file*/

/* Overall Structure
-------------------------------------------------------------------------------- */
.container { width:1053px; margin:0 auto; }
body { background-color: #ebf4fc; }

/* Header
-------------------------------------------------------------------------------- */
#header { height:132px; }
#header a { display: inline-block; padding: 25px 0 0 0;  }
#header a.bellarine { padding: 0 60px 0 0;  }
#header a.earlogic {  }

/* Main Menu
-------------------------------------------------------------------------------- */
#main-menu-container { background:url(../images/menu-bg.png) repeat-x; height: 53px; position:relative; z-index: 100; }
#main-menu { height: 45px; width: 750px; background:url(../images/menu-left-bg-list.png) left repeat-y; padding-left: 2px; }

/* Banner
-------------------------------------------------------------------------------- */
#banner { background:url(../images/home-bannger-bg.png) no-repeat; width: 706px; height: 473px; margin: 10px 0 20px 15px; position: relative;}
#banner .top { background:url(../images/home-banner-side-top-bg.png) no-repeat;  width: 85px; height: 80px; position: absolute; top: -8px; left: -8px; }
#banner .mid { padding: 14px 0 0 16px; }
#banner .bot { background:url(../images/home-banner-side-bottom-bg.png) no-repeat; width: 85px; height: 80px; position: absolute; bottom: -8px; right: -8px; }

/* Footer
-------------------------------------------------------------------------------- */
#footer { padding: 8px 0 0 0;}

.footer-container { background: url(../images/footer-bg.png) no-repeat; height: 125px;  }
.foot-bellarine { width: 353px; padding: 27px 0 0 25px; }
.foot-bellarine p { color: #683a8f; font-size: 13px; line-height: 18px; padding: 0 0 0 24px; float:left; font-weight: normal; }
.foot-bellarine p a { font-style: italic; color: #683a8f; text-decoration: none; }
.foot-bellarine p span { font-weight: bold; }
.foot-earlogic { width: 390px;  padding: 27px 0 0 10px; }
.foot-earlogic p { float: left; color: #004990; font-size: 13px; line-height: 18px; padding: 0 0 0 25px; margin-top: -9px;  }
.foot-earlogic p a { color: #004990; text-decoration: none; font-style: italic; }
.foot-earlogic p span { font-weight: bold; }
.foot-free-services { width: 250px; padding: 18px 0 0 17px; }

/* Display-area
-------------------------------------------------------------------------------- */
#display-content-area .container { position:relative; }
#display-content-area .side-area-bg { background:url(../images/side-area-bg.png) no-repeat; position: absolute; width: 317px; height: 665px; top: -195px; right:0; z-index: 10; }
.side-content { position: absolute; right: 0;top: -195px; z-index: 100; width:278px; padding: 0 22px 0 0;   }
.side-desc p { color: #623d81; font-size: 13px; line-height: 19px; padding: 10px 0 15px 0; }
.side-desc { padding: 0 5px 0 21px; }
.learn_more { text-align: center; }
.side-contact { padding: 10px 0 0 0; }

/* Sidebar
---------------------------------------- */
.sidebar { width:240px; }

/* Content 
---------------------------------------- */
.inner-content-container { width: 725px; }
.content-top { background: url(../images/content-top-bg.png) no-repeat 10px 3px; width: 720px; height: 10px;  }
.content-mid { min-height: 550px; height: auto !important; height: 550px; background:url(../images/content-bot-bg.png) no-repeat 10px bottom; padding: 12px 50px 30px; width: 630px;  }
.content-mid  h1 { font-weight: normal; background:url(../images/header-bot-bg.gif) repeat-x bottom; margin-bottom: 20px; }
.content-mid h5 { padding-left: 153px; }
.content-mid a { font-weight: bold; color: #623d81; text-decoration: none; }
.staff-cont .staff-img { background:url(../images/about-us-img-bg.png) no-repeat; height: 162px; width: 113px; padding: 10px 29px 0 12px; float:left;  }
.staff-cont { padding: 10px 0; }
.staff-cont .staff-description { width: 473px; float: left;  }
.content-mid li { list-style-type: disc; color: #623d81; font-size: 14px; }
.content-mid ul { padding: 0 0 0 14px; }

/* hearing css */
.hearing-cont { background: url("../images/header-bot-bg-opacity.jpg") repeat-x scroll center bottom transparent; padding: 12px 0; }
.hearing-cont.last { background: none; }
.hearing-cont .hearing-content { width: 300px; padding: 0 0 0 55px; }
.brands-logo td { text-align: center; }

.content-mid .img-style { float: right; border: 6px solid #ffffff; margin: 0 0 25px 25px; -moz-box-shadow: 0 2px 5px #9f9e9e; -webkit-box-shadow: 0 2px 5px #9f9e9e; box-shadow: 0 2px 5px #9f9e9e; clear: both; }
.contact-cont p { padding: 0; }
.contact-cont h2 { padding: 0; }
.hearing-img { width: 240px; text-align: right; }

/* Contact Us */
.contact-container { padding: 0 0 35px; }
.contact-container .text{ width: 230px; padding: 25px 0 0 0; }
.contact-container .text h4, .contact-container .text p, .contact-container .text h5, { padding: 0; }
.contact-container .text h5 span { font-weight: normal; }
.contact-container .text h5{ padding: 5px 0; font-weight: bold; }
.content-mid .webform label{ font-size: 14px; color: #623D81; font-weight: bold;  }
.content-mid .webform td { padding: 10px 20px; }
.content-mid .webform td .cat_textbox { width: 300px; color: #623D81;  }
.content-mid .webform td .cat_listbox { width: 300px; color: #623D81; }
.useful-links h3 { padding: 0 0 3px; }
.useful-links h3 a { color: #004990; }
.useful-links h3 a:hover { color: #7fbfe9; }
.error_validation p {  }
.error_validation ul {  }
.error_validation li {  }