/* <![ Global [ -----------------------------------------------------------*/

/*
Site 9 Default CSS File
Working Version: template
VERSION: 1.0 
LAST MODIFIED: 02.07.2008
LAST MODIFIED BY: NAPOLISX

NOTES:
Image pathing needs to be as follows.

url(/images/img.jpg);

This can be developed any way you wish, but must be changed before upload.

*/


html {
	height:100%;}
	
.body{	
	margin:0px; 
	padding:0px 0px 20px 0px; 
	text-align:center;
	behavior:url(http://smithandlepp.com/scripts/csshover.htc);
	font:12px Arial, Helvetica, sans-serif;
	background:url(../images/body-BG.gif) top left;}
	
#body-INNER {
	background:url(../images/body-BG-inner.jpg) top left repeat-x;}
	
#container {
	position:relative;
	margin:0px auto;
	text-align:left;
	width:910px;
	padding:0px 70px;
	overflow:hidden;}
	
#search {
	}
	
	#search-field {
		width:100px;
		padding:2px 3px;
		font:11px Arial, Helvetica, sans-serif;}
		
	#search-button {
		font:11px Arial, Helvetica, sans-serif;
		width:50px;
		text-align:center;
		text-decoration:none;}
	
	#search-button:hover {	
		}
	
input, select, textarea, form {	
	margin:0px;
	padding:0px;}
	
legend	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000;}
	
hr {
	height:1px;
	color:#d2c696;
	background:#d2c696;
	border:none;
	margin:5px 0px;
	padding:0px;}
		
address {
	font-style:normal;}
	

/*	<![ Navigation [ -----------------------------------------------------------*/

		
#nav {
	height:39px;
	background:url(../images/nav-BG.jpg) top left repeat-x;
	overflow:hidden;
	color:#fff;
	text-transform:uppercase;
	font:bold 12px "Trebuchet MS", Arial, Verdana, sans-serif;}
	
	#nav ul {
		list-style:none;
		margin:0px;
		padding:0px;}
		#nav ul ul {
			display:inline;}
	#nav ul li {
		display:inline;
		margin:0px;
		padding:0px}
	#nav ul li a {
		display:block;
		float:left;
		height:28px;
		padding:11px 15px 0px 15px;
		overflow:hidden;
		text-decoration:none;
		color:#fff;}
	#nav ul li a:hover {
		background:url(../images/nav-OVER.gif) bottom center no-repeat;}
	
#aop {
	}
	
	#aop h2 {
		margin:0px 0px 8px 0px;
		padding:0px;}
	
	#aop ul li p {
		margin:0px;
		padding:0px;}
	
	#aop ul {
		list-style:none;
		padding:6px;
		margin:0px;
		background:#fff;}
	#aop ul li {
		background:no-repeat 0px 3px url(../images/aop-bullet.gif);
		padding:1px 0px 8px 10px;
		margin:0px;}
	#aop ul li a {
		font:bold 14px Arial, Helvetica, sans-serif;
		color:#000;
		text-decoration:none;}
	#aop ul li a:hover {
		color:#632a1c;}	
		
#footlinks {
	text-align:center;
	font:bold 11px Tahoma, Verdana, sans-serif;
	color:#c5b679;
	padding:15px 0px 25px 0px;}	
	
	#footlinks ul {
		list-style:none;
		margin:0px;
		padding:0px;}
	#footlinks ul li {
		display:inline;
		margin:0px;
		padding:0px;}
		
		#footlinks ul ul {
			display:inline;}

	#footlinks  ul li a {
		color:#c5b679;
		text-decoration:none;
		padding:0px 10px;}
		
	#footlinks ul li a:hover {
		color:#7e7140;}
	
/*	<![ Layout [ -----------------------------------------------------------*/

#clear {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;
	overflow:hidden;}

#header {
	margin:0px -70px;
	padding:0px 70px;
	height:268px;
	background: url(http://smithandlepp.com/images/header.jpg) top left no-repeat;
	overflow:hidden;
	font:11px Tahoma, Verdana, sans-serif;}

	#header p {
		margin:0px;
		padding:0px;}
		
	#header address {
		display:block;
		height:29px;
		padding:11px 0px 0px 336px;
		color:#fff;
		overflow:hidden;}
		
	#header address span {
		margin:-2px 0px 0px 0px;
		float:right;
		display:inline-block;
		padding:0px 15px 0px 13px;
		overflow:hidden;
		background:no-repeat 0px 2px url(http://smithandlepp.com/images/phone.gif);
		font:16px Tahoma, Verdana, sans-serif;
		text-align:left;}
