/*  

Theme Name: ECI

Theme URI: http://wordpress.org/

Description: Wordpress theme with menu, slider, news and bottom. 

Author: Sharjeel Alam

Author URI: http://www.spellwebdesign.com/



Sharjeel Alam

	sharjeel_devep@spellwebdesign.com



	This theme was designed and built by Spellwebdesign.com



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/



body{

	margin: 0;

	padding: 0;

	background: url(images/bg.jpg) center top no-repeat #000;

	font: normal 13px/18px Arial;

	color: #fff;

}



img{border: 0;}

.clear{clear: both;}

.left{float: left;}

.right{float: right;}

.no-bg{background: none !important;}

h1, h2, h3, h4, p, ul, form {margin: 0; padding: 0; list-style: none;}

a{text-decoration: none; outline: none; color: #9a0000;}

a:hover{text-decoration: underline;}



p{

	color: #d0d0d0;

	margin-bottom: 16px;

}



.wrapper{

	margin: auto;

	width: 1005px;

}



#logo{

 float: left;

 margin-top: 5px;

}



#social{

	float: right;

	width: 147px;

	height: 29px;

	padding: 7px 0 0 30px;

	margin-right: 10px;

	background: url(images/social-bg.png) left top no-repeat;

}

#social ul {

	display: inline;

    float: left;

    margin-left: 16px;

	}

	#social ul li{

		float: left;

		margin-left: 10px;

	}

	

#top-cont{

	float: right;

	clear: right;

	margin-top: 30px;

}

   #top-cont li{

	   float: left;

   } 

	   #num{

		   font: normal 25px Impact;

		   background: url(images/no.png) left 4px no-repeat;

		   padding: 0 20px 0 22px;

	   }

	   #mail{

		   font: bold 18px arial;

		   background: url(images/mail.png) left 7px no-repeat;

		   padding: 4px 0 0 33px;

	   }

	   	#mail a{

			color: #fff;

		}

 

#main-cont{

	float: left;

	width: 1005px;

	margin: 60px 0 30px 0;

}

   #sidebar{

	   float: left;

	   width: 335px;

   }

    #sidebar h2{

		float: left;

		width: 334px;

		height: 46px;

		font: normal 23px Impact;

		background: url(images/sidebar-top.png) left top no-repeat;

		padding: 22px 0 0 10px;

	}

	#sidebar-in{

		float: left;

		background: url(images/cont-back-shad.png);

		width: 294px;

		padding: 10px 20px 0;

		margin-bottom: 5px;

	}

	  #sidebar h3{

		  font: bold 15px arial;

		  color: #f90019;

	  }

	   #special{

		   float: left;

		   width: 294px;

		   margin-bottom: 20px;

	   }

	   	#special li:first-child{

			background: none;

			padding-left: 0;

		}

	     #special li{

			 background: url(images/bullet.jpg) left 8px no-repeat;

			 padding: 0 0 6px 12px;

		 }

 	

#right-cont{

	float: right;

	width: 635px;

	background: url(images/circles.png) left -48px no-repeat;

 }

   #nav{

	   float: right;

	   width: 580px;

	   height: 150px;

	   background: url(images/nav-bg.png) left top no-repeat;

	   padding: 10px 15px;

	   margin-bottom: 15px;

   }

	 #nav li{

		 float: left;

		 margin-right: 25px;

		 font: normal 11px verdana;

	 }

		 #nav li a{

			 color: #717171;

		 }

		 #nav li a:hover{

			 color: #fff;

		 }

		 #nav li:last-child{

			 margin-right: 0;

		 }

		 #home{

			 background: url(images/home.jpg) left top no-repeat;

			 width: 36px;

		 }

		 #about{

			 background: url(images/about-us.jpg) left top no-repeat;

			 width: 53px;

		 }

		 #service{

			 background: url(images/service.jpg) left top no-repeat;

			 width: 48px;

		 }

		 #media{

			 background: url(images/media.jpg) left top no-repeat;

			 width: 40px;

			 margin-right: 15px;

		 }

		 #statement{

			background: url("images/statement.jpg") no-repeat scroll -20px -5px transparent;

			width: 100px;

			margin-right: 13px;

		 }#statement a { padding-left: 13px; }

		 #career{

			 background: url(images/career.jpg) left -5px no-repeat;

			 width: 45px;

		 }

		 #contact{

			background: url(images/contact.jpg) left top no-repeat;

		 }

			 #campany{

				 background:url(images/campany.png) center top no-repeat;

				 

			 }

			 #campany a { padding-top: 32px; }

			 #executive{

				 background: url(images/executive.png) center -6px no-repeat;

				 

			 }

			 #executive a { padding-top:26px; }

			 #certificat{

				 background: url(images/certi.png) center top no-repeat;

				 

			 }

			 #certificat a { padding-top: 32px; }

			 #member{

				 background: url(images/member.png) 14px 3px no-repeat;

				 

			 }

			 #member a { padding-top: 32px; }

   

   #slide-wrap{

	   float: left;

	   width: 631px;

	   background: url(images/cont-back-shad.png);

	   margin: 3px 0;

	   position: relative;

	   }

	#slide-wrap #slider_left{

		float: left;

		left: 0;

		position: absolute;

		z-index: 55;

		}

	#slide-wrap #slider_right {

		float: right;

		position: absolute;

		z-index: 55;

		right:0;

		}

	#slide-wrap #slide-wrapper {

		    border-top: 2px solid #2C2C2C;

    float: left;

    margin-top: 9px;

		}

	   #slide-wrap h2 {

		   background: url(images/slider_h2_bg.png) top left repeat-x;

    color: #FFFFFF;

    float: left;

    font: 31px Impact;

    height: 48px;

    margin-bottom: 10px;

    padding-top: 5px;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

	   }

	   	#slide-wrap h2 a {

		   	color: #ffffff;

		   	font: normal 31px Impact;

			text-transform: uppercase;

			}

	   #slide-wrap img{

		   float: right;

		   padding: 8px 0 0 0;

	   }

	   .read-btn{

			color: #9F9F9F !important;

			font-size: 13px !important;

			padding-left: 4px !important;

			text-transform: lowercase !important;

	   }

	   

#footer-wrap{

	float: left;

	width: 100%;

	background: url(images/footer-btm.jpg) left top repeat-x;

	padding: 10px 0 30px;

}

  #f-logo{

	  float: right;

  }

  #f-link{

	   float: left;

	   margin: 15px 0 10px 20px;

  }

     #f-link li{

		 float: left;

		 color: #bdbdbd;

		 font-size: 11px;

		 margin-right: 10px;

	 }

	 	#f-link li:after{

			content: "|";

			padding-left: 10px;

		}

			#f-link li:last-child:after{

				content: "";

			}

	 #f-link li a{

		 color: #bdbdbd;

	 }

	 #f-link li a:hover{

		 color: #f90019;

	 }

  #copyright{

	  float: left;

	  clear: left;

	  color: #bdbdbd;

	  font-size: 11px;

	  margin-left: 20px;

  }

  

/* Inside Page Start */

  

