@charset "utf-8";
/* CSS Document */

html body {	
	margin:0px;
	font-family:"Times New Roman", Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding:0px;
	background-color:#000000;
}


p, h1, h2, h3, h4, h5, h6, ul, li, table, td, th, tr, form, input, img, button, hr, em {
	margin:0px;
	padding:0px;
}

.headerBar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url("../images/headerBar.jpg") top left repeat-x;
	
	margin-top:222px;
	
	height:61px;
}

img {
	border:none;
}

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1118px;
}

		#header {
			position:relative;
			float:left;
			width:1118px;
		}
		
		#lhs-bg {
			position:relative;
			float:left;
			width:180px;
			height:405px;
		}
		
		
		
		
		#main {
	position:relative;
	float:left;
	background:url("../images/main-bg.jpg") top left repeat-y;
	/*height:80px;*/
			
			width:710px;  /* was 760px */
	padding:0px 25px 0px 25px;
	background-image: url("../images/main-bg.jpg");
		}
		
			#wrapper {
	position:relative;
	float:left;
	width:710px;
	background:url("../images/nav-bg.jpg") bottom left repeat-x;
	background-image: url("../images/nav-bg.jpg");
			}
		
				#nav {
					position:relative;
					float:left;
					width:137px; /* was 170px before padding and then 135px before removing 2px border */
					/*border-right:#767676 solid 2px;*/
					padding-left:20px;
					margin-left:15px;
					padding-top:7px;
					
					height:427px;
				}
				
						#nav ul {
							list-style:none;
						}
						
						#nav ul li {
							margin-bottom:20px;
							font-size:12px;
						}
				
						#nav a:link, #nav a:visited {
							color:#999999; /* was #767676 */
							text-decoration:none;
						}
						
						#nav a:active, #nav a:hover {
							color:#FFFFFF;
							text-decoration:none;
						}
				#text {
					position:relative;
					float:left;
					width:486px; /* was 538px before padding and then 488px before adding 2px border */
					padding:0px 25px 0px 25px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					margin-top:4px;
					border-left:#767676 solid 2px;
					background-color:#000000;
					min-height:430px;
					height:auto !important;
					height:430px;
				}
				
						#text h1 {
							color:#FFFFFF;
							font-size:18px;
							margin-bottom:15px;
							font-weight:normal;
						}
						
						#text h2 {
							color:#FFFFFF;
							font-size:16px;
							margin-bottom:15px;
							font-weight:normal;
						}
						
						#text h3 {
							color:#FFFFFF;
							font-size:14px;
							margin-bottom:10px;
							font-weight:normal;
							margin-top:25px;
						}
						
						#text p {
							color:#999999;
							font-size:12px;
							margin-bottom:15px;
							line-height:16px;
						}
						
						#text ul {
							color:#999999; /* was #767676 */
							margin-left:45px;
							margin-top:15px;
							margin-bottom:15px;
						}
						
						#text ul li {
							
						}
						
						#text a:link, #text a:visited {
							text-decoration:underline;
							color:#cccccc;
						}
						
						#text a:active, #text a:hover {
							text-decoration:none;
							color:#cccccc;
						}
						
								.pic {
									position:relative; 
									float:left;
									width:150px;
									height:200px;
									margin-bottom:30px;
								}
								
								.pic2 {
									position:relative; 
									float:left;
									width:150px;
									height:270px;
									margin-bottom:30px;
								}
								
								
								.order {
									position:relative;
									float:left;
									padding-left:0px;
									margin-top:0px;
								}
								
								.order2 {
									position:relative;
									float:left;
									padding-left:150px;
									margin-top:0px;
								}
								
		#rhs-bg {
			position:relative;
			float:left;
			width:176px;
			height:405px;
		}	
		
		#bottomMainAndFooter {
			position:relative;
			float:left;
			width:819px;
			margin-left:180px;
			background:url("../images/main-bottom-and-footer.jpg") top left no-repeat;
			height:167px; /* was 317px before 150px padding top */
			padding-bottom:40px;
			
			padding-top:150px;
			padding-left:35px;
		}		
		
				.box {
					position:relative;
					float:left;
					width:186px;  /* was 206px before adding 10px padding */
					border:#FFFFFF solid 2px;
					margin-right:30px;
					background-color:#222020;
					padding:10px;
					height:110px;
				}
				
				.last {
					margin-right:0px;
				}
				
						.box h2 {
							color:#FFFFFF;
							margin-bottom:5px;
							font-size:14px;
						}
						
						.box p {
							color:#767676;
							font-size:12px;
							line-height:14px;
width: 150px;
						}
						
						.box span {
							color:#767676;
							font-size:12px;
							font-weight:bold;
						}
						
						.box:hover {
							cursor:pointer;
						}

						
								#quotes {
									position:relative;
									float:left;
									width:32px;
								}
								
								#testi {
									position:relative;
									float:left;
									width:153px;
								}
						
								#address {
									position:relative;
									float:left;
									width:105px;
								}
						
								#letter {
									position:relative;
									float:left;
									width:76px;
									margin-top:9px;
								}
								
								#online-pic {
									position:relative; 
									float:right;
									width:30px;
									margin-top:-30px;
									margin-right:5px;
								}
								
#details {
	position:relative;
	float:left;
	width:328px;
}

	#details a:link, #details a:visited {
		text-decoration:underline;
		color:#5b7a98;
	}
	
	#details a:active, #details a:hover {
		text-decoration:none;
		color:#5b7a98;
	}

	/* contact form styling */
		.formContainer {
			position:relative;
			float:left;
			width:323px;  /* was 383px */
			/*background-color:#767676; *//* was #dde8f3 */
			margin-left:0px;  /* was 50px */
			padding-left:00px;
			/*margin-top:-24px;*/
		}

		.formContainer table {
			margin:0px;
		}
		
		.formContainer table tr td.left {
			width:98px;
		}
		
		.formContainer table tr td.right {
			width:200px; /* was 400px */
		}
		
		.formContainer table input {
			border:1px solid #CCCCCC;
			width:150px;  /* was 200px */
			margin-bottom:2px;
			margin-top:2px;
			padding-bottom:3px;
		}
		
		.formContainer table label {
			margin-bottom:5px;
			font-weight:bold;
			color:#FFFFFF;
		}
		
		.formContainer table textarea {
			border:1px solid #CCCCCC;
			width:150px;  /* was 200px */
			margin-bottom:5px;
			/*margin-left:17px;*/
		}
		
		.formContainer table input.btn {
			border:1px solid #ffffff;
			background-color:#767676;
			color:#000000;
			width:152px;
		}	
		
		form#contact {
			position:relative;
			float:left;
			width:323px;
		} 	

.celula_para
{
	color:#c97225;
}
.celula_impara
{
	color:#fff;
}
.celula_input
{
	color:#000;
	font-size:13px;
}
	/* end of contact form styling */

	
