html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #000 url(../images/baliwebstudio_01.jpg) no-repeat top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #414141;
 line-height: 150%;
} 

a:link, a:visited  {
  	color: #666;
	text-decoration: none;
	padding-bottom: 0;
	
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}
 
#pagewidth{ 
 width:818px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 background: transparent url(../images/baliwebstudio_03.jpg) bottom no-repeat;
 height: 130px; /*Height of top section*/
 width:100%;
 text-align: right;
}

		#header-right1, #header-right2 {
		 width:215px; 
		 float: right; 
		 color: #ffffff;
		 margin: 0 15px 5px 0;
		}

				#header-right1{
				 margin-top: 50px;
				 background: transparent url(../images/phone.gif) no-repeat 32px 3px;
				 font-size: 200%;
				
				}

				#header-right2{
				 clear:both;
				 background: transparent url(../images/mail.gif) no-repeat 32px 3px;
				 font-size: 110%;
				} 
				
						#header-right2 a, #header-right2 a:visited{
						 color: #ffffff;
						 border: 0;
						} 				

						#header-right2 a:hover{
						 color: #55a51c;
						} 				
				
#maincontent-top {
 background: transparent url(../images/c_bg_top.png) no-repeat;	
 height: 99px; 
}
				
#maincontent {
 background: transparent url(../images/c_bg.png) repeat-y ;
 overflow: hidden; /*clearing floats in FF*/
 width: 100%; /*clearing floats in IE*/
 aborder: 1px solid #cccccc;
}

			/*Left content*/
			#maincontent-left {
			 float: left;
			 aborder: 1px #cccccc solid;
			 padding: 5px 0 0 15px;
			 width: 540px;  
			}
				
				#ils img{
				 background: transparent url(../images/bg_ils.gif) no-repeat;
				 padding: 0px;
				}	
				
				#contentmod {
				 margin-left: 0px;
				}
				
				#contentmod2 {
				 margin-left: 10px;
				}
			
					#box2, #box2_new {
					 width: 250px; 
					 margin-top: 10px;
					}
										
					#box2 { /*testimonial*/
					 float: right;
					 background: transparent url(../images/box2.png) no-repeat;	
					}
					
					#box2_new { /*recent work*/
					 float: left;
					 background: transparent url(../images/box2_new.png) no-repeat;	
					 margin-left: 10px;
					 margin-right: 13px;
					}	

					* html #box2_new  { /* hack for ie6 */
					 margin-left: 8px;
					 margin-right: 8px;
					}						
					
							#box2 .txt, #box2_new .txt {
							 padding: 5px 20px;
							}		
							
									#box2_new .txt img{
									 margin-left: 20px;
									 background: transparent url(../images/bg_recent.gif) no-repeat;
									 padding: 7px;
									 aborder: 1px solid #cccccc;
									}	
							
							#box2 .txt h3, #box2_new .txt h3{
							 color: #ff0000;
							 border-bottom: 1px solid #cccccc;
							 margin-bottom: 8px; /*important to set*/
							}	

									#box2_new .portfolio {
									 text-align: center;
									 padding-top: 3px;
									 margin: 20px 0 0 50px;
									 width: 163px;
									 height: 22px;
									 background: transparent url(../images/bg_link_portfolio.gif) no-repeat;
									 font-weight: bold;
									 font-size: 85%;
									}
							
									#box2_new .portfolio a, #box2_new .portfolio a:visited{
									color: #ffffff;
									}	

									#box2_new .portfolio a:hover{
									color: #e4ffba;
									}							
			
			/*Right content*/
			#maincontent-right {
			 float: right;
			 aborder: 1px #000000 solid;
			 width: 250px;  
			}
			
					#box {
					 background: transparent url(../images/box_top.png) no-repeat;	
					 width: 242px;  
					}
					
							#box .txt {
							 padding: 10px 30px 5px 30px;
							}
							
							#box .txt h3{
							 color: #ff0000;
							 border-bottom: 1px solid #ffcccc;
							 margin-bottom: 8px; /*important to set*/
							}		

							.bigtxt { /*phone*/
							background: transparent url(../images/phone_i_w.gif) no-repeat 2px 2px;
							font-size: 22px;
							padding-left: 30px;
							}							
					
					#box-bottom {
					 background: #ffffff url(../images/box_bottom.png) no-repeat bottom left;	
					 height: 23px;
					}

