/*********************
* Globals
*********************/

*{margin: 0; padding: 0; border: 0}

body{
	background: #e0e0e0 url(../images/body-bg.jpg) repeat-x;
	color: #000;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
}


a:link,a:visited	{ color:#5B7884; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#017798; text-decoration:underline; outline:none; }

.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
 
.clearfix {display: inline-block;} 
 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

img.img-right {
	float:right; 
	margin:5px; 
	}
	
img.img-left {
	float:left; 
	margin:0px; 
	}

/*********************
* Structural
*********************/

#quick-contact{
	background: url(../images/contact-bg.jpg) repeat-x; 
	height:600px; 
	width:236px;
	margin:0 0 0 20px;
	padding-top:20px;
	}
	
#quick-contact h2{
	background:url(../images/index_13.jpg) no-repeat;
	height:20px;
	text-indent:-900em;
	}
	
#main-form{
	width:300px;
	margin-left:50px
	}
	
#locate-us{
	background: url(../images/contact-bg.jpg) repeat-x; 
	height:600px; 
	width:236px;
	margin:0 0 0 20px;
	}
	
#locate-us h2{
	font-size:16px;
	color:#431288;
	}	
	
#locate-us img{
	margin-left:15px;
	}


#wrap{
	margin: 0 auto;
	width: 756px;
	background: url(../images/index_21.jpg) repeat-y;
}

#bottom-wrap {
	background: url(../images/footer.jpg);
	height:15px;
	clear:both;
	width:100%; /* fix for Safar */

	}

#titlebar{
	width: 756px;
	height: 73px;
	background: url(../images/title.jpg) no-repeat;
}

#header{
	width: 756px;
	height: 227px;
	background: url(../images/header.jpg) no-repeat;
}

#col-right-top{
	height: 68px;
	background: url(img/col-right-top.jpg) no-repeat;
	margin-bottom:-50px;
	}
	
#list{
	height: 145px;
	background: url(img/img-list.jpg) no-repeat;
	}



#left-col{
	width: 236px;
	float: left;
	text-align: left;
}

#left-col p, #left-col h2{
margin: 0px 0 5px 30px;
}

#left-col p{
color:#431288;
}

#right-col ul {padding-left:25px; }
		#right-col ul li { 
			background:transparent url(img/arrow.gif) 0px 2px no-repeat;
			padding-left:15px; /* pushes text to the right to display bg img */
			list-style:none;
			margin-bottom:5px;
			}

#right-col{
	width: 500px;
	float: right;
	text-align: left;
	margin-bottom:20px;
}

	#right-col form{
	margin-left:20px;
	}

blockquote{
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
	}
	
	#right-col p, #right-col h1, #right-col h2{
	margin-left:20px;
	margin-right:55px;
	}
	
	#right-col h1{
		font-size:16px;
		color:#481591;
		}
	
	#right-col h2{
		font-size:14px;
		color:#481591;
		padding:10px 0 10px 0;
		}

	

h3{
		font-size:13px;
		color:#481591;
		padding:12px 0 12px 0;
		}



/* Main Nav
 * ------------------------------------------------------------------------- */
 
 #nav { 
	background: url(../images/nav.jpg) no-repeat; 
	width:756px; 
	height:39px; 
	margin:0;
	padding:0; 
	}

#nav a{ text-indent:-900em;}

#nav li, #nav a { 
	height:39px; 
	display:block; 
	 } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 145px; margin-left: 12px;}
#nav-02 { width: 240px;}
#nav-03 { width: 170px;}
#nav-04 { width: 170px;}

#nav-01 a:hover { background:url("../images/nav.jpg")  -12px -39px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -157px -39px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -397px -39px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -567px -39px no-repeat; }

/*********************
* Contact Form
*********************/
#main-form h1{margin:20px;}
#main-form input, #main-form input textarea, #main-form input select{width:270px;}
#main-form textarea { height:100px; width:270px; overflow:auto; }

form {
	width:170px;
	margin:0 auto;
	}
	
form p{
	color:#431288;
	font-size:11px;
	line-height: 12px;
	}



form label	{ font-size:12px; color:#431288; }



form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #431288;
	color:#1415A1;
	width:165px; /* 5 pixles smaller than form width !important */
	height:20px;
	line-height:20px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	}

	

select { width:170px; padding:0; } /* same width as form - !important */



textarea { height:90px; overflow:auto; }

input.submit{ 
	width:60px;
	height:25px;
	cursor:pointer; 
	padding:0; 
	background:url(img/btn-submit.gif);
	border:none;
	background-color:none !important;
	border:1px solid #431288;

	}
	
#main-form input.submit-contact{ 
	width:60px;
	height:25px;
	cursor:pointer; 
	padding:0; 
	background:url(img/btn-submit.gif);
	border:none;
	background-color:none !important;
	border:1px solid #431288;

	}
	
/*********************
* Footer
*********************/
#footer {
	width:780px;
	margin:0 auto;
	padding:20px;
	text-align:center;
	}

#footer p{
color:#1415A1;
font-family:"Georgia", Times New Roman, Times, serif;
		}