/* CSS Document */

/* Page header style */
#header{
     width: 950px;
	 vertical-align: bottom;
	 margin: 10px 0px 10px 0px;
	 background-color:#FFFFFF;
	 
}

/* Page footer style */
#footer{
     width: 100%;
	 vertical-align: middle;
	 font-size:x-small;
	 margin: 0px;
	 padding: 0px;
	 clear:both;
}

/* Body text and page background */
body{
    margin: 0px;
	padding: 0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:normal;
	background-image:url(images/granite_background.gif);
	
		
}
/* Style for Navigation on left */
#nav{
	float: left;
	width: 175px;
	margin: 10px 0px 10px 0px;
	padding:5px 20px 5px 0px;
	border-right:1px #036 solid;
	background-color:#FFFFFF;
	vertical-align:middle;
}

/* Style for little red box at bottom of navigation */
#nav_bottom{
	width: 155px;
	position: center;
	background-color:#800000;
	color:#FFFFFF;
	text-align: left;
	margin: 10px;
	padding: 10px;
}

/* Style for disclaimer box on left side */
#disclaimer{
	width: 155px;
	position: center;
	color:#000;
	font-size:9px;
	text-align: left;
	margin: 10px;
	padding: 10px 0 10px 10px;
}

/* Style for little yellow Start Here box at bottom of navigation */
#click_start{
	width: 172px;
	position: center;
	background-color:#FFFFFF;
	margin: 10px;
	text-align: center;
	font-size: large;
	font-weight: bold;
	
}
	
/* Style for content area next to navigation */
#content{
	float:right;
	width:715px;
	margin: 10px 0px 10px 0px;
	background-color:#FFFFFF;
	vertical-align:middle;
	padding: 0 20px 0 10px;
}	
/* Style for main content column */
#main{
	float:left;
	width: 950px;
	background-color:#FFFFFF;
	
}

/* Unordered List settings */
ul{
	list-style:none;
}

/* List Item link settings */

li a:link{
	color:#000000;
	text-decoration:underline;
	background: transparent url(images/nav_image.gif) no-repeat left center;
	padding:0 0 0 15px;
	
}

li a:visited{
	color:#000000;
	text-decoration:underline;
	background: transparent url(images/nav_image.gif) no-repeat left center;
	padding:0 0 0 15px;
	
}

li a:hover{
	color:#800000;
	text-decoration: underline;
	font-weight:bold;
	background: transparent url(images/nav_image_hover.gif) no-repeat left center;
	padding:0 0 0 15px;
	
	
}

li a:active{
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	background: transparent url(images/nav_image_hover.gif) no-repeat left center;
	padding:0 0 0 15px;

}