.logo {
	margin:55px 0px 0px 30px;}
	
.phone-box {
	display:block;
	width:110px;
	height:31px;
	padding:8px 0px 0px 0px;
	overflow:hidden;
	text-align:center;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:11px;
	color:#f2e4a8;
	text-transform:uppercase;
	text-align:center;
	background:url(../images/phone-BG.gif) top left no-repeat;}
	
	.phone-box strong {
		font-weight:bold;
		color:#fff;
		font-size:12px;}
		
.lepp {
	position:absolute;
	top:220px;
	right:511px;}
		
.smith {
	position:absolute;
	top:220px;
	right:70px;}



#flash {
	height:;
	background:;
	overflow:hidden;}
	
	#flash p {
		margin:0px;
		padding:0px;}


#mid {
	border-top:15px solid #fff;
	border-bottom:15px solid #fff;
	padding:0px 15px 0px 23px;
	background:url(../images/mid-BG.gif) top right repeat-y #fff;}

#left {
	float:left;
	width:660px;
	overflow:hidden;}
	
#right {
	float:right;
	width:178px;
	padding:0px 5px;
	overflow:hidden;
	background:url(../images/right-BG.gif) top left repeat-x;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;}
	
	#right h2 {
		color:#632a1c;
		margin-top:0px;
		padding:0px;
		text-transform:uppercase;
		font:bold 17px "Trebuchet MS", Arial, Verdana, sans-serif;}
	
#right-TOP {
	background:url(../images/right-TOP.gif) top left no-repeat;
	height:10px;
	margin:0px -5px;
	overflow:hidden;}
	
#credit {
	clear:both;
	margin:0px;
	padding:10px 0px 0px 0px;
	height:26px;
	width:660px;
	overflow:hidden;}
	
#content {
	font:12px Arial, Helvetica, sans-serif;
	color:#2c2c2c;}
	
	#content p {
		margin:0px 0px 19px 0px;}
	#content h1{	
		font:normal 21px Arial, Helvetica, sans-serif;
		color:#541607;
		line-height:normal;
		padding:0px;
		margin-top:0px;}
	#content h2{	
		font: bold 14px Arial, Helvetica, sans-serif;
		color:#2c2c2c;
		line-height:normal;
		padding:0px;
		margin:19px 0px 0px 0px;}
	#content h3{	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:normal;
		padding:0px;
		margin:19px 0px;}
	#content h4{	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#444;
		line-height:normal;
		padding:0px;
		margin:19px 0px;}
	#content h5{	
		font: bold 12px Arial, Helvetica, sans-serif;
		color:#777;
		line-height:normal;
		padding:0px;
		margin:19px 0px;}
	#content a {
		color:#7d713e;
		font-weight:bold;
		text-decoration:underline;}
	#content a:hover {
		color:#541607;}
		
	#content ul, #content ol {
		margin-top:0px;
		margin-bottom:19px;}
		
	#content ul {
		list-style:none;
		margin-left:0px;
		padding-left:25px;}
	#content ul li {
		background:no-repeat 0px 3px url(http://smithandlepp.com/images/bullet.gif);
		padding-left:15px;}


/*  <![ Primary Contact Form [ ----------------------------------------------------*/

.pad_frm_itm {
	padding:3px 0px;
	margin:0px;}

.form-label {
	width:112px; /* Width of labels */
	padding:0px 5px 0px 0px;
	display:inline-block;
	vertical-align:top;
	line-height:14px;}
  
.form-pct {
	background:#ece5cc;
	border:1px solid #d1c69c;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:4px 5px;
	width:430px;}
	
select.form-pct {
	width:442px;}/*add 12px to .form-pct width*/
	
.msg-pct {
	background:#ece5cc;
	border:1px solid #d1c69c;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:4px 5px;
	width:550px; /*  .form-label + .form-pct + horizontal padding on .form-label   */
	height:70px;
	overflow:auto;}

.main-submit {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
	padding:2px 5px;
	text-align:center;
	background:url(../images/submit-BG.jpg) top left repeat-x #4c2017;
	border:1px solid #6b3528;} /*applied to SUBMIT and CLEAR VALUES buttons on main contact form */
	
.main-submit:hover {
	background:#c5b679;
	border:1px solid #b1a263;}


.custom-form {
	}

	.custom-form fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		border:none;}
		  
	.custom-form legend {
		padding:0px 2px;
		font-weight:bold;}
		  
	.custom-form ol {
		margin:0px;
		padding:0px;
		list-style:none;}



/*  <![ Disclaimer Alert [ ----------------------------------------------------*/

#overlay_div {
	position:relative;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	z-index:100;}

