/*
-------------------
GOBAL STYLE RESETS
-------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, p, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
}

ol, ul {
	list-style: none;
}

p{
	margin-top: .5em;
	margin-bottom: .3em;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}



/*
-------------------
MAIN ELEMENTS
-------------------
*/

body
	{
	margin: 0;
	padding: 0;
	color: #777777;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 17px;
	background: #FFF url(../img/bg_main.gif) top center no-repeat;
	}

	#wrapper {
		position: relative;
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		top: 10px;
		}
	#main_wrapper {
		position: relative;
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		top: 10px;
		clear: both;
		}

/*
-------------------
HEADER ELEMENTS
-------------------
*/

	#header {
		margin: 0; padding: 0; text-align: center;
		height:80px;
		position:relative;
		}
			#logo{
				position: relative; 
				height: 80px; width:290px;
				float: left;
				display: block; 
				background: url(../img/logo_main.jpg) left top no-repeat;
				z-index:10;
				}
				#logo h1 a{
					position: relative;
					display:block;				
					text-indent:-5000em;
					height: 80px; width:290px;
					padding:0; margin:0;
					}
			/* Menu Starts */
			#menu {
				position:relative;
				/*width: 470px; */
				padding: 40px 0 0 300px;
				}
			#menu li { display: inline; text-align:left;}
				#menu li a {
					padding-left: 15px; display:block; float:left;
					font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #FFFFFF; }

				#menu li a:link, #menu li a:visited {color: #FFFFFF; text-decoration: none;}
				#menu li a:hover, #menu li a:active {color: #FFFFFF; text-decoration: none;}
				

			/* Menu Ends */				

/* End of Header 	 */	

/*
-------------------
BANNER ELEMENTS
-------------------
*/
	#banner_img {
		background: url(../img/bg_ban_home.jpg) left top no-repeat;; 
		background-repeat: no-repeat;
		width: 480px; height: 240px;
		display:block;
		}
		.breadcrumb {
			background-repeat: no-repeat;
			text-align: left;
			margin: 195px 0 0 0;
			padding: 0 0 0 10px;
			font-size: 10px;
			color: #666666;
			}
		
		#main_wrapper {
			
			width: 770px;
			}	
			
		#sidebar {
			float:left;
			width: 290px;
			background-image: url(../../img/bg-nav-left.gif); background-repeat: no-repeat;
			}
			#sidebar_content {
			padding: 20px 30px 20px 30px;
			line-height: 20px;
			}
			#address {
				float:left;
				width: 290px;
				height: 280px;
				background-image: url(../img/bg_address.gif); background-repeat: no-repeat;
				}
				#address p{
					font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #403F31;
					line-height: 18px; text-align: justify;
					padding:  70px 20px 20px 30px;				
					}
			#sidebar h1{
				font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#403F31; 
				text-decoration:none; font-weight: bold;
				line-height:14px; letter-spacing:1px;
				padding: 30px 0 10px 0;
				}
				#sidebar a.nav:link, #sidebar a.nav:visited {
					color: #403F31; text-decoration: none; font-size:11px; display: block;
					padding: 1px 5px;
					margin: 2px 0;
					border-left: 3px #CBDB6E solid;
					}
				
				#sidebar a.nav:hover, #sidebar a.nav:active { 
					color: #403F31; text-decoration: none;
					display: block; 
					padding: 1px 5px;
					margin: 2px 0;
					border-left: 3px #403F31 solid;
					}
				#sidebar a.nav2:link, #sidebar a.nav2:visited {
					color: #403F31; text-decoration: none; font-size:11px; display: block;
					padding: 1px 5px;
					margin: 2px 0;
					
					border: 1px #403F31 solid;
					border-left: 3px #403F31 solid;
					}
				
				#sidebar a.nav2:hover, #sidebar a.nav2:active { 
					color: #403F31; text-decoration: none;
					display: block; 
					padding: 1px 5px;
					margin: 2px 0;
					border: 1px #CBDB6E solid;
					border-left: 3px #CBDB6E solid;
					}
				#sidebar a:link, #sidebar a:visited { color: #000000; text-decoration: none; }
				#sidebar a:hover, #sidebar a:active { color: #403F31; text-decoration: underline; }
			
			
			
			
		#content {
			float:right;
			width: 480px;
			text-align:left;			
			/*padding:  0 30px 0 20px;*/
			color: #333333;
			
			}	
			#content a:link, #content a:visited {
				text-decoration:none; color: #000000;
				}
			#content a:hover, #content a:active {
				text-decoration:underline; color: #000000;
				}
			div.content_wrapper	{
				padding:  10px 20px 50px;				
				background: url(../img/bg_content.gif) top right no-repeat;
				font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666;
				line-height: 20px; text-align: justify;
				}
			#content h1{
				font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#000000; 
				text-decoration:none; font-weight: bold;
				line-height:14px; letter-spacing:1px;
				padding: 20px 0 10px 0;
			}
			#content p{
				font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666;
				line-height: 20px; text-align: justify;
				padding:  10px 0 0;
				
			}
			#content h2{
				font-family: Verdana, Helvetica, sans-serif; font-size:13px; color:#333333; font-weight:bold;
				text-decoration:none;
				border-bottom: 1px solid  #CBDB6E;
				line-height:24px;
				margin: 20px 0 15px;
			}	
			#content h3 {
				font-size: 13px; color: #000000;
				line-height: 18px;
				padding: 15px 0 10px 0;
				text-decoration: underline;
				}
				
			
			#intro_home {
				padding: 100px 0 0;
				background-image: url(../../img/img-home-2.jpg); background-repeat: no-repeat; background-position: top;				
				
				}


			#breadcrumb {
				padding:  10px 10px;				
				background: url(../img/bg_content.gif) top right no-repeat;
				font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666;
				line-height: 20px; text-align: justify;
				border-bottom: 5px solid #FFFFFF;
				}
			#breadcrumb a:link, #breadcrumb a:visited {
				color: #666666; text-decoration: none;
				}
			
			#breadcrumb a:hover, #breadcrumb a:active { 
				color: #333333; text-decoration: none; 
				}