/* Unspecified links */
a:link{color:#000000;text-decoration:underline;} 
a:visited{color:#000000;text-decoration:underline;}
a:hover{color:#800000;text-decoration:underline;font-weight:lighter;} 
a:active{color:#999999;text-decoration:none;font-weight:lighter;} 

/* Body links */
a.body:link{color:#171979;text-decoration:underline;} 
a.body:visited{color:#171979;text-decoration:underline;}
a.body:hover{color:#800000;text-decoration:underline;} 
a.body:active{color:#999999;text-decoration:underline;} 

/* Home page 'select', 'plan', 'order' links in body of page */
a.home:link{color:#FFFFFF;text-decoration:underline; line-height:normal; } 
a.home:visited{color:#FFFFFF;text-decoration:none; line-height:normal; }
a.home:hover{color:#999999;text-decoration:none;font-weight:lighter; line-height:normal; } 
a.home:active{color:#333333;text-decoration:none;font-weight:lighter; line-height:normal; } 

/* Home page 'order' links on left nav bar */
a.home2:link{color:#FFFFFF;text-decoration:underline; line-height:150%; } 
a.home2:visited{color:#FFFFFF;text-decoration:none; line-height:150%; }
a.home2:hover{color:#999999;text-decoration:none;font-weight:lighter; line-height:150%; } 
a.home2:active{color:#333333;text-decoration:none;font-weight:lighter; line-height:150%; } 


/* inset scroll */
a.inset:link{color:#FFFFFF;text-decoration:underline; line-height:100%; } 
a.inset:visited{color:#FFFFFF;text-decoration:none; font-weight: bold; line-height:100%; }
a.inset:hover{color:#999999;text-decoration:none; font-weight: bold; line-height:100%; } 
a.inset:active{color:#333333;text-decoration:none;font-weight: bold;line-height:100%; } 

table.gallery {
		vertical-align:middle;
		text-align:center;
		border-collapse:collapse;
}

td.gallery{
		border: 5px #8A795F inset;
		background:#E4D8Bf;
		padding: 10px;
}

img.gallery {
		width:300px;
		border:0;
}		

table.thumbs {
		vertical-align:middle;
		text-align:center;
		border-collapse:collapse;
}

td.thumbs{
		border: 0;
		padding: 10px;
}

img.thumbs {
		width:100px;
		border:0;
}		

img.mainlayouts {
		width:350px;
		border:0;
}		

img.layouts {
		width:200px;
		border:0;
}		


img.inset {
		width: 500px;
		border:0;
}

img.edging_thumbs {
		width: 200px;
		border:0;
}
/* Level-1 Headings */
h1{
    font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#003366;
	}

h2{
    font-family: 'Calibri', Arial, San-Serif;
    font-size: 18pt;
    color: #800000;
}

h3{
    font-family: 'Calibri', Arial, San-Serif;
    font-size: 14pt;
    color: #000000;
}

h4{
    font-family: 'Calibri', Arial, San-Serif;
    font-size: large;
    color: #000000;
}




table.navbarmini{
   width: 950px;
   height: 10px;
   vertical-align: middle;
   text-align: center;
   padding-left: 10px;
   font-family:'Calibri', Arial, sans-serif;   
   border-collapse: collapse;
   font-size:medium;
   margin:auto;
}

table.navbarminipad{
   width: 950px;
   height: 15px;
   vertical-align: middle;
   text-align: center;
   padding-left: 10px;
   font-family:'Calibri', Arial, sans-serif;   
   border-collapse: collapse;
   font-size:medium;
   margin:auto;
  }
   
/* Navbar style*/ 
table.navbar{ 
	background-color:#000000;
	width: 950px;
	height: 40px;
	vertical-align:middle;
	margin:auto;
	border-collapse:collapse;
	
} 
/* for blacked out Navbar at bottom only. Since there are no links to it yet. Revert to table.navbar when links are available*/ 
table.navbartemp{ 
	background-color:#000000; 
	width: 950px;
	height:2em;
	vertical-align:middle;
	margin:auto;
	border-collapse:collapse;
	color:#000000;
	
} 

/*Navbar pseudoclasses */ 
/* Navbar links apply only in div that starts with <div id="navbar"> */ 
table.navbar a:link{color:#fff;text-decoration:none;} 
table.navbar a:visited{color:#fff;text-decoration:none;}
table.navbar a:hover{color:#FFCC33;text-decoration:none;} 
table.navbar a:active{color:#CCCCCC;text-decoration:none;} 


a.quick:link{color:#000000;text-decoration:underline;} 
a.quick:visited{color:#000000;text-decoration:none;}
a.quick:hover{color:#cc9c38;text-decoration:none;} 
a.quick:active{color:#CCCCCC;text-decoration:none;} 

a.case:link{color:#800000;text-decoration:underline} 
a.case:visited{color:#800000;text-decoration:none;}
a.case:hover{color:#FFf; background-color:#800000; text-decoration:none;} 
a.case:active{color:#fff; background-color:#800000; text-decoration:none;}


/* START HERE button */
a.start:link{color:#003366;text-decoration:underline; line-height:100%; } 
a.start:visited{color:#003366;text-decoration:underline; font-weight: bold; line-height:100%; }
a.start:hover{color:#800000;text-decoration:underline; font-weight: bold; line-height:100%; } 
a.start:active{color:#FFFFFF;text-decoration:underline;font-weight: bold;line-height:100%; }    

/* Style for tables of thumbnail images */
table.main{
   width: 950px;   
   vertical-align: middle;
   text-align: left;
   border-color:#CCCCCC;
   border-style:solid;  
   border-width:thin;
   border-collapse: collapse;   
   
}

table.sidebarleft{
	width: 150px;
	vertical-align: middle;
	text-align: left;
	border-left: none;
	border-right: thin;
	border-top: none;
	border-bottom: none;
	border-style:solid;
	border-color: #CCCCCC;	
}

table.sidebarright{
	width: 530px;
	vertical-align: middle;
	padding-left: 5px;
	text-align: left;
	border: none;	
	
}

a.special:link { 
color: #ffffff; 
text-decoration: underline; 
} 
a.special:visited { 
color: #ffffff; 
text-decoration: none; 
} 
a.special:hover { 
color:#ffcc33;
text-decoration: none;
} 
a.special:active{ 
color: #cccccc; 
text-decoration: none; 
} 

a.specialside:link { 
color: #800000; 
text-decoration: none; 
} 
a.specialside:visited { 
color: #800000; 
text-decoration: none; 
} 
a.specialside:hover { 
color:#FFFFFF;
background-color:#666666;
border-width: thin;
border-color: #666666; 
text-decoration: none;
} 
a.specialside:active{ 
color: #800000; 
text-decoration: none; 
} 

a.specialhome:link { 
color:#800000;
font-size: large; 
; text-decoration: underline

} 
a.specialhome:visited { 
color: #800000; 
font-size: large;
 
} 
a.specialhome:hover { 
color:#FFFFFF;
background-color:#800000; 
font-size: large;
 
} 
a.specialhome:active{ 
color: #333333; 
font-size: large;
 
} 

hr	{background-color:#800000;
	color:#800000;
	width: 90%;
	}
.xsmallText {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; color: #000000}
.xxsmallTextCopy { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000 }
.small {  font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000000}
.white {  color: #FFFFFF}
.red-small {  font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #990000}