html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	border: 0;
	color: #6B2424;
	background-color:#ffffd5;
	padding:0;
	margin:auto;
	margin:auto;
	font-family:"Palatino Linotype", Georgia, serif;
	background-position: center;
	font-size:100%;
	display: block;
	}

h2 {
	font-size:75%;
	text-align:center;
	}


a:link, a:visited {
	color:#2343BB;
}

form {
	float:left;
	}

table {
	width:auto;
	border-collapse:collapse;
	margin:10px auto;
	font-weight:bold;
	text-transform:uppercase;
	border: medium solid #6B2424;
	text-align: centre;
	}
tr td {
	text-align:right;
	width:150px;
	height: 25px;
	border:0px;
	}
th {
	text-align:center;
	}

#formText p {
	margin-left:200px;
	margin-right: 120px;
	}

#banner {
	position: relative;
	font-size: 90%;
	text-align: center;
	margin:auto;
	border-bottom:1px solid #6b2424;
	height:50px;
	vertical-align: middle;
	padding: 0px;
	background-image:url(../images/graphics/orderRealMailTitle2.gif);
	background-repeat:no-repeat;
	background-position:center;
}

/*#banner img {
	padding-left:25px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	}
*/
#navigationPrimary, #navigationSecondary {
	left:0px;
	width:150px;
	font-size: 90%;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
	}

#navigationPrimary {
	float:right;
	padding-right: 10px;
	}
	
#navigationSecondary {
	float:left;
	padding-left: 10px;
	}
	
#navigationPrimary ul, #navigationSecondary ul {
	margin:0;
	padding:0;
	}

#navigationPrimary ul a, #navigationSecondary ul a {
	display:block; /* to create button-like hit area */
	width:125px;
	height:44px;
	line-height:44px; /* needs to be same as height to centre the link text vertically */
	color:#ffffd5;
	background:#ffffd5 url(../images/buttons/navBarNoText125Border.gif) no-repeat left center;
	text-decoration:none;
	text-indent:15px;
	text-align:left;
	}

/* following style applies on hover, active or focus (e.g. tab) */	
#navigationPrimary ul li a:hover, #navigationPrimary ul li a:focus, #navigationPrimary ul li a:active, #navigationSecondary ul li a:hover, #navigationSecondary ul li a:focus, #navigationSecondary ul li a:active { 
	background-color:#ffffd5;
	color:#6b2424;
	background-position: right;
	}
	

	
/*#navigation ul li.first a { /* this is the class that is applied to the first item in the nav list. this increases the height of that item by one so that it shows the border on the background image. 
	height:45px;
	line-height:45px;
	}
	*/
	
#orderFormButton {
	float:right;
	}
#orderFormButton a {
	display:block; /* to create button-like hit area */
	width:125px;
	height:44px;
	line-height:44px; /* needs to be same as height to centre the link text vertically */
	color:#ffffd5;
	background:#ffffd5 url(../images/buttons/navBarNoText125Border.gif) no-repeat left center;
	text-decoration:none;
	text-indent:15px;
	text-align:left;
	}
#orderFormButton a:hover {
	background-color:#ffffd5;
	color:#6b2424;
	background-position: right;
	}

/* This identifies the current page and highlights the nav button accordingly */
#index #navIndex a,
#specials #navSpecials a,
#birds #navBirds a,
#cats #navCats a,
#dogs #navDogs a,
#flowers #navFlowers a,
#travel #navTravel a,
#girls #navGirls a,
#teddies #navTeddies a,
#stationery #navStationery a,
#legal #navLegal a,
#feedback #navFeedback a,
#orderForm #navOrderForm,
#obligations #navObligations a,
#copyright #navCopyright a {
	background-color:#ffffd5;
	color:#6b2424;
	background-position: right;
	}
#container {
	float:left;
	width:650px;
	font-size: 100%;
	color: #6b2424;
	margin:auto;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 0px none #6b2424;
}
#container h3, h4, p {
	text-align:left;
	margin: auto;
	}
#container h1 {
	text-transform:uppercase;
	text-align:center;
	}
#container h2 {
	font-size:120%;
	text-align:center;
	text-transform:capitalize;
}
#container h3 {
	font-size:100%;
	text-transform:capitalize;
	line-height:50px;
}
#container img {
	vertical-align: middle;
	text-align:center;
	margin: auto; /* to centre the image */
	display: block; /* to centre the image */
	}
	
#bullets li {
	list-style:circle;
	margin-left:100px;
	text-align:left;
	}
	

#gallery {
	padding 10px;
}

#gallery h1 {
	font-size:120%;
	text-align:center;
	text-transform:uppercase;
}

#gallery img {
	margin:15px;
	width:20%;
	height:20%;
	float:left;
	border: 5px solid #6b2424;
	}
	
#gallery ul {
	list-style:none; /* No bullets */
	overflow:hidden; /* Clear the floats */
	display:block;
	margin: 0 auto;
}
#gallery li {
	float:left; /* Horiz list */
	display:block;
	margin:0 auto; /* Centre block image */
	width:190px; /* Room for thm and text */
	padding:5px; /* Gap between */
	text-align:center;
}
#gallery li div {
text-align:center; /* Centre description */
}
#gallery li img {
	display:block;
	margin:0 auto; /* Centre block image */
	width:150px; /* All thms the same size */
	height:200px;
	padding: 0;
}
#gallery a span {
	display:none;
	} /* to prevent popup text displaying on load */
	
#gallery a:hover span{
	display: block;
	position: absolute;
	top: 400px;
	left: 0;
	width: 150px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
   } /* to show the text when mouse over */

#galleryLS {
	padding 10px;
}
#galleryLS h1 {
	font-size:150%;
	text-align:center;
	text-transform:uppercase;
}
#galleryLS img {
	margin:15px;
	width:20%;
	height:20%;
	float:left;
	border: 5px solid #6b2424;
	}
#galleryLS ul {
list-style:none; /* No bullets */
overflow:hidden; /* Clear the floats */
}
#galleryLS li {
float:left; /* Horiz list */
width:200px; /* Room for thm and text */
padding:10px; /* Gap between */
text-align:center;
}
#galleryLS li div {
text-align:center; /* Centre description */
}
#galleryLS li img {
	display:block;
	margin:0 auto; /* Centre block image */
	width:200px; /* All thms the same size */
	height:150px;
	padding: 0;
}

#footer {
	clear:both;
	font-size: 90%;
	color: #6b2424;
	position: relative;
	width:99%;
	text-align: center;
	padding: 0px;
	margin: auto;
	}

#footer h4 {
	font-size: 80%;
	padding-left: 205px;
	}
	
 #footer ul {
	margin:auto;
	color:#6b2424;
	list-style:none;
	display: block;
	text-align: center;
	padding-left: 200px;
    }
  #footer li {
	color:#6b2424;
	margin:0;
	padding:0;
	float: left;
    }
	
 #footer a {
	color:#6b2424;
	display:inline;
	font-size:100%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 5px;
    }
	
#floatRight {
	float:right;
	margin:20px;
	}	
	
#floatLeft {
	float:left;
	margin:20px;
	}