/* footer */					
#maincontent-bottom {
 background: transparent url(../images/c_bg_bottom.png) no-repeat;	
 height: 90px;
}

		#maincontent-bottom-left , #maincontent-bottom-right {
		 line-height: 150%;
		}
					
		#maincontent-bottom-left {
		 margin-top: 25px;		
		 font-size: 80%;
		 width: 500px; 
		 float: left;
		 margin-left: 30px;
		 color: #666666;
		}	 
		
		* html #maincontent-bottom-left  { /* hack for ie6 */
		 margin-left: 30px;
		}		

		#maincontent-bottom-right {
		 margin-top: 33px;		
		 width: 230px; 
		 float: right;
		 margin-right: 50px;
		 font-size: 85%;
		}	

		* html #maincontent-bottom-right  { /* hack for ie6 */
		 margin-right: 30px;
		}		
		
				/* footer menu */
				#maincontent-bottom-right ul{
				list-style: none;
				margin: 0;
				padding: 0;
				}

				#maincontent-bottom-right li{
				display:inline;
				margin: 0;
				padding: 0 10px 2px 0;
				}		

	 
#footer{
 font-size: 80%;
 color: #ccc;
 clear:both;
 margin-left:20px;
 } 
 
#footer a, #footer a:visited{
 border: 0;
}  
 
#footer ul{
list-style: none;
margin: 0;
padding: 0;
 } 

#footer li{
display:inline;
margin: 0;
padding: 0 5px 2px 0;
 }  
 
 
/* =============== */
/* DETAILS CONTENT */
/* =============== */

/* heading */
#maincontent-left h2 {
 font-size: 17px;
 line-height: 90%;
 text-align:justify;
}

/* list green */
#chk_green ul{
list-style: none;
margin: 0;
padding: 0;
}

#chk_green li{
background: transparent url(../images/chk_green.png)  1px 5px no-repeat;
margin: 0;
margin-top: 0.7em;
padding: 0 0 10px 30px;
width:96%;
}
/* list green */
#list ul{
list-style: none;
margin: 0;
padding: 0;
}

#list li{
background: transparent url(../images/list.png)  1px 6px no-repeat;
margin: 0;
padding: 0 0 0 16px;
width:96%;
}
/* list box */
#chk_box ul{
list-style: none;
margin: 0;
padding: 0;
}

#chk_box li{
margin: 0;
padding: 0 0 2px 0;
}

/* portfolio */
.folio ul{
list-style: none;
margin: 0;
padding: 0;
aborder: 1px solid #000000;
 } 

.folio li{
display:inline;
margin: 0;
padding: 0 5px 2px 5px;
aborder: 1px solid #000000;
 }  
 
.folio a, .folio a:visited {
border: 0;
}

.folio img {
padding: 7px;
background: transparent url(../images/bg_folio.gif) no-repeat;
}
 

/* Quote */
.quote {
	font-family: "Georgia", "Verdana", "Arial", " Tahoma";
	background: url(../images/quote.gif) top left no-repeat;
	font-size: 16px;
	font-style: italic;
	padding: 0.5em;
	margin: 0;
}

.quote p:first-letter {
	font-size: 22px;
}

/* joomla css */
.contentheading {
	font-size: 22px;
}

			/* main menu */
				.baseofmenu{
					height:90px;
					width: 818px;
				}
				.boxedmenu {
				    line-height: 100%;
					list-style-type:none;
					display:block;
					margin: 0px;
					padding: 10px 5px 0 10px;
					position: absolute;
					width: 818px;
				}
				.boxedmenu li{
					display:inline
				}

				/* Styling A link START */
				.boxedmenu li a, .boxedmenu li a:link, .boxedmenu li a:visited{
				    border: 0;
					display: inline;
					text-decoration:none;
					font-size: 11px;
					font-weight: bold;
					color: #757674;
					margin: 10px 5px;
					padding: 10px;
					text-transform: uppercase;
					float:left;
					/* width: 29%; -- fix width*/
					font-family: "Arial", " Tahoma", "Verdana";
				}
				.boxedmenu li a:hover, .boxedmenu li a:active{
					border-color: #a3e9c6;
					color: #666666;
				}
				/* Styling A link END */

				/* Styling SMALL text item START */
				.boxedmenu small{
					font-weight: normal;
					display:block;
					font-size:20px;
					padding: 0px 10px;
					margin: 0px -10px 0 -10px;
					line-height: 25px;
					color: #0e6a81;
					font-family: "Georgia", "Verdana", "Arial", " Tahoma";
				}
				.boxedmenu li a:hover small, .boxedmenu li a:active small{
					color: #368509;
				}
				/* Styling SMALL text item END */