#inner-cont{

	float: left;

	width: 1001px;

}

  #inner-main{

	   float: left;

	   width: 960px;

	   background: url(images/cont-back-shad.png);

	   padding: 10px 20px 20px 20px;

	   margin: 3px 0;

  }

    #inner-main h1{

		font: normal 31px Impact;

		padding-bottom: 15px;

	}

	#inner-main img{

		float: right;

		margin: 0 20px 0 30px;

	}

	#inner-main h3{

		color: #f90019;

		font: normal 19px Impact;

		padding: 10px 0;

	}

		#inner-main a{

			color: #f90019;

		}

.downarrowclass {display: none;}

.img-left, alignleft {

	float: left !important;}

.CarouSlide {

	background: none !important;

    border-bottom: 1px solid #292929;

    border-top: 1px solid #292929;

    height: 222px;

    margin-left: 35px;

    margin-top: 13px;

    padding-top: 8px;

	}

.CarouSlide .slider-holder {

	border-bottom: 1px solid #767676;

    border-top: 1px solid #767676;

    height: 213px !important;

	}

.CarouSlide .slider-holder img {

    height: 216px;

    padding: 0 !important;

    width: 555px;

	}

.slider-nav {

	bottom: -29px !important;

	}
.alignleft {
	float: left !important; }
.alignright {
	float: right !important;}