/*
//-----------------------------------------------------------------------------

	shell.css
	
	version:   1.0
	date:      4/05/09
	author:    Dreamten Studios, LLC.
	url:       www.dreamten.com
	

// -----------------------------------------------------------------------------
*/


/*	Import external stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("form.css");


/*	Global Elements
-----------------------------------------------------------------------------*/

@media screen {

body {
	background: rgb(41,43,41);
	margin: 0;
	padding: 0;
	text-align: center
	}
.wrap {
	margin: 0 auto;
	width: 920px
	}
#header {
	background: rgb(255,255,255);
	border-bottom: 1px solid #e4e3e1;
	padding-top: 100px
	}
		
a:link,
a:visited {
	color: rgb(171,84,15);
	text-decoration: none
	}
a:hover {
	text-decoration: underline
	}
		
/*	Site Navigation
-----------------------------------------------------------------------------*/
		
ul#siteNav {
	float: right;
	height: 34px;
	margin-right: 105px;
	padding-top: 40px /* baseline nav w/ logo */
	}
ul#siteNav li {
	display: block;
	float: left;
	font-family: Georgia;
	font-size: 15px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px
	}
	
ul#siteNav li a:link,
ul#siteNav li a:visited {
	display: block;
	color: rgb(120,121,116);
	float: left;
	font-family: "Georgia", Times, Times New Roman, serif;
	font-size: 14px;
	font-style: italic;
	height: 30px;
	line-height: 30px;
	padding: 0 2px;
	text-decoration: none;
	text-indent: -9999px
	}
	
	ul#siteNav li#showcase a { background: url(../img/nav_showcase.gif) center center no-repeat; width: 80px }
	ul#siteNav li#about a { background: url(../img/nav_about.gif) center center no-repeat; width: 90px }
	ul#siteNav li#contact a { background: url(../img/nav_contact.gif) center center no-repeat; width: 90px }
	
	ul#siteNav li#showcase a.current { border-bottom: 4px solid rgb(171,84,15) }
	ul#siteNav li#about a.current { border-bottom: 4px solid rgb(118,106,0) }
	ul#siteNav li#contact a.current { border-bottom: 4px solid rgb(175,168,53) }
	
ul#siteNav li a:hover {
	color: rgb(182,182,173);
	text-decoration: none
	}
ul#siteNav li a.current {
	color: rgb(104,104,100);
	text-decoration: none
	}
	
	.mheight {
		float: right;
		height: 420px;
		width: 1px	
		}
	
#content {
	background: rgb(255,255,255) url(../img/content_bkg.jpg) center bottom no-repeat;
	color: rgb(130,128,117);
	font-size: 14px;
	line-height: 1.5em;
	padding: 45px 0 100px;
	text-align: left
	}
	#showcase #content {
		padding: 0
		}
	#content #aboutCol {
		display: block;
		float: left;
		padding-right: 30px;
		text-align: left;
		width: 500px;
		}
	#content #serviceCol {
		border-left: 1px dotted rgb(207,207,193);
		border-right: 1px dotted rgb(207,207,193);
		display: block;
		float: left;
		font-size: 12px;
		padding: 0 30px;
		width: 120px
		}
		#serviceCol ul {
			margin-bottom: 20px
			}
			#serviceCol ul li {
				font-size: 12px;
				line-height: 1.1em;
				margin-bottom:10px;
				}
				.servicehdr,
				.quotehdr,
				.addresshdr,
				.phonehdr {
					color: rgb(134,136,27);
					font-size: 12px;
					font-weight: 700;
					margin-bottom: 10px;
					text-indent: -9999px;
					text-transform: uppercase
					}
				.servicehdr { background: url(../img/txt_servicehdr.gif) 0 center no-repeat }
				.quotehdr { background: url(../img/txt_quotehdr.gif) 0 center no-repeat }
				.addresshdr { background: url(../img/txt_addresshdr.gif) 0 center no-repeat }
				.phonehdr { background: url(../img/txt_phonehdr.gif) 0 center no-repeat }
				
	#content #addressCol {
		border-left: 1px dotted rgb(207,207,193);
		display: block;
		float: left;
		font-size: 12px;
		padding: 0 30px 20px;
		width: 120px
		}
				
	#content #quoteCol {
		display: block;
		float: left;
		padding-left: 20px;
		width: 170px
		}
		#quoteCol blockquote {
			font-family: Times, Times New Roman, serif;
			font-size: 16px;
			font-style: italic;
			
			line-height: 1.4em;
			margin-bottom: 15px
			}
		#quoteCol .quoteauth {
			font-size: 12px;
			line-height: 1.3em
			}
			
	a.freeconsult {
		background: url(../img/btn_freeconsult.gif) center 0 no-repeat;
		color: rgb(174,174,168);
		display: block;
		float: right;
		font-size: 12px;
		font-style: italic;
		font-weight: 700;
		line-height: 28px;
		margin-right: 20px;
		padding: 0;
		text-align: center;
		text-decoration: none;
		text-indent: -9999px;
		width: 205px
		}
		a.freeconsult:hover { background-position-y: -28px }
	
	

/*	Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	height: 35px;
	padding-top: 3px;
	margin: 20px auto;
	text-align: right;
	width: 910px;
	font:9.5px Georgia, "Times New Roman", Times, serif;
	}
	#footer .member {
		background: url(../img/logo_asidmember.gif) right 0 no-repeat;
		color: rgb(143,143,131);
		float: right;
		font-style: italic;
		line-height: 1.3em;
		margin:0 30px 0;
		padding: 10px 70px 20px 0;
		width: 210px
		}
	#footer .legal {
		color: rgb(143,143,131);
		float: left;
		margin-top: 5px
		}



/*	Typography
-----------------------------------------------------------------------------*/

h1.logo a {
		background: url(../img/logo.gif) 0 center no-repeat;
		display: block;
		float: left;
		height: 50px;
		text-indent: -9999px;
		width: 200px
	}
	h1 span {
		font-family: arial, lucida sans unicode, lucida grande, sans-serif;
		font-size: 11px;
		font-style: italic;
		margin-left: 10px
		}
h2 {
	font-size: 28px;
	color: rgb(103,102,97);
	line-height: 1em;
	margin-bottom: 45px
	}
	h2.about {
		background: url(../img/hdr_about.gif) 0 center no-repeat;
		text-indent: -9999px
		}
	h2.contact {
		background: url(../img/hdr_contact.gif) 0 center no-repeat;
		text-indent: -9999px
		}
h3 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 13px;
	font-weight: 700;
	color: rgb(130,3,22);
	margin-bottom: .7em
	}
h4 {
	font-family: "Rockwell", garamond, georgia, times new roman, times, serif;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: .5em;
	color: rgb(0,0,0);
	}
h5 {
	font-family: "Gotham-Book", lucida sans unicode, lucida grande, sans-serif;
	font-size: 11px;
	text-transform: uppercase
	}
p {
	margin-bottom: 1em;
	}
	.xsmall { font-size: 11px }
	.hvy {  font-weight: 700 }
	p strong { font-weight: 700 }

}
