@charset "UTF-8";

/* --------- Website Global Settings ------------------- */

* {margin: 0; padding: 0; }     /* general reset */

html { overflow-y: scroll; }    /* no side way shift of page */

.clearfloat {clear:both;}

body {
 margin-top: 0px;
 background:url(images-new/body-bg.jpg) repeat;
 font-family:Verdana, Geneva, sans-serif;
}

#header-mo {width:778px;
			height:206px;
			margin:0 auto;
			background-image:url(images-new/header-mo.jpg);}
			
/* --------------------------------- Navigation Top Level ----------------------------------------- */
			
#nav {	width:778px;
		height:30px;
		margin:0 auto;
		padding-top:0px;
		border-bottom:1px solid #868686;
		background:url(images-new/nav-bg.png);}
		
		#nav ul.dropdown {margin-left:11px;
				text-align:left;
				position:relative;
				height:30px;
				}
					
		#nav ul.dropdown li {display:inline-block;				
				font-size:13px;
				border-right:#777 1px dotted;
				padding:5px 10px;
				float:left;
				}
				
		ul.dropdown li:hover { position: relative; }

		#nav ul.dropdown a {color:#777;
				text-decoration:none; display:inline-block; height:100%;}
		#nav ul.dropdown a:hover {color:#0483ae; height:100%}
		
/* --------------------------------- Navigation Dropdowns ----------------------------------------- */
		

/* -----LEVEL ONE--------*/

ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover               { background: #F3D673; color: black; position: relative; }



/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 155px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ background: #f6f6f6; color: #000; padding:5px 10px; height:15px; display:inline-block !important;
									  border-bottom: 1px solid #ccc; float: none; width: 155px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right:none; width: 100%;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
		

/* --------------------------------- Main Page ----------------------------------------- */

#wrap {	width:778px;
		xheight:600px;
		margin:0 auto;
		border-bottom:2px solid #868686;
		background:url(images-new/wrap-bg.jpg) repeat-y;}

	 #wrap p {font-size:80%;
	    	color:#555;
			line-height:17px;
			padding:5px 0 5px 25px;
			text-align:justify;}
			
	#wrap h1 {font-size:90%;			
	    	color:#127cc6;
			font-weight:lighter;
			padding:8px 0;}
	
	#footer {width:778px;
			height:20px;
			margin:0 auto;}
			
			#footer p {font-size:10px;
					color:white;
					text-align:center;
					padding-top:5px;
					margin-bottom:20px;}
					
			#footer a {color:white;}
			#footer a:hover {color:red;}


/* --------- Left Column Home Page ------------------- */

	#hp-left {width:495px;
			padding:5px 20px 10px 0px;
			float:left; }
			
		#hp-left h1 {border-bottom:#ccc 1px solid;
					display:block;
					width:490px;
					margin:10px 0 5px 3px;
					padding-bottom:4px}
					
		#hp-left h2 {color:#777;;
					font-size:13px;
					margin:10px 0 0 20px;}
					
		#hp-left li { font-size:12px;
					color:#555;
					padding:5px 0 5px 0px;}
					
		#hp-left ul {margin-left:40px;}
		
		
	#hp-services {width:515px;
				height:210px;
				background:url(images-new/hp-services.png);
				margin-left:3px;}

		#hp-services ul {float:right;
						padding:0px 20px 0 20px;}

		#hp-services li {text-align:right;
						font-size:80%;
						color:#868686;
						list-style-type:none;
						padding-bottom:10px;}

/* --------- Right Column Home Page ------------------- */

	#hp-right {width:218px;
			font-family:Arial, Helvetica, sans-serif;
			padding:0px 20px 0 0px;
			float:right; }
			
		#hp-right h2 {background-color:#999;
					color:white;
					font-size:80%;
					font-weight:lighter;
					display:block;
					width:224px;
					height:20px;
					xmargin-right:3px;
					padding:5px 0 0 10px;
					}
					
		#hp-right h3 {	font-size:90%;			
	    				color:#777;
						font-weight:lighter;
						padding:8px 0;
						margin-top:10px;}
						
		#hp-right p {padding-left:10px;
					text-align:left;}
					
		#hp-right ul {margin:10px 0 0 40px;}
		
		#hp-right li { font-size:14px;
						color:#777;
						padding:5px 0 5px 0px;}
						
		.icon {width:50px;
				margin:10px 0 10px 15px;
				float:left;}
				
/* --------- Contact Us Page ------------------- */

#contact {width:450px;
		margin:30px 0 20px 30px;}
		
		#contact input {width:300px;
		float:right;
		margin-bottom:3px;}
		
		#contact textarea {float:right;}
		#contact input.send {width:60px;
							margin-top:10px;
							font-size:11px;
							padding:2px;}
							
		#contact h6 {color:#777;					
					font-weight:lighter;
					padding:5px 0;
					text-align:right;
					}
					
		.labels {width:130px;
		float:left;}
		
		.inputs {width:300px;
		float:right;}
		
/* --------- Contact Us Page ------------------- */

.logo {	float:right;
		xmargin:0 20px 0px 0;}
		
/* --------- Links Page ------------------- */

#hp-left a {color:#457bc5;}
#hp-left a:hover {color:red;}

/* ------------- Range Page ------------------------*/

#hp-left h3 {	font-size:90%;			
	    	  	color: #C30;
				font-weight:lighter;						
				margin:10px 0 0px 25px;}
				
/*---------------------General Pages--------------------*/

.img-left {float:left; margin:10px;}