html, body {

    margin: 0;
    padding: 0;
    font: normal 15px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    background-image: url("../images/bg.jpg");
    background-repeat: repeat-x;
	
	color:#474038;
	background-color:#FFFFFF;   
}

.padded1 {
padding:10px;

}

h1, h2, h3, h4 {

    color:#474038;
}
hr {

  
border-top: 1px solid #c1c1c1;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
width: 94%
}
.mybox11 {

   width:830px;
   text-align:center;
   padding-left:20px;
   padding-right:20px;    
   
}
.mybox1 {

   width:870px;
   text-align:left;
   padding-left:20px;
   padding-right:10px;  
}
.mybox1 a{

   
   color:#474038;
   text-decoration:none;
}
.mybox1 a:hover{

   
   color:#CCCCCC;
   text-decoration:none;
}

.services_side {

   width:220px;
   text-align:left;
   padding-left:0;
   padding-right:10px;
   float: left;  
}

.services {
position:relative;
   width:580px;
   text-align:left;
   padding-left:20px;
   padding-right:10px;
   float: left; 
   
}
.portfolio_side {

   width:300px;
   text-align:left;
   padding-left:0;
   padding-right:10px;
   float: left;  
}

.portfolio {
position:relative;
   width:500px;
   text-align:left;
   padding-left:20px;
   padding-right:10px;
   float: left; 
   
}
.headline
{
font: bold 20px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
color:#FF6600; 
}
.orange_link
{
font: 16px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
color:#FF6600; 
}
.orange_link a{

color:#FF6600; 
}
.orange_link a:hover{

color:#666666; 
}

.mytext
{
font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
color: #474038; 
}
.quote_text	{
			position: relative;			
			width: 240px;
			height:200px;
			padding:0;
			left: -30px;
			top: 20px;
			background: url("../images/quote.png") no-repeat right top;	        
				
			}
.quote_text	p{
			padding-top:40px;
			padding-right:20px;	
			padding-left:60px;	
						
			
			font: normal 14px "Verdana", Arial, Helvetica, sans-serif; 
            color: #474038;    
				
			}			

.contact {

   width:400px;
   text-align:left;
   padding-left:20px;
   padding-right:10px;
   float: left;  
}

.contact form{

    font: normal 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;  
}
.details {
position:relative;
   width:350px;
   text-align:left;
   padding-left:20px;
   padding-right:10px;
   float: left; 
   font: normal 16px "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
}




/*- Menu Tabs--------------------------- */ 

 #tab {
 background: url("../images/jackfruitnav.jpg") no-repeat right top;
   }
    #tabs {
	  font: normal 17px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	  float:right;	       
      line-height: normal;	  
	  height: 74px;
	  background: url("../images/jackfruitnav.jpg") no-repeat right top;
	  margin:0;
	  padding:0;
	  overflow: hidden;
	  
      }
    #tabs ul {
	
	margin:0;
	padding:0;
	list-style:none;
	      }
    #tabs li {
	
      display:inline;
      width:400px;
      }
	 
    #tabs a {
	
     float:right;
     color:#666;
     text-decoration:none;
	  
      }
    #tabs a span {
	
      float:right;
      display:block;
      background:url("../images/tabright.jpg") no-repeat right top;
      padding:25px 15px 0px 10px;
      color:#666;
	  height: 74px;
	  cursor:pointer;
	 
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
	
      color:#FFFFFF;
      }
    #tabs a:hover {
      background-position:0% -76px;
	  
      }
    #tabs a:hover span {
      background-position:100% -76px;
      }

#footer {

   width:900px;
   height: 71px;
   background:url("../images/footer.jpg") no-repeat right top;
   margin:0;
   padding:0;  
}
#footer p {
   margin:0;
   width:700px;
   text-align:left;
   padding:20px;
   font: normal 13px "Verdana", Arial, Helvetica, sans-serif;
   color:#CCCCCC;
  }
  #footer p a{
    font: normal 13px "Verdana", Arial, Helvetica, sans-serif;
   color:#CCCCCC;
   text-decoration:none;
  }
  
  #footer p a:hover{
    font: normal 13px "Verdana", Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   text-decoration:none;
  }
  
 .comments {
visibility:hidden;
width: 5px;
	
} 
.alert {
	background: #fff6bf url(../images/alert.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}