@import url('core.css');



/********************************************
        PRIMARY STYLES
********************************************/

body {font:62.5%/1.8em Verdana, Arial, sans-serif; background:url(../images/core/body-bg.jpg) repeat-x 50% 0 #262320; color:#a0a298;} 
h1, h2, h3, h4 {font-weight:normal;}
h1 {font-size:20px; color:#cf7600; margin-bottom:20px;}
h2 {font-size:20px; color:#cf7600; margin-bottom:20px;}
h3 {font-size:14px; margin-bottom:20px;}
p {font-size:12px; padding-bottom:20px;}
a {color:#009999;}
a:hover {text-decoration:none;}

/* Containers */
#container {margin:0 auto; width:950px;}
#header {height:170px; background:url(../images/core/header-bg.gif) repeat-x; width:939px;}
#banner {height:340px; position:relative; overflow:hidden;}
#content {padding-top:25px}
#primary {width:690px; float:left; border-right:1px solid #43403b; padding:0 30px 20px 0; margin-bottom:40px;}
#secondary {width:180px; float:right;}
#footer_wrap {background:url(../images/core/footer-bg.png) repeat-x; height:161px;}
#footer {height:161px; margin:0 auto; width:950px; position:relative;}

.clear {clear: both;}
/* Header */
#logo {display:block; height:120px; width:143px; background:url(../images/core/vinsan_contracting-logo.gif) no-repeat; float:left; margin:39px 0 0 30px; text-indent:-9999em;}
  
  /* Navigation */
  #nav {float:right; width:575px; margin-top:95px;}
  #nav li {float:left; height:50px; margin-left:10px;}
  #nav li a {display:block; height:50px; text-indent:-9999em; background:url(../images/core/home-nav.gif) no-repeat;}
    #nav li a#nav-home {width:65px;}
    #nav li a#nav-profile {width:65px; background:url(../images/core/profile-nav.gif)}
    #nav li a#nav-demolition {width:98px; background:url(../images/core/demolition-nav.gif);}
    #nav li a#nav-salvage {width:67px; background:url(../images/core/salvage-nav.gif);}
    #nav li a#nav-truck_plant {width:209px; background:url(../images/core/truck_plant-nav.gif);}
    #nav li a#nav-contact {width:74px; background:url(../images/core/contact-nav.gif);}

    body#p-home #nav li a#nav-home,
    body#p-profile #nav li a#nav-profile,
    body#p-demolition #nav li a#nav-demolition,
    body#p-salvage #nav li a#nav-salvage,
    body#p-truck_plant #nav li a#nav-truck_plant,
    body#p-contact #nav li a#nav-contact,
    #nav li a:hover {background-position:0 -50px!important;}
    
/* Banner */
#banner ul {z-index:1; position:absolute; top:0;}
#slogan {position:absolute; width:845px; height:66px; margin-top:10px; background:url(../images/core/banner_title-bg.png) no-repeat; z-index:2; padding:7px 0 0 30px; font-size:20px; color:#ff8f31;}
#demo_salvage {font-size:28px; color:#fff; padding-top:10px;display:block; height:28px;}
  
#cta {height:117px; padding:10px 0;}
#cta li {float:left; width:280px; height:87px; padding:10px 20px 0 10px; border-right:1px solid #43403b; margin-right:16px; position:relative;}
#cta li a {position:absolute; display:block; width:300px; text-indent:-9999em; top:0; left:0; height:95px;}
#cta li a:hover {
  border:1px solid #43403b;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-box-shadow:3px 4px 10px #000;
  -moz-box-shadow:3px 4px 10px #000;
  }
  
#cta li img {float:left;}
#cta li p {padding-bottom:10px;}
#cta .small {font-size:16px; color:#cf7600; text-align:right; padding-top:10px;}
#cta .large {font-size:22px; color:#fff; text-align:right;}
#cta li.last {border:none; margin-right:0; padding-right:0;}

#cta li.last a {left:-6px!important;}

/* Content */
  
  /* Primary */ 
  #primary h2 {font-size:16px;}
  #primary ul {margin-left:30px; list-style:disc; font-size:12px; margin-bottom:20px;}
    #text {float:left; width:400px;}
    
    /* Gallery */
    #gallery {float:right; width:250px; list-style:none!important;}
    #gallery li {float:left; padding:10px; width:100px; height:100px; position:relative;}
    #gallery li img {
      position:absolute;
      border:1px solid #43403b;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      -webkit-box-shadow:3px 4px 10px #000;
      -moz-box-shadow:3px 4px 10px #000;
    }
    
    #gallery li img:hover {
       width:120px;
       height:120px;
       top:0px;
       left:0px;
    }
  
  /* Secondary */
  #secondary img {border:2px #b9bab6 solid;}
  
  #contact_info {font-size:12px; margin:20px 0;}
  #contact_info li {padding-bottom:10px; line-height:14px;}
  #contact_info #phone {background:url(../images/core/phone-chevron.gif) no-repeat; margin-top:20px; padding-left:20px;}
  #contact_info #fax {background:url(../images/core/fax-chevron.gif) no-repeat; padding-left:20px;}
  #contact_info #email {background:url(../images/core/email-chevron.gif) no-repeat; padding-left:20px;}
  
/* Contact */
body#p-contact #primary #text {width:250px;}

#enquiry_form {width:300px; float:left; clear:both;}
#enquiry_form ul {margin-left:0!important;}
#enquiry_form li {margin:0 0 20px 0!important; height:auto;
  border:5px solid #43403b;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background:#43403b;
  -webkit-box-shadow:3px 4px 10px #000;
  -moz-box-shadow:3px 4px 10px #000;
}