/* END */

/* Layers */


div.text-1 {
	padding: 0 0 0 0;
	text-align: justify;
	padding: 10px 0;
	font-size: 11px;
	line-height: 18px;
	}





div.para-1 {
	padding: 10px 0;
	text-align: justify;
	}
	
div.right {
	text-align: right;
	}

div.d_note {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 11px; line-height: 16px;
	border: #CCCCCC 1px solid;
	text-align: justify;
	margin: 20px 0;
	padding: 20px;
	}
	
/* Anchor Tags */
	
	



	
	a.nav2:link, a.nav2:visited {
		color: #666666; text-decoration: none; font-size:10px; display: block;
		border-left: #0098FF 4px solid;
		padding: 1px 5px;
		margin: 2px 0;
		}
	
	a.nav2:hover, a.nav2:active { 
		color: #333333; text-decoration: none; font-size:10px; 
		display: block; 
		border-left: #333333 4px solid;
		padding: 1px 5px;
		margin: 2px 0;
		}
		
	a.services:link, a.services:visited {
		color: #666666; text-decoration: none; font-size:10px; display: block;
		border: #DCEAF4 1px solid; border-left: #0098FF 4px solid; 
		padding: 1px 5px;
		margin: 2px 0;
		}
	
	a.services:hover, a.services:active { 
		color: #333333; text-decoration: none; font-size:10px; 
		display: block; 
		border: #DCEAF4 1px solid; border-left: #333333 4px solid;
		padding: 1px 5px;
		margin: 2px 0;
		}





hr {
	border: 0;
	border-bottom: #ccc dotted 1px;
	margin-bottom: 15px;
	color: #fff;
	background-color: #fff;
	}

	
.button-kn {
	text-align: right;
	border: 0;
	}
	
img.img {
	border: 0;
	}
		
img.img1 {
	padding: 0 0 10px 0;
	display: block;
	border: 0;
	}

#content ul {
	line-height: 20px;
	font-size: 12px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
#content li {
	line-height: 20px;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	list-style-position: outside;
	list-style-type: square;
	}	


/*
-------------------
OTHER ELEMENTS
-------------------
*/	

	.clear {clear:both;}
	.blacktext { color: #000000; font-weight:bold;} 

/*
-------------------
FOOTER ELEMENTS
-------------------
*/
	#footer {
		position:relative;
		background: #403F31;
		line-height: 17px;
		clear: both;
		font-family: Arial, Helvetica, sans-serif; font-size: 12px;
		width: 100%;
		margin-top: 20px;
		}
	#footer_wrapper {
		position:relative;
		height:40px; padding: 20px 10px 50px;
		line-height: 17px;
		clear:both;
		font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF;
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		}
		#nav_bottom {
			font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
			word-spacing: 2px;
			}
		#nav_bottom a:link, #nav_bottom a:visited {
			text-decoration:none; color: #FFFFFF;
			}
		#nav_bottom a:hover, #nav_bottom a:active {
			text-decoration:underline; color: #FFFFFF;
			}
			
		
				
		#copyright {
			float:left;
			color: #CBDB6E; text-align: left; font-size: 11px;
			padding: 10px 0 0 0;
			}
		#copyright a:link, #copyright a:visited {
			text-decoration:none; color: #CBDB6E;
			}
		#copyright a:hover, #copyright a:active {
			text-decoration:underline; color: #FFFFFF;
			}
			
		#valid {
			float:right;
			font-size: 11px; color: #CBDB6E; text-align: right;
			padding: 10px 0 0 0;
			}
		#valid a:link, #valid a:visited {
			text-decoration:none; color: #CBDB6E;
			}
		#valid a:hover, #valid a:active {
			text-decoration:underline; color: #FFFFFF;
			}

				

