@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
 
	SITE 4: STONES
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Name:screen.css
	Date:June21, 2010 
 
-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	COLORS SCHEME
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	
 
	Page BG: #dfe2d1
	Brown: #736357
	Footer: #c0c89a
	Text: #362f2d 


*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
	
body {
	line-height: 1; }
		
ul,
ol {
	list-style-type:none;
	margin:13px 0 13px 15px;
	padding:0; }

ul li,
ol li {
	line-height:1.7;
	margin:0 0 2px 0;
	padding:0; }
	
blockquote, q {
	quotes: none; }
	
.imgrt {
	float: right;
	padding: 5px;
	margin: 0 0 10px 10px;
	background-color: #feffe8;
	border: 1px solid #eee1b4;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }

:focus {
	outline: 0; }

ins {
	text-decoration: none; }
	
del {
	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }
	
.clear-both {
	clear: both;
	}	

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #362f2d;
	min-width:999px;
	font-size:75.2%;
	line-height: 1.538em;
	background-color: #fff;} 

 
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#3f9185;
	margin: 0;
	outline: 0; }
 
a, a:visited, a:active {
	text-decoration: none; }
 
a:hover {
	color: #484747;
	text-decoration: none; }
  
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	line-height: 1.7;
	font-size:1em;
	color:#727272;
	margin: 0 0 12px 0; }

h1, h2, h3, h4, h5 { letter-spacing:-0.5px; }
 
h1 {
	font-size:2.0em;
	color:#696865;
	font-weight: normal;
	margin: 5px 0 10px 0; }
 
h2 {
	font-size:2.2em;
	color:#484747;
	font-weight: normal;
	margin: 0 0 10px 0; }
 
h3 {
	font-size:1.8em;
	color:#696865;
	font-weight: normal;
	margin: 0 0 10px 0; }

h4 {
	font-size:1.3em;
	color:#3f9185;
	font-weight: normal;
	margin: 0 0 5px 0; }
	
.blue {
	color: #3f9185; }	


/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */
 
/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#container {
	width:960px;
	margin: 0 auto;
	background:#f8eed6 url("../images/bg_body.jpg") no-repeat top left;
	overflow: hidden;
	border-left: 1px solid #babdb0;
	border-right: 1px solid #babdb0;
	border-bottom: 1px solid #babdb0;		
	}

/* SIDEBAR */	
#sidebar {
	float: left;
	width: 259px;
	padding-top: 24px;
	margin-left: 17px;
	background: url("../images/bg_sidebar.png") repeat-y;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	}	

/* CONTENT */
#content {
	float: right;
	width: 680px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	}
 
 /* HEADER */
#header {
	float: left;
	}

#main-body { 
	float: left;
	width: 608px;
	margin-left: 25px;
	padding: 0 5px 25px 5px;
	overflow:hidden;
	}

#footer {
	clear: both;
	width: 932px;
	height: 165px;
	margin:0;
	padding-left: 28px;
	background: url("../images/bg_footer.gif") repeat-y;
	}
	
#footer-short {
	clear: both;
	width: 932px;
	height: 50px;
	margin:0;
	padding-left: 28px;
	background: url("../images/bg_footer.gif") repeat-y;
	}	
	

/* CONTENT */
#sidebar-content {
	width: 193;
	margin-left: 33px;
	}

#sidebar .logo {
	float: left;
	}	

#sidebar-content p {
	width: 163px;
	margin: 20px 0 0 13px;
	}
	
#side-text p {
	margin-bottom: 30px;
	}
	
/* side navigation menu */

.sideNavWrapper	{
	background: transparent url("../images/bg_linkbar_repeat.gif") repeat-y 0 0;
	margin: 7px 0 0.5em 8px;
	width: 173px;
	}
	
.sideNavBox-1 {
	background: transparent url("../images/bg_linkbar_top.gif") no-repeat 0 0;
	padding-top: 2px;
	}
	
.sideNavBox-2 {
	background: transparent url("../images/bg_linkbar_bottom.gif") no-repeat 0 100%;
	padding-bottom: 2px;
	min-height: 100px;
	}

ul.sideNav {
	padding: 0;
	margin-left: 0;
	}
	
ul.sideNav li {
	font-size: 1.3em;
	background: none;
	padding: 0;
	margin: 0;
	}
	
.sideNav li a {
	display: block;
	padding: 0.5em 5px 0.5em 5px;
	margin: 0 20px 0 20px;	
	border-bottom: 1px solid #e4e3d9;
	color: #fff;
	text-decoration: none;
	}

.sideNav li a:hover {	
	color: #555555;
	}
	
li.last a {
	border-bottom: none;
	}	
	
.sideNav li.currentPage	{ background: transparent url("../images/side-navigation-active.gif") no-repeat 0 0; }
.sideNav li.currentPage	a,
.sideNav li.currentPage a:link, .sideNav li.currentPage a:visited,
.sideNav li.currentPage a:hover, .sideNav li.currentPage a:active	{ color: #2C2C2C; border-bottom: 1px solid #fff; }
		
	
#main-body #title {
	padding-top: 34px;
	}	

#main-body #body-copy {
	width: 500px;
	vertical-align: top;

	}
	
#footer-photo {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#footer-bullets {
	float: left;
	width: 580px;
	height: 156px;
	display: table;
	margin: 0 0 0 45px;	
	}
	
#footer-bullets p {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	}	
	
#footer-bullets u {
	}
	
#footer-bullets ul li {
	list-style: square;
	line-height: 20px;
	font-size: 14px;
	color: #555;
	margin-left: 18px;
	}		
	
#footer-form {
	width: 220px;
	float: right;
	margin-right: 35px;	
	padding-top: 15px;	
	}	
	
#footer-form h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #555;
	}	
	
#footer-message {
	float: left;
	padding-left: 45px;
	vertical-align: middle;
	}	

#services {
	margin: 20px 0 10px 0;
	}
	
#services h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.538em;
	font-weight: bold;
	color: #727272;
	margin-bottom: 10px;
	}		
	
#services p {
	font-weight: bold;
	margin-bottom: 30px;
	}	
	
.testimonial {
	float: left;
	margin: 20px 0 50px 0;
	}	
	
.testimonial p {
	margin: 0;
	}		
	
.testimonial .author {
	float: right;
	font-style: italic;
	}	
	
#main-body h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.538em;
	font-weight: bold;
	color: #727272;
	margin-bottom: 10px;
	}		
	
	
.myform{
margin:0 auto;
padding:14px;
}

/* ----------- stylized ----------- */

#stylized {
	width:260px;
	float: right;
	margin-right: 35px;
	margin-top: 17px;
	}

#stylized h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #555;
}

#stylized p{
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	padding-bottom:3px;
	}

#stylized label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:40px;
	float:left;
	clear: left;
	color: #555;
	}

#stylized input{
	float:left;
	font-size:12px;
	padding:2px 2px;
	border:solid 1px #898989;
	width:120px;
	margin:0 0 6px 10px;
	}

#stylized button{
	float: left;
	margin:0 0 0 10px;
	width:65px;
	height:20px;
	border: none;
	background:#666666;
	text-align:center;
	line-height:18px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	}	
	
#copy-wrap {
	width: 960px;
	margin: 10px auto;
	font-size: 11px;
	}
	
#copyrt {
	float: left;
	}
	
#copyrt p {
	margin: 0;
	}
	
#bsb {
	float: right;
	}
					
#bsb p {
	margin: 0;
	}