#contact_details {float:right; border:none; font-size:12px;}
#contact_details th {font-size:12px; text-align:left!important; padding-left:10px;}
#contact_details td {padding:5px 5px 5px 10px;}

#enquiry_form input {margin-left:10px; width:265px; border:1px solid #43403b; background:none; color:#cf7600; line-height:22px; font-size:14px;}
#enquiry_form input:focus {border:1px solid #cf7600;}

#enquiry_form #textarea {padding-top:5px;}
#enquiry_form textarea {margin-left:10px; width:265px; height:95px; border:1px solid #43403b; background:none; color:#cf7600; line-height:22px; font-size:14px; font-family:Verdana; resize: none; overflow: auto;}
#enquiry_form textarea:focus {border:1px solid #cf7600;}

#enquiry_form label.error {font-style:normal; margin-left:10px!important; color:#a0a298;}

#enquiry_form .button {background:none; border:none;}
#enquiry_form .button input {float:right; width:100px; padding:4px 0;
  border:5px solid #43403b;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#43403b;
  -webkit-box-shadow:3px 4px 10px #000;
  -moz-box-shadow:3px 4px 10px #000;
  cursor:pointer;
  }
  
#enquiry_form .button input:hover {background:#a0a298; border:5px solid #a0a298; color:#43403b;}  
  



/*------*/

#get_quote_form {width:690px; float:left; clear:both;}
#get_quote_form ul {margin-left:0!important; width: 690px;}
#get_quote_form li {margin:0 10px 20px 0!important; height:auto;
  border:5px solid #43403b;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background:#43403b;
  -webkit-box-shadow:3px 4px 10px #000;
  -moz-box-shadow:3px 4px 10px #000;
  width: 670px;
}

.width200 {width: 200px!important;}
.width300 {width: 300px!important;}
.width400 {width: 400px!important;}
.none {border: none!important; background: none!important; -webkit-box-shadow:none!important; margin: 0px!important;}
#get_quote_form input {margin-left:10px; width:90%; border:1px solid #43403b; background:none; color:#cf7600; line-height:22px; font-size:14px;}
#get_quote_form input:focus {border:1px solid #cf7600;}
#get_quote_form ul li label#small_label1, 
#get_quote_form ul li label#small_label2,
#get_quote_form ul li label#small_label3,
#get_quote_form ul li label#small_label4,
#get_quote_form ul li label#small_label5,
#get_quote_form ul li label#small_label6
{width: 100%!important; font-size: 14px; color:#cf7600; padding: 0 0 0 12px!important; }
.select {margin: 4px 0 4px 12px!important; display: block; }

#get_quote_form #textarea {padding-top:5px;}
#get_quote_form textarea {margin-left:10px; width:80%; height:95px; border:1px solid #43403b; background:none; color:#cf7600; line-height:22px; font-size:14px; font-family:Verdana; resize: none; overflow: auto;}
#get_quote_form textarea:focus {border:1px solid #cf7600;}

#get_quote_form label.error {font-style:normal; margin-left:10px!important; color:#a0a298;}

#get_quote_form .button {background:none; border:none;}
#get_quote_form .button input {float:right; width:100px; padding:4px 0;
  border:5px solid #43403b;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#43403b;
  -webkit-box-shadow:3px 4px 10px #000;
  -moz-box-shadow:3px 4px 10px #000;
  cursor:pointer;
	margin-right: -10px;
  }
  
#get_quote_form .button input:hover {background:#a0a298; border:5px solid #a0a298; color:#43403b;}  
#get_quote_form .upload {width:60%}
.baseform label.upload_label {width:100px; color:#cf7600; font-family:Verdana; font-size:14px; margin-left:12px; margin-top:2px}


/*--*/


.googlemap {
  width:350px; height:350px; float:right;
  border:10px solid #43403b;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow:3px 4px 10px #000;
  -moz-box-shadow:3px 4px 10px #000;  
  }
  
/* Footer */
#earth_logo {position:absolute; top:-40px; left:-14px; border:none;}
#footer p {float:left; text-align:center; width:950px; margin-top:10px; color:#66655d;}
#sitemap {width:950px; text-align:center; padding-top:31px;}
#sitemap li {display:inline; padding:0 5px; color:#86877e; font-size:12px;}
#sitemap li a {color:#86877e; text-decoration:none;}
body#p-home #sitemap li a#sitemap-home,
body#p-profile #sitemap li a#sitemap-profile,
body#p-demolition #sitemap li a#sitemap-demolition,
body#p-salvage #sitemap li a#sitemap-salvage,
body#p-truck_plant #sitemap li a#sitemap-truck_plant,
body#p-contact #sitemap li a#sitemap-contact,
#sitemap li a:hover {color:#009999;}

#webfirm {position:absolute; right:0; top:31px; display:block;}

/********************************************
        LISTING STYLES
********************************************/
.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}

/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}