/*  A_STRUCTURE.CSS for www.RollingSharpeningStone.com  ::  */

/* BASELINE SETTINGS  ----------------------*/

/*<![CDATA[*/

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }

table { 
border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { 
font-style: normal; font-weight: normal; }

ol, ul { margin: 1em 0;  margin-left: 10px; padding-left: 0; }

ul { list-style-type: none; padding-left: 0; }

ol { list-style-type: decimal; }

caption, th {  text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* COLOR PALETTE --------------------------------------*/

.palegray { color: #d9deed; }
.tan { color: #cebb90;  }

.blueblack	{ color: #37415e; }
.cobalt { color: #475fa3;  }

.red { color: #be3c4a; }
.darkred { color: #a4312e; }

.cinnamon { color: #95693f; }
.sepiabrown { color: #5f4f40; }


/*   STRUCTURE SETTINGS  ----------------------*/
html {
	margin: 0;  
	padding: 0;
}

body { 
	position: relative;
	top: 0;
	left: 0;
	margin: 0;  
	padding: 0;  
	color: #333333; 
	background-color: #fff;  
	background-image: url(images/MAINBAR.jpg);
	background-repeat: repeat-y;
	background-position: top center;	
	text-align: center;
	font-size: 76%;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

#container { 
	position: relative;
	top: 0;
	left: 0;
	width: 950px; 
	height: auto;
	margin: 0 auto;
	padding: 0;	
} 

#content { 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 950px;
	height: auto;
	padding: 0; 		
	margin: 0 auto; 
	background-color: transparent;	
}

/* CSS LAYOUT BLOCKS ------------------------------------*/

#LOGOBLOCK {
	position: absolute;
	left: 0px;
	top: -0px;
	width: 226px;
	height: 134px;
	border-left: 1px solid black;
}
#TAGLINE {
	position: absolute;
	left: 226px;
	top: 0px;
	width: 494px;
	height: 134px;
	border-left:   1px solid black;
}

#UTILITY {
	position: absolute;
	left: 720px;
	top: 0px;
	width: 226px;
	height: 134px;
	border-left:   1px solid black;
	border-right:  1px solid black;
	z-index:  200;
}
/* CSS ROW 2 ------------------------------------*/

#LEFT_SQUARE {
	position: absolute;
	left: 0px;
	top: 134px;
	width: 226px;
	height: 179px;
	border-left:   1px solid black;
	border-top:  1px solid black;
}

#CENTER_TOP_PANEL {
	position: absolute;
	left: 226px;
	top: 134px;
	width: 494px;
	height: 179px;
	border-left:   1px solid black;
	border-top:  1px solid black;
}

#CENTER_TOP_PANEL_WHITE { /* for franchisee pages */
	position: absolute;
	left: 226px;
	top: 134px;
	width: 494px;
	height: 179px;
	border-left: 1px solid black;
	border-top:  1px solid black;
	background-image: none;
	background-color: #ffffff;	
	text-align: left;
	padding: 20px; 
	
}
/* See below: FRANCHISEE CONTACT INFORMATION ------- -*/

.dropoff_block { float: right;
	width: 140px;
 	margin: 0px 10px 10px 10px;
 	border: 1px solid #666666;
 	padding: 8px;
 	color: #333333;
 	font-size: .9em;
 	line-height: 1.7em;
 	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif; 	
 }

#RIGHT_SQUARE {
	position: absolute;
	left: 720px;
	top: 134px;
	width: 226px;
	height: 179px;
	border-left:   1px solid black;
	border-top:  1px solid black;
	border-right:   1px solid black;
}
/* CSS ROW 3 ------------------------------------*/

#LEFT_NAV_PANEL {
	position: absolute;
	left: 0px;
	top: 313px;
	width: 226px;
	height: 449px;
	border-left:   1px solid black;
	border-top:  1px solid black;
	background-color: #cebb90;
	background-image: url(images/LEFT_NAV_PANEL.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#CENTER_WHITE {
	position: absolute;
	left: 226px;
	top: 313px;
	width: 494px;
	height: 449px;
	border-left:   1px solid black;
	border-top:  1px solid black;	
	background-color: #ffffff;
	background-image: url(images/CENTER_WHITE.jpg);
	background-repeat: no-repeat;
	background-position: top center;	
}

#RIGHT_GRAY_PANEL {
	position: absolute;
	left: 720px;
	top: 313px;
	width: 226px;
	height: 449px;
	border-left: 1px solid black;
	border-top:  1px solid black;
	border-right: 1px solid black;
	background-color: #d9deed;
	background-image: url(images/RIGHT_GRAY_PANEL.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
/* CSS ROW 4 ------------------------------------*/

#LEFT_BOTTOM_PANEL {
	position: absolute;
	left: 0px;
	top: 762px;
	width: 226px;
	height: auto;
	min-height: 200px;
	border-left: 1px solid black;
	background-color: #cebb90;
	margin-bottom: 10px;
}

#CENTER_BOTTOM_WHITE {
	position: absolute;
	left: 226px;
	top: 762px;
	width: 494px;
	height: auto;
	min-height: 200px;
	border-left:   1px solid black;	
	background-color: #ffffff;	
	margin-bottom: 10px;
}

#RIGHT_BOTTOM_GRAY_PANEL {
	position: absolute;
	left: 720px;
	top: 762px;
	width: 226px;
	height: auto;
	min-height: 200px;
	border-left:   1px solid black;
	border-right:   1px solid black;
	background-color: #dde2ee;
		/* was #d9deed; */
	margin-bottom: 10px;
}

