/* -------------------------- Global Styles --------------------------  */

hr {
	border-top: dotted #7eb9bd 1px;
	color: #7eb9bd;
	background-color: #7eb9bd;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin-bottom: 20px;
	outline: none;
	background: none;
}


a { color:#6fabb4; }

body {
	/* margin: 0 auto; 
	width: 820px; 
	text-align: left; */
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	color:#fff;
	background: #000 url(graystone_images/header_bg.gif) center top repeat-x;
	
}

#body_wrapper {
	margin: 20px auto;
	width: 760px;
	text-align: left; 
	clear: both;
}

#main_content_wrapper {
	width: 760px; 
	padding: 0; 
}
#content_left_col-wrapper {
	width:246px; background: #fff url(graystone_images/left_col_bg-top.jpg) top center no-repeat; float:left; min-height: 800px; overflow: visible;
}
#content_left_col {padding: 40px 20px 20px 20px;}






#footer {  	/* margin: 0 auto; */
	/* text-align: left; */
	clear: both;
	margin: 0;
	padding: 0;
	min-width: 800px;
	background: #323131 url(graystone_images/footer_bg.gif) top left repeat-x;
}
	
#footer_wrapper {
	margin: 0 auto;
	text-align: left;
	width:760px; 
	background: #323131 url(graystone_images/footer_bg.gif) top center repeat-x; 
	padding: 0;  
}

#footer_content {
	float: left;
	width: 500px;
	padding: 18px 0 0 0;
	text-align: left;
	font-size: .7em; 
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #d5d4d4;
	margin: 0;}
	
#footer_content p {	
	padding: 0;
	margin: 0;
}
#footer_content div.contact {	
	font-size: 1.6em; 
	padding: 3px 0 10px 0;
	margin: 0 0;
	line-height: .9em;
}		
#footer_content div {	
	padding: 30px 0 10px 0;
	margin: 0 0;
}
#footer_content p a {
	text-decoration: none;
	color: #323b6d;}	
#footer_content p.small {
	font-size: .85em;}	
#footer_content p strong {
	font: normal 1.1em;}
#footer_content p a:hover {
	text-decoration: underline;
	color: #000;}
	
#footer_content p.small{
	line-height: 1em; 
	letter-spacing: .01em; 
	padding: 4px 15px 10px 0px;
	margin: 0;
}
#footer_wrapper h6{
	width:240px; 
	height:153px; 
	background: #3f3e3e url(graystone_images/more_design_styles.gif) top left no-repeat; 
	float:right;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
}



/* -------------------------- Top Header Styles --------------------------  */

#header_wrapper {
	margin: 0 auto;
	text-align: left;
	width:760px; 
	height:156px; 
	overflow: hidden;
	background: #fff url(graystone_images/header_bg.gif) center top repeat-x;
}
#header_wrapper h1 {
	width:250px; 
	height:68px; 
	background: #000 url(graystone_images/graystone-logo.gif) top left no-repeat; 
	float:left;
	padding: 0;
	margin: 41px 0 0 0;
	text-indent: -9000px;
}
#header_wrapper h2 {
	width:356px; 
	height:55px; 
	background: #000 url(graystone_images/quality_screen_printing.gif) top left no-repeat; 
	float:right;
	padding: 0;
	margin: 0;
	text-indent: -9000px;
}


/* ---------------------------  HOME page styles  ------------------------------------  */


#content_home_cols-wrapper{ margin: 0 0 30px 0;
	clear: both;
	float: left;

}
#home_col_1 {
	width:240px; 
	padding: 0 0 0 0px; 
	margin: 0;
	float: left;

}
#home_col_1 p, #home_col_2 p, #home_col_3 p {
	font-size: .7em; 
	line-height: 1.7em; 
	padding: 18px 0px 0px 0px;
	margin: 0;
	font-weight: normal;
}

#home_col_1 a, #home_col_2 a, #home_col_3 a {
	display: block;
	height: 240px;
	width: 240px;
	overflow: hidden;
	text-indent: -9000px;
	background-position: bottom;
	padding: 0;
	margin: 0;
}
#home_col_1 a:hover, #home_col_2 a:hover, #home_col_3 a:hover {
	background-position: top;
}
#home_col_1 a {
	background: url(graystone_images/graystone_senior_shirts.jpg) bottom left no-repeat;
}
#home_col_2 a {
	background: url(graystone_images/graystone_reunion_gear.jpg) bottom left no-repeat;
}
#home_col_3 a {
	background: url(graystone_images/graystone_puttinguson.jpg) bottom left no-repeat;
}

#home_col_2 {
	width:240px; 
	padding: 0 0 0 20px; 
	margin: 0;
	float: left;
}
#home_col_3 {
	width:240px; 
	padding: 0 0 0 20px; 
	margin: 0;
	float: left;
}
.more a {
	height: 15px;
	line-height: 15px;
	display: block;
/*	float: left;  */
	width: 95px;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9000px;
	border: none;
	background: url(graystone_images/learnmore-btn.png) left no-repeat; 
	background-position: top;
	margin: 15px 0 25px 0;}
.subscribe a {
	height: 16px;
	line-height: 16px;
	display: block;
	float: left;
	width: 118px;
	text-decoration: none;
	overflow: hidden;
	text-indent: -9000px;
	border: none;
	background: url(graystone_images/subscribe_now-btn.png) left no-repeat; 
	background-position: top;
	margin: 15px 0 25px 0;}

.subscribe a:hover, .more a:hover {
	background-position: bottom;}