@charset "utf-8";
@import "reset.css";
@import "general.css";
@import "grid.css";
@import "fonts.css";

@import url(http://fonts.googleapis.com/css?family=Roboto);

html, body{ height:auto;background:#FBFFCC; overflow-x: hidden;}



/* Top Section Css */
*{font-family: 'Roboto', sans-serif;; }
a:hover{ text-decoration: none;}
a{ color:#2c1202;}
	
h1, h2, h3, h4, h5, h6 a{ color:#5C4923; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:bold; }
.content p {  font-size:14px; color:#333; margin-left:2%; }
p {  font-size:18px; color:#333; font-family: 'Roboto', sans-serif; }

.container h1, .service-image{ margin-top:35%;}
.service-image{ -webkit-transition-duration:0.5s; }
.service-image h3{font-size: 14px; text-align: center; background: #CDBB58; color:black; padding: 10px;}
.service-image:hover {font-size: 14px; text-align: center; background: #CDBB58; color:#fff; padding: 10px; -webkit-transition-duration:0.5s;}

.wrap{ 	} 
.logo{ z-index:999; position:absolute; position:fixed; left:10px; margin:2px auto; width:120px;}
.logo img{ width:100%;}

.logo a:hover{opacity:1;}

.page_title{ background:#fbb74a; height:100px; }
.page_title h3{ top:150px; text-align:right; padding-top:50px; padding-right:2%;}


.topline{background: url(../images/greyline.png) repeat;  top:0px;  z-index:997; position: absolute; width:100%; height:42px;  position:fixed;}

/*---------- Navigation ---------*/


.nav{ text-transform:uppercase; font-size:12px; text-align:center;  top:0px; font-weight:400; z-index:999; float:right; position:absolute ; right:0px; position:fixed;}
.nav ul li{ float:left; display:block; width:110px; }
.nav ul li a{ display:block;  color:white; line-height: 42px; font-family: 'Roboto', sans-serif; }
.nav ul li a:hover{ background: url(../images/greyline.png); color:#ffcd02 }
.nav ul li ul { display:none; position:absolute; margin-top:0px;  border-width:0px 1px 0px 1px;}
.nav ul li ul li  { float:none;position:relative; border-bottom:1px solid #ffcd02; width:200px; text-align:left;  background: url(../images/greyline.png); }
.nav ul li ul li a{    line-height: 40px; padding-left:10px;}
.nav ul li ul li ul{  display:none;margin-top:-40px; position:absolute; margin-left:110px;}


/*---------- SLIDER ---------*/


.slider{ margin-top:-20px; z-index:-99; width:105%;}
.divider{background:#FFF repeat; display:block; bottom:0px;  z-index:0;  width:100%; height:400px;  border-top:0px solid;}

	
/*---------- Bottom ---------*/
					
.bottomline{background: url(../images/bottom-bg.jpg) repeat-y center #C49A4F; color:#5C4923; bottom:0px;  z-index:999; position: absolute; width:100%; height:43px;  position:fixed; border-top:0px solid;}
.bottomline img{  float:right;}
					
/*---------- Content ---------*/

.products{ position:relative;}
					
.content{ padding:15px; background:#FFF; z-index:99}
.content-img{ float:left; padding:5px;}

.shortcut_button_work{ position:absolute; z-index:99; bottom:43px; width:100%; background: url(../images/bottom-bg.jpg) repeat-y center #C49A4F;}
.shortcut_button_work ul { margin:10px 0;}
.shortcut_button_work ul li { float:left; ; text-align: center; width:33.333334%; height:213px;  position:relative; margin-bottom:0px; }
.shortcut_button_work ul li img{ width:100%; margin:auto; opacity:1; z-index:-99;   height:213px; }
.shortcut_button_work ul li a span{ z-index:-99;font-family: 'Roboto', sans-serif;; color:white;  width:100%; height:60px; font-size:1em; text-transform:uppercase;text-align:center;  color: #FFFFFF;   position: absolute; left:0; bottom:0px;  background: #5D4723;    }
.shortcut_button_work ul li a span h3, .shortcut_button_work ul li a span p{ color:white; font-family: 'Roboto', sans-serif;; font-size:20px;padding:9px 10px 10px; text-align:center; }
.shortcut_button_work ul li a span p{ line-height:20px; font-family: 'calibri', sans-serif; text-transform:none; font-size:18px;}

.shortcut_button{ z-index:99; width:100%; background: url(../images/bottom-bg.jpg) repeat-y center #C49A4F;}
.shortcut_button ul { margin:10px 0;}
.shortcut_button ul li { float:left; ; text-align: center; width:33.333334%; height:213px;  position:relative; margin-bottom:0px; }
.shortcut_button ul li img{ width:100%; margin:auto; opacity:1; z-index:-99;   height:213px; }
.shortcut_button ul li a span{ z-index:-99;font-family: 'Roboto', sans-serif;; color:white;  width:100%; height:60px; font-size:1em; text-transform:uppercase;text-align:center;  color: #FFFFFF;   position: absolute; left:0; bottom:0px;  background: #5D4723;    }
.shortcut_button ul li a span h3, .shortcut_button_work ul li a span p{ color:white; font-family: 'Roboto', sans-serif;; font-size:20px;padding:17px 10px 0px; text-align:center; }
.shortcut_button ul li a span p{ line-height:20px; font-family: 'calibri', sans-serif; text-transform:none; font-size:18px;}

.shadow{background: width:100%; height:20px;}

.readmore {color:#942094; text-align:right; margin-top:-25px; font-weight:bold; font-size:16px; position: relative; padding:0 0 25px 0; }				
.readmore a{color:#942094;}

.product { width:85%; margin:auto;}
.product ul{}
.product ul li{ float:left; margin-right:3%; margin-bottom:20px; }
.product ul li img{  border-radius:10px; border-width:2px 6px 6px 2px; border-style: solid; border-color:#2c1202 ; width:224px; height:143px;}
.product ul li p{ text-align:center; font-size:18px; padding:1%; margin-left:0px;}

#foo4  { }
#foo4 li { width:200px; margin-left:2%;} 
#foo4 li img{  border-radius:10px; border-width:2px 6px 6px 2px; border-style: solid; border-color:#2c1202}
#foo4 li p{ text-align:center; font-size:40%; padding-top:10px;}

.product_line img { width:100%;}
.product_line h1{ float:right; margin-right:1%; margin-top:-6%; font-size:180%;}
/*---------- Back to Top ---------*/

.back_to_top{ position:absolute; right:10px; bottom:55px; position:fixed;}

@media screen and (min-width: 50px) and (max-width: 800px) {
	.nav ul li{ float: none; background: url(../images/greyline.png) repeat; width:200px;}
	.nav ul li ul {position: relative;}
	.nav ul li ul li{}
	
	.service-image{ margin:20px 0 60px;}
	.bottomline p{ font-size:16px !important; line-height:17px !important;}

	   
}


/*---------- Footer ---------*/


.footer_box{ width:308px; background: url(../images/footerbox.png) repeat-x bottom; height:240px; float:left; margin-left:10px; }


.bottom_line{  background:black; text-align:center;   font-size:100%; min-height:40px; height:auto;  z-index:7;width:100%; overflow:auto;}
.bottom_line ul {background:#2c1202; max-width:960px; margin:auto; }
.bottom_line ul li{color:#f5be66; float: left; padding:1.5%; background:#2c1202; margin:auto; max-width:500px;  }
.bottom_line ul li a{font-weight:bold; color:white;}

#dvLoading {
background-color:#FBFFCC; 
background:url(http://loadinggif.com/images/image-selection/36.gif) no-repeat center center #fff;
height: 100%;
width: 100%;
position: fixed;
left: 0%;
top: 0%;
z-index: 1000;
}

#dvLoading img{width:16%; margin: 8% 42%;}