@import url('core.css');



/********************************************
        COMMON STYLES
********************************************/

body {font:62.5%/1.8em Arial, sans-serif; background:url(../images/bg.jpg) no-repeat 50% 0 #b6cc2b; color:#000;}
h1 {font-size:20px;}
h2 {font-size:16px; padding-bottom:10px;}
p {font-size:12px;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline; color:#b6cc2b;}
li {font-size:12px;}

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

#container {margin:0 auto; width:960px;}
#header {height:110px;}
#content {}
#primary {float:right; width:470px; margin-top:100px;}
#secondary {float:left; width:466px; position:relative;}
#footer-wrap {background:url(../images/footer-bg.jpg) no-repeat; padding-top:100px;}
#footer {margin:0 auto; width:960px;}


/********************************************
        PAGE STYLES
********************************************/

/* HEADER ELEMENTS */
#logo {float:left; display:block; width:435px; height:126px; background:url(../images/logo.jpg) no-repeat; text-indent:-9999em;}
  
/* NAVIGATION */ 
#nav {width:430px; margin-top:80px;}
#nav li {float:left;}
#nav li a {display:block; width:100px; overflow:hidden; text-align:center; font-size:15px;}

body#home-page #nav li#nav-home a,
body#about_us-page #nav li#nav-about_us a,
body#services-page #nav li#nav-services a,
body#contact_us-page #nav li#nav-contact_us a,
#nav li a:hover {text-decoration:underline!important; color:#b6cc2b!important;}

/* CONTENT ELEMENTS */
#flash {height:471px; width:466px; position:absolute; left:-35px;}
#primary a {text-decoration:underline;}  
#primary a:hover {color:#fff; text-decoration:none;}


/* FOOTER ELEMENT */
#footer p {padding-bottom:10px;}
#footer a:hover {color:#fff;}
#contact_details {float:right; margin-right:30px;}
#contact_details li {padding-left:20px; font-size:11px;}
#contact_details li#phone {background:url(../images/telephone.gif) no-repeat 0 3px;}
#contact_details li#mobile {background:url(../images/mobile.gif) no-repeat 0 3px;}
#contact_details li#email {background:url(../images/email.gif) no-repeat 0 3px;}

#sitemap li {font-size:11px; padding-right:10px; background:url(../images/chevron.gif) no-repeat 3px 5px;}
#sitemap li a#sitemap-index {background:none;}
#sitemap li a {padding-left:20px;}



ul.gallery{margin:10px 0!important; width:100%; padding:0; list-style:none;}
ul.gallery li {float:left;	width:10px; padding:0; display: inline;	margin:5px 0;}
ul.gallery li img {width:89%; padding:5%;	background:#fff; margin:0 auto; display:block; -ms-interpolation-mode:bicubic;}

body#contact_us-page #primary {height:400px;}

/********************************************
        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;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

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



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