/* CSS Document */

body {
   margin: 0 0;
   padding: 0 0;
   background: url(../images/bg.jpg) left top repeat-x #FFFFFF;
   }

#main {
   width: 1000px;
   padding: 0px;
   margin: 0px auto;
   }
   
.logo {
	width: 600px;
	margin: 20px 0px;
	padding: 0px;
	float: left;
	}
	
.top {
	width: 1000px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	

.call {
	width: 300px;
	background: url(../images/bg.png) center top no-repeat;
	margin: 5px 0 0 100px;
	padding: 15px 0px 30px 0px;
	float: left;
	font-family: Verdana;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	}
	
.nav_but {
   z-index: 1000;
   width: 990px;
   padding: 0px;
   margin: 0 5px;
   float: left;
   position: absolute;
   }

#nav {
    float: left;
   	font: bold 12px Arial, Helvetica, Sans-serif;
	color: #000000;
	border: 1px solid #AFAFAF;
	border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   }

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#nav ul li { float:left; }

#nav ul li a {
   	float: left;
	font: 12px Arial, Helvetica, Sans-serif;
	color: #000000;
	padding: 10px 27px;
	text-decoration: none;
	text-align: left;
	}

#nav ul li a:hover,
#nav ul li:hover > a {
    	background-color: #dc1414;
        color: #FFFFFF;
		}

#nav li ul a:hover, 
#nav ul li li:hover > a  {
    background-color: #fff;
    border: 1px solid #af0505;
    color: #dc1414;
	}



#nav li ul {
    	left: -900em;
    	margin: 35px 0 0 0;
    	position: absolute;
    	width: 150px;
		}

#nav li:hover ul { left: auto; }

#nav li ul a {
    	border: 1px solid #af0505;
		border-top: none;
        background-color: #dc1414;
		color: #FFFFFF;
    	width: 150px;
		margin: 0px;
		padding: 10px;
		}

#nav li li ul {
    	margin: 3px 0 0 215px;
    	visibility: hidden;
		}

#nav li li:hover ul { visibility:visible; }

#nav ul ul li:last-child > a { padding: none; }

#nav ul ul ul li:first-child > a { padding: none; }


.banner {
    width: 100%;
	padding: 0;
	margin: 40px 0 0 0;
	float: left;
	}
	
.banner img {
	width : 100%;
	height : auto;
	margin : 0;
	padding : 0;
	}
	
#sliderFrame {
    width: 100%;
    margin: 0; 
    padding: 0;
	float: left;
    }
     
        
#slider {
    float: left;
    width: 100%;
	height: 420px;
	position: relative;
	margin: 0;
	padding: 0;
}

#slider img {
	position: absolute;
	border: none;
	visibility: hidden;
}

.space {
	width: 37px;
	padding: 0px;
	margin: 0px;
	float: left;
	}

.block {
   width: 1000px;
   padding: 0px;
   margin: 0px;
   float: left;
   }
   
.overview {
	width: 325px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.overviewtext {
	width: 275px;
	padding: 25px;
	margin: 0px;
	float: left;
	}
	
.vission {
	width: 300px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.vissiontext {
	width: 250px;
	padding: 25px;
	margin: 0px;
	float: left;
	}
	
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	}
	
.more {
    width: 250px;
	padding: 0px;
	margin: 10px 0 0 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	}
	
#more a {
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   text-align: left;
	   color: #000000;
	   text-decoration: none;
	  }
	  
#more a:hover,#more a.active { color: #dc1414; }

fieldset {
	margin: 0px;
	padding: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	border-color: #de1616;
	}

legend { 
	color: #de1616;
	font-family: "Century Gothic";
	font-size: 16px;
	font-weight: bold;
	}
	
	
	  
#container { 
    width: 920px; 
    margin: 5px; 
	background: #FFFFFF; 
	padding:10px;
	float: left;
	}

#gallery_container {  
   width: 910px; 
   height: 150px; 
   margin: 0px; 
   background: #FFFFFF;
   padding: 5px 0 5px 0; 
   display :block;
   position: relative; 
   }
   

   
#thumb_container{ 
   position: relative; 
   overflow: hidden; 
   width: 900px; 
   height: 150px; 
   margin: 5px auto;
    padding: 5px 0 5px 0;  
   }

#thumbs { 
   white-space: nowrap; 
   display: block; 
   position: relative; 
   }

#thumbs a { padding: 4px; margin: 0px; }
#thumbs a img{ border: none; }



.addfwd { 
    display: block; 
	position: absolute; 
	cursor: pointer; 
	width: 25px; 
	height: 25px; 
	top: 65px; right: 9px; 
	background: url(../images/fwd.png)  no-repeat; 
	}
	
.addbkwd { 
    display: block; 
	position: absolute; 
	cursor: pointer; 
	width: 25px; 
	height: 25px; 
	top: 65px; left: 12px; 
	background: url(../images/Back.png) no-repeat;
	 }
	
	

	  
#readmore a {
      display: block; 
	  float: left;
	  color: #000000;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: left;
	  text-decoration: none;
	  }
	  
#readmore a:hover,#readmore a.active { color: #de1616; }

.clients {
	width: 663px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.contact {
	width: 300px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.clientspic {
	width: 600px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
.footer {
    width: 100%;
	padding: 25px 0;
	margin: 0;
	float: left;
	background: url(../images/footer.jpg) left top repeat-x #dc1414;
	}
	
.menubox {
     padding: 0px;
	 width: 300px;
	 margin: 0px;
	 float: left;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 text-align: left;
	 color: #FFFFFF;
	 }
	 
#footerlink a {
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 12px;
	   text-align: left;
	   color: #FFFFFF;
	   text-decoration: none;
	  }
	  
#footerlink a:hover,#footerlink a.active { color: #FAFA00; }

.bottom {
    width: 100%;
	padding: 25px 0;
	margin: 0;
	float: left;
	background: url(../images/bottom.jpg) left top repeat-x #be0505;
	}
	
.copy {
     width: 1000px;
	 margin: 25px 0 25px 0;
	 padding: 0px;
	 float: left;
	 }
	 
.copyright {
    width: 300px;
	padding: 0px;
	margin: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	}
	
.follow {
    width: 120px;
	padding: 0px 90px;
	margin: 0px 50px;
	float: left;
	}
	
.design {
    width: 300px;
	padding: 0px;
	margin: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #FFFFFF;
	}
	
.icons {
      width: 25px;
	  margin: 0px;
	  padding: 0px;
	  float: left;
	  }
	  
.followtext {
      width: 65px;
	  padding: 3px 0 0 5px;
	  margin: 0px;
	  float: left;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  text-align: justify;
	  color: #FFFFFF;
	  }
	  
.left {
		width: 663px;
		padding: 0px;
		margin: 0px;
		float: left;
		}
		
.right {
		width: 300px;
		padding: 0px;
		margin: 0px;
		float: left;
		}
	  
.heading {
   width: 1000px;
   margin: 0px  0px 15px 0px;
   padding: 0 0 7px 0;
   float: left;
   border-bottom: 1px solid #7d7d7d;
   font-family: "Trebuchet MS";
   font-size: 25px;
   text-align: left;
   color: #ff0000;
   }
   
.textabout {
	font-family: Verdana;
	font-size: 14px;
	color: #000000;
	text-align: justify;
	}
	
#slidera {
     float: left;
    width: 300px;
	height: 175px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#slidera img {
	position: absolute;
	border: none;
	visibility: hidden;
}

#sliderb {
     float: left;
    width: 225px;
	height: 285px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

#sliderb img {
	position: absolute;
	border: none;
	visibility: hidden;
}