@charset "utf-8";
/* CSS Document */

body { background-color:#ecdbdb;
		margin:0;
		padding:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;}


h1 { font:18px "Trebuchet MS", Arial, Verdana;
	color:#6f0508;
	text-transform:uppercase;
	padding: 2px 5px 2px 5px;
	background-color: #f1e6e6;}

h2 { font-size:16px;
	color:#9f3336;
	margin: 5px 0px 15px 0px;}		
a { color: #8b060a; text-decoration:none; font-weight:bold; }		
a:hover { text-decoration:underline;}
p { padding:2px;}
#wrap { width:875px;
		margin:0 auto;
		text-align:left;
		}		


#header { float:left;
			width:875px;
			height:43px;
			margin-top:10px;
			background-image:url(../images/bg_menu.jpg);}		
		

	#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:875px; 
		height:43px;
		margin-top:5px;
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:100px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:8px 15px; 
		
		
		/* display the list item in single row */
		float:left;
	}
	
	#lava ul li a { color: #FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; text-transform: uppercase;}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:url(../images/tail.gif) no-repeat right center; 
		height:32px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-9px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:url(../images/head.gif) no-repeat 0 0; 
		height:32px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}
	
		
/* End Lava Menu */	

#main { float:left;
		width: 875px;
		background-color:#FFFFFF;
		margin:0px 0px 10px 0px;
		
}

#upper { width:875px;}		 

#upper .left { float:left; width: 300px;}
.share{ float:left;height: 110px; margin: 57px 0px 0px 7px;}

#upper .right { float:right; width: 575px; height: 373px;}
#upper .logo img { margin-top:60px;}

#bottom { float:left; width: 865px; padding-left:10px;}

#bottom .home_left { float:left; width: 380px;}
#bottom .home_right { float:right; width: 483px; height:324px; text-align:left; background-image:url(../images/home_boxes.jpg); }


#bottom .home_right span p { margin:2px;}
#bottom .home_right span a { 
margin-left:5px;
}


#box-service { float:left;width:829px; height:249px; background-image:url(../images/services_2box_bg.jpg);}

#box-service .service-left { float:left;margin: 20px 0px 0px 65px; width: 320px; height:220px;}
#box-service .service-right { float:left; margin: 20px 0px 0px 75px; width: 320px; height:220px;}

#box-service img { float:left;padding:3px; border:1px solid #CCCCCC; margin-right:10px;}


#footer {	clear:both;
			width: 865px; 
			height:18px;
			padding:5px;
			margin:0 auto;
			background-color:#FFFFFF;

			}
			
#footer .copy { float:left;  color: #a9a9a9;}			


 ul, li {
list-style-type:none;
 padding:0;
 margin:0;
 }

  #crumbs {
 border:1px solid #dedede;
 height:2.3em;
 }

 #crumbs li {
 float:left;
 line-height:2.3em;
 padding-left:.75em;
 color:#777;
 }
 #crumbs li a {
 display:block;
 padding:0 15px 0 0;
 background:url(../images/crumbs.gif) no-repeat right center;
 }


  #crumbs li a:link, #crumbs li a:visited {
 text-decoration:none;
 color:#777;
 }

 #crumbs li a:hover, #crumbs li a:focus {
 color:#000;
 }


.contact-form { float:right; width:540px; height:279px; background-image: url(../images/contact-bg.jpg);} 
form { margin-right:10px;}
input { border:1px solid #e8d5d5; margin:2px; float:right; color:#666666;}
textarea { border:1px solid #e8d5d5; margin:2px;}

input.submit { background-color: #ffffff; border:none; font-weight:bold; color:#990000;}
form img { margin-left:35px; margin-top:3px; padding:3px; border:1px solid #e8d5d5;}

label { margin-left:18px; background-color: #FFDDDD; font-size:11px;}
p.image-border img { padding:3px; border:1px solid #CCCCCC;}