* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #806c6c;
  	background:#D0D0D0 ;/*#dcd5bc*/
    min-width: 900px;
}

.body {background-image:url(images/pattern-five.jpg); background-repeat:repeat;}
.body-other {background-image:url(images/about.jpg); background-repeat:repeat;}

a { color: #0000ff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
h2 { font-size: 18px; font-weight: normal; color: #3c2323; }
h2.heading { color:#cd0431; border-bottom:1px dashed #777; padding-bottom:0px;}
h3 { font-size: 14px; }

.shell { width: 900px; margin: 0 auto; }
.shell-other { width: 890px; margin: 0 auto; background-color:#dcd5bc; border:1px solid #bfb388; padding:15px; }
.shell-other1 { width: 890px; margin: 0 auto; background-color:#fff; border:1px solid #bfb388; padding:15px; }

.other-bg { width: 890px; margin: 0 auto; background-color:#dcd5bc; border:1px solid #bfb388; padding:15px; }

header { background: url(images/header.png) no-repeat center 0; height: 82px; }
header .shell { position: relative; z-index: 40;}
#logo { width: 450px; position: absolute; top: 12px; left: 0; font-size: 0; line-height: 0; padding-right:22.3%; border-radius:8px;}
#logo a { height: 59px; display: block; background:  url(images/logo1.png) no-repeat 0 0; text-indent: -4000px; }

/* contact */
.contact { float: right; padding-top: 20px; }
.contact p { padding-left: 24px; position: relative; font-size: 17px; color: #333; text-shadow: #fff 1px 1px 1px; }
.contact p a { color: #333; }
.contact p.phone-ico { padding-right: 27px; }
.contact p.ico span { background: url(images/ico.png) no-repeat 0 0; width: 16px; height: 15px; display: block; position: absolute; top: 2px; left: 0; }
.contact p.phone-ico span { background-position: 0 bottom; } 
/* end of contact */

/* navigation */
#navigation { background: url(images/navigation.png) repeat-x 0 0; height: 46px; line-height: 50px; font-size: 14px; position: relative; z-index: 20;}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; padding-right:90px; }
#navigation ul li.last { padding-right: 0; }
#navigation ul li a { color: #f7fbfc; position: relative; float: left; }
#navigation ul li a:hover { color: #1b1815; text-decoration: none; text-shadow: rgba(255,255,255,0.4) 1px 1px 1px; border-bottom: solid 4px #0033ff; }
#navigation ul li a span { background: url(images/bottom-arrow.png) no-repeat 0 0; position: absolute; bottom: -12px; left: 50%; margin-left: -9px;  width: 18px; height: 20px;  z-index: 10; display: none; }
#navigation ul li a:hover span,
#navigation ul li.active a span { display: block; }
#navigation ul li.active a{ color: #1b1815; text-decoration: none; text-shadow: rgba(255,255,255,0.4) 1px 1px 1px; border-bottom: solid 4px #0033ff; }
/* end of navigation */

/* slider */
.slider-holder { background: #003366 url(images/slider-holder.png) no-repeat center 0; height: 407px; position: relative; z-index: 5; margin-top: -4px; }
.slider-holder .shell { padding-top: 20px; position: relative; height: 390px; }
.slider-holder .shell span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0; width: 952px; height: 45px; position: absolute; bottom: 0; left: -30px; }
.flexslider { border: 1px solid #645c52; height: 344px; width: 887px; position: relative; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.flexslider ul.slides { list-style: none; list-style-position: outside;  position: relative; overflow: hidden; }
.flexslider ul.slides li { float: left; height: 344px; width: 887px; position: relative; }
.flexslider ul.slides li img { width: 887px; height: 344px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.flexslider ul.slides li .slide-cnt { padding: 24px 20px 22px 23px; position: absolute; top: 0px; right: 0; width: 205px; background: url(images/slide-cnt.png) repeat 0 0; min-height: 299px;
border-radius: 0px 5px 6px 0; -moz-border-radius: 0px 5px 6px 0; -webkit-border-radius: 0px 5px 6px 0; -o-border-radius: 0px 5px 6px 0; }
.flexslider ul.slides li .slide-cnt h2 {  color: #ccc8bd; font-size: 23px; line-height: 30px; padding-bottom: 20px; }
.flexslider ul.slides li .slide-cnt p { color: #ccc8bd; font-size: 13px; padding-bottom: 42px; }
.flexslider ul.slides li .slide-cnt p a { font-size: 11px; }
.flexslider ul.slides li .slide-cnt a.slider-btn { width: 205px; height: 35px; padding: 0 0 0 0; background: url(images/slider-btn.png) repeat-x 0 0; display: block; text-align: center; position: relative; line-height: 35px;
font-size: 18px; font-weight: bold; color: #000; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); 
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; text-shadow: rgba(255,255,255,0.1) 2px 2px 1px;}
.flexslider ul.slides li .slide-cnt a.slider-btn:hover { text-decoration: none; background-position: 0 bottom; }
/* end of slider */

/* services */
.services { background-color: #fff; padding-top: 26px; padding-bottom: 28px;  }
.services h2 { float: left; font-size: 22px; font-weight: normal; padding-bottom: 15px; padding-left: 3px; color: #3c2323; }

.services .box { float: left; background: #000 url(images/box.png) repeat-x 0 0; padding: 3px 3px 6px 3px;
 box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
 border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; margin:5px;}
.services .box img { width: 260px; height: 85px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.services .box h3 { text-align: center; font-size: 14px; }
.services .box h3 { color: #fff;  }
.services .box:hover { text-decoration: none; background-position: 0 bottom; background-color: #c91616;  }
/* end of services */

/* main */
.main { padding-top: 32px; padding-bottom: 28px; }
.main p { padding-bottom: 20px; }

.content { width: 595px; float: left; text-align:justify; color:#000; text-shadow:1px 1px #eee; }
.content h2 { padding-bottom: 10px; }

.content-full { width: 870px; float: left; text-align:justify; color:#000; text-shadow:1px 1px #eee; }
.content h2 { padding-bottom: 10px; }

aside { width: 225px; float: right; padding-top:10px; }
aside h2 { padding-bottom: 14px; }
aside .widget { padding-bottom: 28px; }
aside .widget h2{ text-shadow:1px 1px #eee;}

.content .products-list .img-holder {float:left; text-align:center; }
.content .products-list .img-holder img{ width:135px;  opacity:0.9; border:1px dashed #333;  margin:5px; padding:5px; border-radius:5px;}
.content .products-list .img-holder img:hover{ border:1px dashed #fff; opacity:0.7;}
.content .products-list .img-holder .link a{color:#0000ff; text-shadow:none;}
.content .products-list .img-holder .link a:hover {text-decoration:none; color:#bc1b00; text-shadow:none; }

aside .widget ul.products li{ margin-left:17px; margin-bottom:5px; border-bottom:1px solid #bab08c; padding-bottom:2px; }
aside .widget ul.products li a { color:#0000ff;}
aside .widget ul.products li a:hover{ color:#bc1b00; margin-left:1px; text-decoration:none;}

aside .img-holder {margin-right: 14px;  float: left; width: 59px; height: 59px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}

aside .img-holder:hover { border-color: #cc1515;   }
aside .img-holder img { width: 59px; height: 59px; display: block;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
/* end of main */

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -49px; }
#footer, #footer-push { height: 49px; }
#footer { background: url(images/footer.png) repeat-x 0 0; line-height: 45px; height: 49px; }
#footer .footer-nav { float: left; font-size: 10px; color: #5f5f5f; }
#footer .footer-nav a { color: #5f5f5f; margin-right: 29px; }
#footer .footer-nav a:hover,
#footer .footer-nav a.active { color: #0000ff; text-decoration: none;   opacity:0.9;  }
#footer p.copy { float: right; color: #5f5f5f; font-size: 11px; }
#footer p.copy a { color: #717171; text-decoration: underline; }
#footer p.copy a:hover { text-decoration: none; }

.enquiry { font-family:Verdana, Helvetica, sans-serif; position:fixed; right:0px; top:385px; margin:0; padding:0; z-index:20000; }
.enquiry ul li a{ background-image:url(../img/enquiry.png); background-repeat:no-repeat; padding:50px 17px;}
.enquiry ul li a:hover{ opacity:0.8;}
/* End Enquiry Button - Fixed ---------------------------------------------------------*/

/* Enquiry Form ---------------------------------------------------------*/
.enquiry-form {clear:both; margin-left:0px; font-family:"Helvetica LT Std Cond"; font-size:12pt; background-color:#CCCCCC/*#d2cbb2*/; padding:10px 15px; height:320px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px dashed #fff;}
.enquiry-form:hover {clear:both; margin-left:0px; font-family:"Helvetica LT Std Cond"; font-size:12pt; background-color:#d2cbb2; padding:10px 15px; height:320px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px dashed #fff;}
.enquiry-form li{ line-height:20px; list-style:none; }
.enquiry-form h2{ font-size:14pt; color:#006699; text-shadow:1px 1px #fff; margin-bottom:10px; line-height:30px; font-family:"Times New Roman", Times, serif; font-weight:normal; border-bottom:1px dotted #999;}
.enquiry-form input{color:#333; font-size:8pt; border:1px solid #999; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #bbb; padding:4px; 
width:185px; line-height:18px; margin-bottom:5px;}
.enquiry-form textarea{color:#333; font-size:8pt; border:1px solid #999; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #bbb; padding:4px; 
width:185px;}
.enquiry-form label {font-size:10pt; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#111; }
.enquiry-form span{color:#D20000; font-size:8pt; }
#formButtons {margin-left:0px; margin-top:10px;}
input.form_button {
cursor:pointer;
width:90px;
height:27px;
color:#fff;
text-shadow:1px 1px #222;
font-weight:bold;
background-color:#cccccc;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #fff;
margin-left:3px;
float:left;
background-image:url(../css/images/btn-bg1.jpg);
}
.form_button:hover{ color:#fff; text-shadow:1px 1px #222; background-image:url(../css/images/btn-bg2.jpg); }
#sendMessage {margin-left:0px;}
/* End Enquiry Form ---------------------------------------------------------*/

.applications li { float:left; list-style:none; }
.applications li:hover { opacity:0.7;}
.applications li img {height:110px; border:1px dashed #666; margin:5px; padding:5px; border-radius:5px; }

.divider { height:0px; border-top:1px dashed #bab08c; border-bottom:1px dashed #f1edde; margin:20px 0px; }
.divider1 { height:5px; clear:both;}

#gallery-images { float:left; text-align:center; min-height:200px; border:1px dotted #888;  margin:5px; padding:5px 5px 15px 5px; border-radius:5px;}
#gallery-images a{color:#333; text-shadow:1px 1px #fff; font-size:11px; text-decoration:none; }
#gallery-images a:hover{color:#aaa;}
#gallery-images img{ margin-bottom:10px; width:164px; height:140px;}
#gallery-images img:hover{opacity: 0.8; }

.products-block {margin-bottom:0px; background-color:#fff; border-radius:6px; border:1px solid #aaa; float:left; padding:20px 10px 20px 10px;}
h2.product-cat { color:#e00c0c; font-size:12pt; border-bottom:1px dashed #666; margin-bottom:20px; font-weight:bold;}

.address-info {
	float: left;
	background-color: #eee;
	border: 1px solid #e1e1e1;
	padding: 20px 20px 10px 20px;
	width: 90%;
	margin-top: 10px;
}
.address-info a {
	color:#003366;
}
.address-info a:hover {
	color: #454545;
}
.address-info h3{ color:#FF0000;}

.ser strong {color:#960324;}

.google-map {padding:5px; border:2px dashed #ddd; }

#gallery-video { float:left; text-align:center; min-height:200px; border:1px dotted #888;  margin:5px; padding:5px 5px 15px 5px; border-radius:5px;}
#gallery-video a{color:#333; text-shadow:1px 1px #fff; font-size:11px; text-decoration:none; }
#gallery-video a:hover{color:#aaa;}
#gallery-video img{ margin-bottom:10px; width:200px; height:140px;}
#gallery-video img:hover{opacity: 0.8; }


/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:64px;
    right:30px;
    display:none;
    text-indent:-9999px;
    background: url(images/icon-scrollup.png) no-repeat left top;
	z-index: 999;
}