/* Footer Ends */


/*
-------------------
FORM ELEMENTS
-------------------
*/

	
		
		
	#contact_us_form form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	  font: 11px verdana,arial,sans-serif;
	  margin: 0;
	  padding: 0;
	  line-height: 16px;
		}
	#contact_us_form form :focus {
		outline:1px #000000 solid;
		}
	
	#contact_us_form form fieldset {
	  /*border: #cccccc 1px solid;*/
	  padding: 10px 0;        /* padding in fieldset support spotty in IE */
	  margin: 10px 0;
	  
		}
	#contact_us_form form label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 60px; 
		padding: 0; 
		margin: 5px 15px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: right; 
		}
	#contact_us_form form label.small {   /* block float the labels to left column, set a width */ 
		padding: 0; 
		width: 80px;
		float:none;
		display:inline;
		margin: 0 0 0 5px; /* set top margin same as form input - textarea etc. elements */
		text-align: left; 
		}
	
	#contact_us_form form fieldset legend {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		}
		
		
	.quote_form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	  font: 11px verdana,arial,sans-serif;
	  margin: 0;
	  padding: 0;
	  line-height: 16px;
		}
	.quote_form :focus {
		outline:1px #000000 solid;
		}
	
	.quote_form fieldset {
	  border: #cccccc 1px solid;
	  padding: 10px;        /* padding in fieldset support spotty in IE */
	  margin: 10px 0;
	  
		}
	.quote_form label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 60px; 
		padding: 0; 
		margin: 5px 15px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: left;
		color: #403F31;
		}
	.quote_form label.small {   /* block float the labels to left column, set a width */ 
		padding: 0; 
		width: 80px;
		float:none;
		display:inline;
		margin: 0 0 0 5px; /* set top margin same as form input - textarea etc. elements */
		text-align: left; 
		border: 0;
		}
	
	.quote_form fieldset legend {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		}
		
/* CSS GENERAL FORM */

	form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
		font: 11px verdana,arial,sans-serif;
		margin: 0;
		padding: 0;
		line-height: 16px;
		}
	form :focus {
		outline:1px #000000 solid;
		}
	
	form fieldset {
	  border: #cccccc 1px solid;
	  padding: 10px;        /* padding in fieldset support spotty in IE */
	  margin: 10px 0;
		}
	form label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 150px; 
		padding: 0; 
		margin: 5px 15px 0 0; /* set top margin same as form input - textarea etc. elements */
		text-align: right;
		border-bottom: 1px #F0F0F0 solid;
		}
	form label.small {   /* block float the labels to left column, set a width */ 
		padding: 0; 
		width: 80px;
		float:none;
		display:inline;
		margin: 0 0 0 5px; /* set top margin same as form input - textarea etc. elements */
		text-align: left; 
		border: 0;
		}
	
	form fieldset legend {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		}
		
				
	.t_red { color:#FF0000;}
	form br {
		clear:left;
		}
	form small {
		color: #FF0000; font-size: 10px;
		font-weight: normal;
		}
	form input {
		
		}
	form .input {
		width: 150px;
		border:  #CCCCCC 1px solid;
		margin: 5px 0 0;
		font-size: 12px;
		background: #FFFFFF url(../../img/bg_input_field.jpg) top left no-repeat;
		}
	form .input1 {
		width: 200px;
		border:  #CCCCCC 1px solid;
		margin: 5px 0 0;
		background: #FFFFFF url(../../img/bg_input_field.jpg) top left no-repeat;
		}
	form .input2 {
		width: 250px;
		border:  #CCCCCC 1px solid;
		margin: 5px 0 0;
		background: #FFFFFF url(../../img/bg_input_field.jpg) top left no-repeat;
		}
	form .input3 {
		width: 200px;
		border:  #CCCCCC 1px solid;
		margin: 5px 0 0;
		background: #FFFFFF url(../../img/bg_input_field.jpg) top left no-repeat;
		}
	form .input4 {
		width: 90px;
		border:  #CCCCCC 1px solid;
		margin: 5px 0 0;
		background: #FFFFFF url(../../img/bg_input_field.jpg) top left no-repeat;
		}
	form .policy {
		width: 470px;
		border:  #CCCCCC 1px solid;
		margin: 5px 0 0;
		background: #FFFFFF url(../../img/bg_input_field.jpg) top left no-repeat;
		}
	form .form_right {
		padding: 10px 0 10px 75px;
		}



/*       

*/
	span.checkbox {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(../../img/checkbox.gif) no-repeat;
		display: block;
		clear: left;
		float: left;
		}
	span.radio {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(../../img/radio.gif) no-repeat;
		display: block;
		clear: left;
		float: left;
		}
	span.select {
		position: absolute;
		width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
		height: 21px;
		padding: 0 24px 0 8px;
		color: #fff;
		font: 12px/21px arial,sans-serif;
		background: url(../../img/bg_select.gif) no-repeat;
		overflow: hidden;
		}