body {
	background: #dddddd; 
	padding: 7px 0 10px 0; 
	text-align: center; 
	margin: 0px;
	font-family: verdana,tahoma,sans serif;
	font-size: 12px;
		}
		
a {color: #8C8C8C; text-decoration: none;  outline: none;}
a:hover {color: #1a8dff; text-decoration: underline;}

.clear {
	clear: left;
}

td {
	font-family: verdana,tahoma,sans serif;
	font-size: 12px;
}

#wrapper
		{
		width: 900px;
		text-align: center;
		margin: 0 auto;
		}
		
#header
		{
		display:block;
		height: 95px;
		width: 900px;
		background: url(images/header_little_linens_logo-new.gif) no-repeat 50% 0%;
		text-indent:-9999px;
		}

#wrapping_border
		{
		width: 900px;
		border: 1px solid #a8a8a8;
		background: url(images/wrapper_bg.gif) repeat-y 0 0 #fff;
		min-height: 400px;
		float: left;
		margin-bottom: 4px;
		}		

* html #wrapping_border {
	width: 902px;
}
		
#navigation
		{
		height: 30px;
		width: 900px;
		background: #a8a8a8;
		text-align: center;
		}		
		
#nav_bottom_bar
		{
		width: 900px;
		height: 1px;
		background: #E0D3C1;
		}		

#content
		{
		padding-bottom: 20px;
		background-color: #fff;
		width: 900px;
		text-align: center;
		min-height: 400px;
		height: 400px;
		float: left;
		}
		
html>body #content
		{
		min-height: 400px;
		height: auto;
		}	
		
.spacer-underline {
	clear: left;
	padding-top: 8px;
	border-bottom: 1px dotted #aaa;
	margin: 0 15px 8px 0;
}		
		
/* =============== end of page layout elements ================ */		
		
				
/* =============== navigation elements for the drop down navigation ================= */
		
ul#nav {
	margin-left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#nav li { /* all list items */
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 26px;
	width: 150px;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
		}
		
ul#nav li a {
	color: #fff;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #fff;
	text-decoration: none;
}	

ul#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	margin: 10px 0 0 !important;
	top: 16px;
	left: 0;
	background: #a8a8a8;
	color: #fff;	
	cursor: pointer;
	padding: 0!important;
	list-style: none;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;	
}

html>body ul#nav li ul {margin-top: 0px;}

ul#nav li ul a {
	text-decoration: none;
	color: #fff;
	width: 150px;
	padding: 4px 0 2px;
		}

html>body ul#nav li ul a {
	padding: 0px;
	width: 150px;
	height: 27px;
	display: block;
		}

ul#nav li ul a:hover {
	text-decoration: none;
	color: #8c8c8c;
	background: #dddddd;	
		}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
		}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	cursor: default;
		}
		
/* ===== custom widths ===== */

li#home {
	width: 100px !important;
}

li#ordering, li#ordering ul, li#ordering li a {
	width: 180px !important;
}

li#about, li#about ul, li#about li a {
	width: 120px !important;
}


/* ============= end of the drop down navigation elements ============== */		
		
/* ============== in page elements ============== */		

#intro {
	
	display: block;
	float: left;
	width: 480px;
	height: 550px;
	padding: 0;
	margin: 0;
}
		
#introduction
		{
		float: left;
		width: 480px;
		height: 400px;
		margin: 0px;
		padding: 0px;
		background: url(images/introduction-new.gif) no-repeat 50% 50%;
		}
#introduction span 
		{
		display: none;
		}
		
a#angelsface {
	display: inline-block;
	background: url(images/angelsfacebanner.jpg) no-repeat;
	width: 480px;
	height: 120px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 93px 0px;
}
				
#splash_image
		{
		float: left;
		height: 400px;
		width: 330px;
		background: url(images/main_deco_image.jpg) no-repeat 0% 50%;
		}

#splash_table 	{
		float: left;
		width: 330px;
		margin-top:50px;
		}
	
/* ============== content elements ============== */			
		
#content p{
		margin: 0px;
		padding: 10px 40px;
		text-align: left;
		}		
	
#content p a{
		text-decoration: none;
		color: #8F7E40;
		font-style: italic;		
		}	

#content p a:hover{
		text-decoration: none;
		color: #A8A8A8;
		font-style: italic;
		}	
		
#page_title{
		font-family: times,serif;
		text-decoration: underline;		
		text-align: left;
		margin: 0px 40px 0px 40px;
		padding-top: 40px;
		font-size: 27px;
		font-weight: 500;
		color: #A8A8A8;
		}		

.static_sub_title{
		font-family: times,serif;
		text-align: left;
		font-size: 21px;
		font-weight: 500;
		color: #A8A8A8;
		text-decoration: underline;		
		margin: 20px 0px 10px 40px;
		padding: 0px;
		}	
		
.sub_title{
		text-align: left;
		font-size: 18px;
		font-weight: 500;
		color: #A8A8A8;
		margin: 20px 0px 10px 10px;
		padding: 0px;
		}


		
/* ============== footer elements ============== */		


p#bf {
		font-size: 80%;
		color: #A8A8A8;
		text-align: right;
		margin: 0;
		clear: both;
    }

p#bf a {
		color: #A8A8A8;
		text-decoration: none;
	}

p#bf a:hover {
		color: #8c8c8c;
		text-decoration: underline;
	}	
	
p#footer_details {
	margin: 0!important;
	background: #a8a8a8;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 90%;
	vertical-align: middle;
	clear: both;
	
}

p#footer_details a {
	color: #fff;
}

p#footer_details a:hover, #footer_details a:active {
	color: #fff;
	text-decoration: underline;
}

/*==================== GT include layout elements ================== */

form {
	margin: 0px;
	padding: 0px;
}

.form_tidy {
	width: 90%;
	border: 1px solid #ddd;
	background: #fdfdfd;
	padding: 8px;
	text-align: left;
	margin: 7px 10px 10px 10px;
}

.form_rank {
	width: 520px;
	text-align: left;
	color: #666;
	padding: 5px;
	clear: both;
}

.form_right_col {
	float: right;
	width: 380px;
	margin-left: 10px;
	text-align: left;
}


/* ============== zebra tables ================= */

.chart-table {
	margin: 20px 0px 0px 40px; 
	font-size: 12px;
	text-align: center;
	color: #666;	
}

.chart-table th {
	background: #A8A8A8;
	color: #fff;
}

.chart-table .alternate {
	background: #ddd;
}


/* ================ gallery things ================ */


/* for the gallery css see the lightbox.css file (/lightbox/css/lightbox.css) */