/*----------------------------+
 | Site: BVK Mechanical		    |
 +----------------------------*/

 
@import url("reset.css");





/* Core layout 
======================================================================*/
body {background:#1f231f url(../images/core/bg.jpg) no-repeat center top; font-family:Verdana, Arial; font-size:11px; color:#ccc;}
#container {margin:0 auto; width:900px;}
  #logo-banner {width:900px; height:90px; margin:0 0 0 0; padding:0 0 0 45px;}
  #navigation {width:807px; height:31px; padding:0 0 0 45px;}
  
  #content-container {width:900px; margin:0 auto; background:#1f231f url(../images/core/content-bg.gif) no-repeat center top; padding:13px 0 0 0; }
    #flash {width:875px; height:250px; margin:0 auto; overflow:hidden; }
    #content-left {width:620px; float:left; padding:13px 13px 0 13px; display:block;}
    #content-right {width:235px; float:left; padding:60px 0 0 0;  display:block;}
      #content-right img {padding:10px 0 0 0;}
    
      #footer {background: url(../images/core/footer-bg.gif) no-repeat 0 0; width:620px; height:34px; float:left; display:block; margin-top:10px;}




/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 807px; height:31px; display: inline-block; clear: both;}
ul.nav li {float:left; height:31px; overflow:hidden;}
ul.nav li a {display:block; height:31px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -31px!important;}

ul.nav li#home        a {background: url(../images/nav/home.gif) no-repeat 0 0; width: 65px;} 
ul.nav li#about       a {background: url(../images/nav/about.gif) no-repeat 0 0; width: 94px;} 
ul.nav li#services    a {background: url(../images/nav/servicing.gif) no-repeat 0 0; width: 98px;} 
ul.nav li#parts       a {background: url(../images/nav/carparts.gif) no-repeat 0 0;width: 101px;} 
ul.nav li#aircon      a {background: url(../images/nav/airconditioning.gif) no-repeat 0 0;width: 159px;} 
ul.nav li#mechanical  a {background: url(../images/nav/mechanical.gif) no-repeat 0 0;width: 180px;} 
ul.nav li#contact     a {background: url(../images/nav/contact.gif) no-repeat 0 0;width: 109px;} 

.p-home       ul.nav li#home        a {background: url(../images/nav/home.gif) no-repeat 0 0; background-position:0 -31px!important; width: 65px;} 
.p-about      ul.nav li#about       a {background: url(../images/nav/about.gif) no-repeat 0 0; background-position:0 -31px!important; width: 94px;} 
.p-services   ul.nav li#services    a {background: url(../images/nav/servicing.gif) no-repeat 0 0; background-position:0 -31px!important; width: 98px;} 
.p-parts      ul.nav li#parts       a {background: url(../images/nav/carparts.gif) no-repeat 0 0; background-position:0 -31px!important; width: 101px;} 
.p-aircon     ul.nav li#aircon      a {background: url(../images/nav/airconditioning.gif) no-repeat 0 0; background-position:0 -31px!important; width: 159px;} 
.p-mechanical ul.nav li#mechanical  a {background: url(../images/nav/mechanical.gif) no-repeat 0 0; background-position:0 -31px!important; width: 180px;} 
.p-contact    ul.nav li#contact     a {background: url(../images/nav/contact.gif) no-repeat 0 0; background-position:0 -31px!important; width: 109px;} 

#footer a {color:#ccc;}
#footer a:hover {color:#fff;}

a {color:#12ff00; text-decoration:none;}
a:hover {text-decoration:underline;}





 /* Font Style
======================================================================*/
h1 {margin:10px 0 15px 0;}
.p-home       h1 {background: url(../images/core/h1-home.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-about      h1 {background: url(../images/core/h1-about.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-services   h1 {background: url(../images/core/h1-servicing.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-parts      h1 {background: url(../images/core/h1-parts.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-aircon     h1 {background: url(../images/core/h1-aircon.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-mechanical h1 {background: url(../images/core/h1-mechanical.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-contact    h1 {background: url(../images/core/h1-contact.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}
.p-thank-you  h1 {background: url(../images/core/h1-thankyou.gif) repeat 0 0; width:436px; height:34px; text-indent:-9999px;}

h2 {font:18px Arial, Verdana; color:#4ad640; padding:0 0 15px 0;}
h3 {font:16px Arial, Verdana; color:#8ba786; padding:0 0 10px 0;}
h4 {font:12px Verdana, Arial; color:#7fcb7f; padding:0 0 10px 0;}
h5 {font:12px Verdana, Arial; color:#fff; padding:0 0 5px 0;}

p {line-height:18px; padding:0 0 15px; color:#ccc;}
  
#footer p {font-size:9px; padding:9px 0 0 14px;}





/* Extras 
======================================================================*/
.logo {float:left; padding:6px 0 0 0;}
.wf-logo {float:right; padding:15px 15px 0 0;}
ul.header-contact {float:right; width:430px; height:90px; overflow:hidden; color:#fff; line-height:18px; color:#fff;}
ul.header-contact li {float:left; width:190px; text-align:right; padding:20px 10px 10px 10px;}
ul.header-contact li.email {float:left; width:180px; padding:10px; text-align:left;}

#contact-details {float:right; width:290px; padding:0 0 0 0; }

ul.gallery {padding:0 0 15px 0;}
ul.gallery li {float:left; padding:5px; height:110px; width:110px;}
ul.gallery li img {border:5px solid #666;}

ul.textlist { line-height:14px;}
table td { height:14px; width:260px;}
table.aboutus td {height:60px; text-align:center; vertical-align:middle; padding-bottom:15px;}
.right{float:right;}
.airconimage {padding-right:30px;}
ul.frontpage li { background:url(../images/bulltet.gif) no-repeat; padding-left:12px;}
ul.frontpage {margin-left:10px; margin-bottom:15px;}
.about {width:480px; margin:0 auto;}

 /* Form Style
======================================================================*/