/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */

/* undohtml.css
 * (CC) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 **********************************************************************/

/* Purpose: undo some default styling of common (X)HTML browsers      */

/* link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  *********************************************************************/
:link,:visited { text-decoration:none }

/* no list-markers by default (optional)                              */
ul,ol { list-style:none }

/* Avoid browser default inconsistent font-sizes                      */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 **********************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }

/* remove default borders around linked images                        */
a img,:link img,:visited img { border:none }

/* more varnish stripping as necessary...                             */


/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #99CCFF url(../images/main_bg.jpg) left top repeat-x;
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height: 16px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

a img, :link img, :visited img { border: none }

a:link, a:visited {
	color: #003366;
	text-decoration: underline;
}
a:hover, a:active {
	color: #99cdff;
	text-decoration: underline;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 760px;
	margin: 0 auto;
	background: #FFFFFF url(../images/wrapper_bg.jpg) left top repeat-y;
	text-align: left;
}

#wrapper-inside {
	width: 760px;
	margin: 0 auto;
	background: #FFFFFF url(../images/sub/sub_wrapper.jpg) left top repeat-y;
	text-align: left;
}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/menu.jpg) left top no-repeat;					
	width: 241px;
	height: 271px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu li, #menu a {height: 26px; display: block;}
#menu-01 {top: 110px; height: 28px;}
#menu-02 {top: 138px;}
#menu-03 {top: 164px;}
#menu-04 {top: 190px; height: 27px;}
#menu-05 {top: 217px; height: 28px;}

#menu-01, #menu-02, #menu-03, #menu-04, #menu-05 { width: 241px; }

#menu-01 a:hover {background: transparent url(../images/menu.jpg) -241px -110px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/menu.jpg) -241px -138px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/menu.jpg) -241px -164px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/menu.jpg) -241px -190px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/menu.jpg) -241px -217px no-repeat;}

/* content
 * ------------------------------------------------------------------------------------- */
#banner {
	width: 760px;
	float: left;
	height: 271px;
}

	.banner1 {
		background: url(../images/banners/index.jpg) right top no-repeat;
	}

	.banner2 {
		background: url(../images/banners/sub.jpg) right top no-repeat;
	}

#index {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 10px;
	background: url(../images/index/index_bg.jpg) left bottom no-repeat;
}

	#dr {
		width: 241px;
		float: left;
	}
		#dr p, #dr li {
			margin-left: 30px;
			margin-right: 15px;
		}
	
	#welcome {
		width: 315px;
		float: left;
	}
		#welcome p, #welcome h1, #welcome h2, #welcome h3 {
			margin-left: 10px;
			margin-right: 10px;
		}
	
	#contact {
		width: 204px;
		background: url(../images/index/contact_footer.jpg) left bottom no-repeat;
		float: left;
		position:relative;
	}
	#right-column-index {
		width:204px;
		float:left;
		position:relative;
		}

		#contact p {
			margin-left: 17px;
			margin-right: 15px;
		}
		#contact form {
			margin-left: 17px;
			margin-bottom: 15px;
		}
	#sub-contact-index {
		width:194px;
		position:relative;
		background:url("../images/our-office.jpg") no-repeat;
		float:left;
		margin:10px 0 0 0;
		padding:35px 0 0 0;
		}
	#sub-contact-index p {
		margin-left:17px;
		margin-right:10px;
		}
#sub-index {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

	#office {
		width: 241px;
		float: right;
		height: 204px;
		background: url(../images/index/office_bg.jpg) left top no-repeat;
	}
		#office p {
			margin-left: 28px;
			margin-right: 10px;
			margin-top: 130px;
		}
	
	#featured {
		width: 519px;
		float: right;
		background: url(../images/index/featured_bg.jpg) left top no-repeat;
		height: 204px;
	}
		#featured p {
			margin-left: 28px;
			margin-right: 260px;
			margin-top: 65px;
		}

#inside {
	width: 760px;
}

	#content-left {
		width: 241px;
		float: right;
	}
		#content-left form {
			margin-left: 35px;
			margin-right: 35px;
			margin-bottom: 35px;
		}
		
	#sub-contact {
		background: url(../images/sub/contact_bg.jpg) left top repeat-y;
		width: 241px;
		padding-bottom: 10px;
	}
		#sub-contact p {
			margin-left: 35px;
			margin-right: 35px;
		}
	
	#our-location {
		background: url(../images/sub/contact_bg.jpg) left top repeat-y;
		width: 241px;
		float: left;
	}
		#our-location p {
			margin-left: 35px;
		}
		
	#sub-left {
		width: 241px;
		padding-bottom: 15px;
	}
		#sub-left ul, #sub-left p {
			margin-left: 35px;
			margin-right: 20px;
			margin-top: 18px;
		}
		#sub-left li, #sub-left p {
			color:#FFFFFF;
			font-size: 11px;
		}
				
	#content-right {
		width: 519px;
		float: right;
		background: url(../images/sub/content_right_bg.jpg) left bottom no-repeat;
		padding-bottom: 10px;
	}
		#content-right p {
			margin-left: 35px;
			margin-right: 35px;
		}
		
		#content-right p.img-center {
			text-align: center;
			margin-top: 10px;
		}
		
		#content-right h1 {
			color: #2D76DF;
			font-size: 14px;
			margin-left: 35px;
			margin-right:35px;
		}
		
		#content-right h2 {
			color: #8D4F00;
			margin-left: 35px;
			margin-right: 35px;
		}
		
		#content-right h3 {
			color: #FECF2A;
			margin: 0px 35px 0px 35px;
		}
		
		#content-right h4 {
			text-decoration: underline;
		}
		
		#content-right form {
			margin-bottom: 20px;
		}
		
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	width: 760px;
	height: 53px;
	clear: both;
	background: url(../images/index/footer_index.jpg) left top no-repeat;
}


#sub-page-footer {
	width: 760px;
	height: 55px;
	clear: both;
	background: url(../images/sub/footer.jpg) left top no-repeat;
}

#footer {
	width: 740px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#footer a:link, #footer a:visited {
		color: #155FC5;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #000;
		text-decoration: underline;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
 #contact_business { display: none; } /* do not remove */ 
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #4385E2;
	background-color: #CCC;
	margin-bottom: 2px;
}

.quickcontact {
	width: 150px;
}

.top {
	display: block;
	text-align: right;
	font-size: 10px;
}

.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.big-form label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

.big-form br {
	clear: left;
}

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

img.img-right {
	float: right;
	padding: 0px 0px 10px 10px;
}

img.map {
	float: left;
	margin-left: 33px;
}

div.clear {
	clear: both;
}
.border {
	border: 1px solid #000;
}

.top {
	text-align: right;
	display: block;
}
.procedures-img {
	margin-top: 15px;
}