body
{
    text-align: center;
    margin: 0px 0px;
    padding: 0px;
    background-image: url('images/background.jpg');
    background-repeat: repeat-x;
}
#container 
    {
    width: 900px;
    margin: 0px auto;
    text-align: left;
}
#header
    {
    width: 900px;
    height: 391px;
    color: #000000;
    background-image: url('images/header.jpg');
    
}
p.small {line-height:18px;
    width: 856px;
    margin-bottom: 10px;
    margin-top: 1px;  
}
#headerContact
    {
        margin: 5px 0px 0px 0px; 
        font-family: Geneva, Arial, Helvetica, sans-serif;
         font-size: 12px;
    font-weight: bold;
    text-align: right; 
    width: 284px;
    height: 73px;
    float: right; 
    
}

#headerContact A:visited {
	text-decoration: underline;
	color: #000000;
	padding-right: 20px; 
	
} 
#headerContact A:link  {
	text-decoration: underline;
	color: #000000;
	padding-right: 20px; 
}
#headerContact A:active  {
	text-decoration: underline;
	color: #000000;
	padding-right: 20px; 
}
#headerContact A:hover {
	
	color: #32a8db;
	padding-right: 20px; 
}
#nav
    {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    width: 900px;
    margin: 39px 0px 0px 0px; 
    height: 20px;
    color: White; 
    font-size: 13px;
    font-weight: bold;
    
    float :left; 
   
}

#nav A:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 20px; 
} 
#nav A:link  {
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 20px; 
}
#nav A:active  {
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 20px; 
}
#nav A:hover {
	
	color: #32a8db;
	padding-right: 20px; 
}
 #homeContent
    {
    width: 900px;
    color: #FFFFFF;
   
     background-image: url('images/content.jpg');
     background-repeat: no-repeat;
    margin: 0px 0px 10px 0px; 
    float: left; 
}

 #homeContentTextArea
    {
    width: 900px;
    color: #FFFFFF;
    background-color: #535353;
     margin: 0px 0px 10px 0px;
}
 #homeService
    {
    width: 900px;
    color: #FFFFFF;
     background-image: url('images/homeBack.jpg');
     margin: 10px 10px 0px 0px;
     background-repeat: repeat;
    float: left;
    height: 300px;
    
}
 #homeServiceHeader
    {
    width: 550px;
    color: #32a8db;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px; 
    float: left;
    height: 20px;
    margin: 10px 0px  0px 10px; 
    font-weight: bold; 
}

 #homeServiceContent
    {
    width: 873px;
    color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px; 
   text-align: justify; 
   
    float: left;
    height: 237px;
    margin: 5px 0px 0px 10px; 
    line-height: 25px; 
    
}
 #homeProvide
    {
    width: 300px;
    height: 300px;
    color: #FFFFFF;
    float: right;
    margin: 10px 0px 10px 10px;
    background-image: url('images/sectionback.jpg');
     background-repeat: repeat;
}
 #homeProvideHeader
    {
    width: 250px;
    color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px; 
    float: left;
    height: 20px;
    margin: 20px 0px 0px 10px; 
    font-weight: bold; 
}

 #homeProvideContent
    {
    width: 250px;
    color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px; 
    float: left;
    height: 220px;
    margin: 10px 0px 0px 10px; 
    
}
 .point
    {
    width: 5px;
    height:5px; 
    background-color: #02b0e6 ;
    
      margin: 16px 0px 0px 40px;
 
 

    float: left;
    
    
}
 .pointSection
    {
        margin: 5px 35px 0px 0px; 
   
    width: 150px;
    color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px; 
    float: right;
   
    
}
#slide {
    width: 900px;
    height: 250px;
    float: left;
    margin: 5px 0px 0px 0px; 
    text-align: left;
}
/* Easy Slider */

#s3slider {
   width: 900px; /* important to be same as image width */
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding: 0px;
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */

top: 0px;
margin-left: 0px;
left: 0px;
border: 0px;
float: left;
margin: 0px;
margin-right: 0px;
padding: 0px;
right: 0px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   padding: 0; 
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 14px/20px Arial, Helvetica, sans-serif;
   text-align:left; 
   padding: 10px 13px;
   width: 900px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
  bottom: 0; 

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
	
.s3sliderImage span strong {
 font-size: 18px; 
}




/* // Easy Slider */

.lavaLamp {
	width:650px;
	height:30px;
	margin: 0px 800px 0px 0px;
	position: absolute;

	float: left;
	
}

.lavaLamp li {
	float: left;
	list-style: none;
}

.lavaLamp li.back {
	background: url(../images/lava.png) no-repeat right -30px !important;
	background: url(../images/lava-ie.png) no-repeat right -30px;
	width: 9px; 
	height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLamp li.back .left {
	background: url(../images/lava.png) no-repeat top left !important;
	background: url(../images/lava-ie.png) no-repeat top left;
	height: 30px;
	margin-right: 9px;
}

.lavaLamp li a {
	
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	height: 30px;
	top: 5px;
	z-index: 10;
	letter-spacing: 0;
	float: left;
	display: block;
	padding:0 10px;
font-size: 11px;
	
}
	

#footer {
    left: 0px;
    width: 100%;
    height: 250px;
    z-index: 2;
    overflow: hidden;
    min-height: 120px;
    max-height: 150px;
    float: left;
    background-repeat: repeat;
    background-image: url('images/footer.gif');
    padding: 20px 0px 0px 0px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #CCC;
}

#footer A:visited {
	text-decoration: none;
	color: #CCC;
	
} 
#footer A:link  {
	text-decoration: none;
	color: #CCC;
	
}
#footer A:active  {
	text-decoration: none;
	color: #CCC;
	 
}
#footer A:hover {
	
	color: #CCC;
	
}
#about 
{
    width: 900px;
    color: #FFFFFF;
   
     background-image: url('images/content.jpg');
     background-repeat: no-repeat;
    margin: 0px 0px 0px 0px; 
    float: left; 
}
#aboutheader
{
       font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
    font-size: 15px;
    width: 890px;
    color: #FFFFFF;
    
    background-color:#1d1d1d; 
     
    float: left;
    margin: 5px 0px 0px 0px; 
    padding: 10px 0px 0px 10px; 
}
#aboutContent 
{
       font-family: Arial, Helvetica, sans-serif;
   font-size: 13px; 
   text-align: justify; 
    width: 890px;
    color: #FFFFFF;
     background-image: url('images/aboutBack.jpg');
    
     background-repeat:no-repeat; 
    float: left;
    height: 300px;
    padding: 10px 0px 0px 10px; 
}

.partnerLogo 
{
    
    width: 169px;
   height: 105px; 
    padding: 10px 0px 5px 10px; 
    float:Left;
}

.partnerText 
{
       font-family: Arial, Helvetica, sans-serif;
   font-size: 13px; 
   text-align: justify; 
    width: 580px;
    color: #FFFFFF;
  
    float: Right;
    height: 105px;
    padding: 10px 120px 5px 0px; 
}