#primary {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 6px;
	padding: 6px 10px;
	width: 475px; 	
	text-align: left;	
	background-color: transparent;
	z-index: 199;
}

.text {
	padding: 6px 10px;
	color: #333333;
	font-size: 100%;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	z-index: 200;
}

p { padding-bottom: 1em; }

#primary a { 
	font-size: 1.0em;
	line-height: 1.8em;
	font-family: Verdana, sans-serif; }
#primary a:link 	{ color: #306676; text-decoration: none;
	border-bottom: 1px dotted #72afc0; }
#primary a:visited 	{ color: #306676; text-decoration: none;
	border-bottom: 1px  dotted #72afc0 }
#primary a:hover	{ color: #d02656; text-decoration: none;
	border-bottom: 1px dotted #d02656; }
#primary a:active	{ color: #d02656; text-decoration: none;
	border-bottom: 1px dotted #d02656; }
	

ul.general_info { 
	width: 160px;
	padding: 0 10px 0px 10px;
	border-left: 1px dotted #a28d5d; /* chocolate */ }

ul.franchisee_info { 
	width: 160px;
	padding: 0 10px 0px 10px;
	border-left: 1px dotted #a28d5d; /* chocolate */ }


/* NAVIGATION --------------------------------------*/

div#secondary {
	position: absolute;
	left: 10px;
	top: 0px;
	margin: 6px 0 0 0;
	padding: 6px 6px 6px 0;
	width: 494px; 	
	text-align: left;
	vertical-align: top;	
	background-color: transparent;
	color: #333333;	
	font-size: 95%;
	line-height: 1.8em;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	z-index: 100;
}

div.navbar {position: relative;
	top: 0; 
	left: 0px; 
	width: 210px;
	height: auto;
	margin: 0; 
	padding: 3px 0 0 0;
	z-index: 150;
}

div.navbar a { 
	font-size: .9em;
	line-height: 1.8em;
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif; }
	
div.navbar a:link,
div.navbar a:visited 	{ color: #5f4f40; text-decoration: none; }
div.navbar a:hover,
div.navbar a:active		{ color: #b2423f; text-decoration: none;
	border-bottom: 1px solid #b2423f; }

/* RIGHT HAND NAVBAR: LIST OF FRANCHISEES & AREAS ------------ */

div.franchisees_list { 
	position: relative;
	left: 10px;
	top: 10px; 
	padding: 4px 4px 2px 0px;
	width: 210px;
	text-align: left;
	z-index: 500;	
}
div.franchisees_list li.area { 
	padding-bottom: 2px; 
	font-size: .9em;
	line-height: 1.3em;
	font-weight: normal;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	}

div.franchisees_list .state { 
	font-size: 90%;
	line-height: 100%;
	padding-bottom: 1px;
	color: #be3c41;    /* red */
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em; 
	margin-bottom: 2px; }

div.franchisees_list p { 
	padding-left: .5em; 
	border-left: 1px dotted #9fafdd; /* med gray */}
	
div.franchisees_list a { padding-left: 1.25em; }

.franchisees_list a:link,
.franchisees_list a:visited { color: #57699a;   /* blueblack */
	text-decoration: none;
	/* border-bottom: 1px dotted #9fafdd;  med gray */ }

.franchisees_list a:hover,
.franchisees_list a:active { color: #be3c41;    /* red */
	text-decoration: none;
	border-bottom: 1px solid #be3c41;  }


/* DROPOFF BOX /*/

.locationhead { }
/* TABULAR --------------------------------------*/

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

table.infoblock {	
	width: 500px; 
	padding: 0;	
	margin: 0 0 0 0;
	border-collapse: collapse; 
	border-spacing: 0;
	border: none;

}
table.infoblock td {	 
	padding: 6px;	
	margin: 0;
	text-align: left;
	font-size: 95%;
	line-height: 1.3em;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}


/* ITEM BLOCKS ---------------------------------- */

.item_block {  
	position: relative;
	width: 200px;
	padding: 8px;
	text-align: left;
	/* border: 1px solid #666666; */
}
.item_text {
	text-align: left;
	font-size: 95%;
	line-height: 1.3em;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

.item_thum_pic {
	vertical-align: top;
	text-align: left;
	width: 100px;
	height: 100px;
	z-index: 350;
	/* border: 1px dotted #888888; */
}


/* HEADERS  ---------------------------------------------*/

h1 { color: #475fa3;          /* cobalt */
	padding-bottom: 4px;
	line-height: 1.4em;
	font-size: 1.2em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

h2 { color: #475fa3;          /* cobalt */
	padding-top: 2px;
	line-height: 1.3em;
	font-size: 1.1em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

h3 { color: #95693f;          /* cinnamon */
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.2em;
	font-size: 1.0em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

h4 { color: #475fa3;          /* cobalt */
	padding-bottom: .3em;
	line-height: 1.1em;
	font-size: .93em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

/* SPECIAL H4s --------------------*/

div#secondary .navbar h4 { font-weight: bold; text-transform: uppercase; }

div.dropoff_block h4 { font-weight: bold; text-transform: uppercase; }



h5 { color: #475fa3;          /* cobalt */
	padding-bottom: .3em;
	line-height: 1.1em;
	font-size: .90em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}

h6 { color: #5f4f40;          /* sepiabrown */
	text-transform: uppercase;
	padding-bottom: .3em;
	line-height: 1.1em;
	font-size: .90em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
/* FRANCHISEE CONTACT INFORMATION ----------------------------*/

#CENTER_TOP_PANEL_TONE{ /* for franchisee pages */
	position: absolute;
	left: 226px;
	top: 134px;
	width: 494px;
	height: 179px;
	border-left:   1px solid black;
	border-top:    1px solid black;
	border-bottom: 1px solid black;
	background-color: #ffffff;	
	background-image: url(images/CENTER_TOP_PANEL_TONE.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: left;
	padding: 0; 	
}

.fr_contact_info { padding: 4px 10px 10px 8px; }

.fr_contact_info h2 { padding: 10px; 
	color: #475fa3;          /* cobalt */
	text-transform: uppercase; }

.fr_contact_info h3 { 
	padding-left: 10px; 
	margin-left: 10px;
	border-left: 1px dotted #be3c41;  /* red*/
	color: #be3c41;          /* red*/
	line-height: 1.3em;
	}

.services {
	float: right;
	margin-top: 8px;
	margin-right: 16px;
	border-left: 1px dotted #666666;
	padding: 6px 6px 0 6px;
	text-align: left;
	line-height: 1.3em;
	font-size: .85em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;	
}
ul.servicelist li { width: 160px; padding-left: 0px; padding-bottom: 4px; }

.text ul.franchisees { padding-top: 0; margin-top: 0; }

/* UTILITY STYLES ----------------------------------------------*/

.ital { font-style: italic; }

.bolder { font-weight: bold; }

.bigger { font-size: 105%; }

.smaller { font-size: 87%; }

.grey { color: #888888; }

/* IMPORTANT INFO  ---------------------------------------------*/

.important_info {  
	position: relative; 
	top: 20px;
	width: 494px;	
	margin: 0 auto;
	text-align: center;
	color: #5f4f40;          /* sepiabrown */
	line-height: 1.4em;
	font-size: .9em;  
	font-family: "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
}
	
	/*]]>*/