#overlay_div p {
	margin:15px 0px;}
	
#iagree {
	position:absolute;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:15px 15px 15px 15px;
	border:1px solid #031c40; /* Disclaimer box border color */
	background-color:#ececec; /* Disclaimer box bgcolor color */
	width:400px;
	margin:4px 0 0 0;}

#overlay_div h3 {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #0a3150;
	color:#031c40;
	padding:0;
	margin:0;}

#iagree .overlay_submit {
	padding:4px;
	margin:0 6px 0 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#555;
	border:1px solid #333;
	float:right;
	text-decoration:none;}
	
	#iagree .overlay_submit:hover {
		text-decoration:none;
		color:#fff;
		background:#777;
		border:1px solid #555;}
	
#iagree .checkbox {
	float:left;
	height:22px;
	display:block;}

#iagree input#Agreement {
	position:relative;
	top:3px;
	border:none;}



/*	<![ Quick Contact [ -----------------------------------------------------------*/

#qc {
	padding:20px 0px 0px 0px;}
	
	#qc h2 {
		margin:0px 0px 8px 0px;
		padding:0px;}

.pad_frm_itm2 {
	padding:2px 0px;
	margin:0px;}

.form-label2 {
	width:58px;
	padding:0px 2px 0px 0px;
	vertical-align:top;
	text-align:right;
	display:none;}
  
.form-pct2 {
	background:#fff;
	border:1px solid #e9e0bd;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px 3px;
	width:150px;}
	
.msg-pct2 {
	background:#fff;
	border:1px solid #e9e0bd;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px 3px;
	width:150px;
	height:40px;
	overflow:auto;}

.custom-form2 {
	padding:0px 10px;}

	.custom-form2 fieldset {
		margin:0px 0px 10px 0px;
		padding:0px;
		width:170px;
		border:none;}
		  
	.custom-form2 legend {
		padding:0px 2px 5px 33px;
		font:bold 14px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;}
		  
	.custom-form2 ol {
		margin:0px;
		padding:0px;
		list-style:none;}

.submit-align2 {
	text-align:center;}

.submit {
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
	padding:2px 5px;
	text-align:center;
	background:url(../images/submit-BG.jpg) top left repeat-x #4c2017;
	border:1px solid #6b3528;}
	
.submit:hover {	
	background:#c5b679;
	border:1px solid #b1a263;}


/*	<![ Disclaimer [	 -----------------------------------------------------------*/

#disclaimer {
	text-align:left;
	font:10px Tahoma, Verdana, sans-serif;
	color:#4f4e4e;}
	
	#disclaimer a {
		color:#222;
		font-weight:bold;
		text-decoration:none;}
	#disclaimer a:hover {
		text-decoration:underline;}	


/*	<![ Site 9 Styles [ --------------------------------------------------------*/

/* Directions Page Styles (Google Maps Default)


/* Fix for IE6 - prevents text from disappearing when map loads - apply this class to the RTF for content area */
.DirectionsContent {
	display:block;
	position:relative;}
	

/* [ Outer div ] -----------> */
#directionsForm {
	}

/* div that wraps form */
#directionsInput {
	padding:4px 0px;}

#fromAddress {
	width:350px;
	background:#ece5cc;
	border:1px solid #d1c69c;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	padding:4px 5px;} /* address input field */

#directionsLocale {
	padding:4px 0px;}

	#directionsLocale select {
		background:#ece5cc;
		border:1px solid #d1c69c;
		font:11px Arial, Helvetica, sans-serif;
		color:#000;} /* language dropmenu */

#locale{
	}

#directionsSubmit {
	padding:4px 0px;}
	
	#directionsSubmit input {
		font:12px Arial, Helvetica, sans-serif;
		color:#fff;
		margin:0px;
		padding:2px 5px;
		text-align:center;
		background:url(../images/submit-BG.jpg) top left repeat-x #4c2017;
		border:1px solid #6b3528;} /* GET DIRECTIONS button */
	#directionsSubmit input:hover {
		background:#c5b679;
		border:1px solid #b1a263;}


#map {
	border:1px solid #000;
	color:#000;}

#addressNotFound {
	}

#directions {
	}