* {
	padding: 0;
	margin: 0;
}
body {
	background: #f8f6f5;
	background:url(../images/bg-header2.gif) repeat-x;
}
.clear {
	clear:both;
}
img {
	border: none;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color : #fff;
}
h1 {
	margin:10px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	color:#2c556b;
}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	color:#0aa8e2;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size:16px;
	font-weight:bold;
	color:#007099;
}
p {
	margin:2px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size:12px;
	color:#3a3b3b;
	line-height:15px;
}
#container {
	margin:auto;
	width: 840px;
}
#banner {
	margin:auto;
	width:826px;
	height: 292px;
	border:solid 7px #fff;
	background-color:#8B9179;
}
#header {
	width:840px;
	height:110px;
}
#header-logo {
	padding-top:30px;
	width:357px;
	height: 56px;
}
#cont-mid {
	margin:auto;
	width: 840px;
}
#left-content {
	float:left;
	width: 500px;
	float: left;
	padding: 10px;
}
#crest-colors {
	width: 500px;
	padding: 10px;
}
#left-content a {
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
	color:#3a3b3b;
}
#left-content a:hover {
	font-size:12px;
	color:#0aa8e2;
}
.right a {
	text-decoration: none
}
#right-panel {
	float:right;
	width:311px;
	height: 520px;
}
.right-content {
	margin-top:15px;
	width: 311px;
	float:right;
}
.bg-hd {
	width:311px;
	height: 32px;
	background:url(../images/bg-hd-lockup.gif) no-repeat;
}
.hd {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	padding-left:10px;
	padding-top:6px;
	color:#fff;
}
.lockup {
	float:right;
	width:311px;
	height: 115px;
}
.lockup-txt {
	float:right;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#2c556b;
	padding-right:13px;
	padding-top:10px;
}
.button-cont {
	padding-right:0;
	padding-top:5px;
}
/* --- button style code start here --- */

	

	button {
	border:none;
	background:none;
	padding:0;
	margin:0;
	font:90% Arial, Helvetica, sans-serif;
	width:auto;
	overflow:visible;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	height:36px;
	cursor:pointer;
}
button span, button em {
	display:block;
	height:34px;
	line-height:34px;
	margin:0;
	color:#fff;
}
button span {
	padding-left:10px;
	background:url(../images/bg_button1.gif) no-repeat 0 0;
}
button em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/bg_button1.gif) no-repeat 100% 0;
}
button.first span {
	padding-left:10px;
	background:url(../images/bg_button1.gif) no-repeat 0 -102px;
}
button.first em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/bg_button1.gif) no-repeat 100% -102px;
}
button:hover span, button.over span {
	padding-left:10px;
	background:url(../images/bg_button1.gif) no-repeat 0 -34px;
}
button:hover em, button.over em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/bg_button1.gif) no-repeat 100% -34px;
}
button:focus, button:active {
	outline:hidden;
}
button.disabled {
	cursor:text;
}
button.disabled span, button.disabled em {
	color:#999999;
}
button.disabled span {
	padding-left:10px;
	background:url(../images/bg_button1.gif) no-repeat 0 -68px;
}
button.disabled em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/bg_button1.gif) no-repeat 100% -68px;
}
/* IE hacks to add some space between butotns */

	* html button {
	margin-right:0px;
}
*+html button {
	margin-right:0px;
}
/* --- end button style code --- */

	

	

	

	.img-border {
	border: 1px solid #bfc1c0;
}
.img-caption {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3a3b3b;
}
/* --- visit page style code --- */

	

#main-col {
	width: 840px;
}
#left-col {
	float:left;
	width: 390px;
	float: left;
	padding: 10px;
}
#right-col {
	width: 400px;
	float: right;
	padding: 10px;
}
/* --- heraldic symbols / colours page style code --- */

	

	

#cont-h {
	margin-top:10px;
	width:500px;
}
#cont-h-right {
	float:right;
	width:330px;
}
#cont-h-left {
	padding:8px;
	width:143px;
	border:1px solid #CCCCCC;
}
table.colors {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#3a3b3b;
	line-height:20px;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
}
table.colors td {
	padding:5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
table.colors tr {
}
#crosscell-plaques, #crosscell-jewellery, #crosscell-crystal, #crosscell-embroidered {
	margin: 15px 0px 0px 0px;
}
#crosscell-shield a {
	display: block;
	color: #fff;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 144px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-shield a:hover {
	padding: 4px 0px 0px 15px;
	background-position: 0px -148px;
}
#crosscell-visit a {
	display: block;
	color: #fff;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 103px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: -1872px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-visit a:hover {
	padding: 4px 0px 0px 15px;
	background-position: -1872px -107px;
}
.crosscell-visit-button {
	line-height: 6.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 128px;
}
.crosscell-button {
	line-height: 11.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 128px;
}
#crosscell-jewellery a {
	display: block;
	color: #fff;
	margin: 15px 0px 15px 0px;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 144px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: -312px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-jewellery a:hover {
	padding: 4px 0px 0px 15px;
	background-position: -312px -148px;
}
#crosscell-warrior a {
	display: block;
	color: #fff;
	margin: 15px 0px 15px 0px;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 144px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: -1248px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-warrior a:hover {
	padding: 4px 0px 0px 15px;
	background-position: -1248px -148px;
}
#crosscell-printed a {
	display: block;
	color: #fff;
	margin: 15px 0px 15px 0px;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 144px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: -1560px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-printed a:hover {
	padding: 4px 0px 0px 15px;
	background-position: -1560px -148px;
}
#crosscell-wedding-rings a {
	display: block;
	color: #fff;
	margin: 15px 0px 0px 0px;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 144px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: -624px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-wedding-rings a:hover {
	padding: 4px 0px 0px 15px;
	background-position: -624px -148px;
}
#crosscell-embroidered a {
	display: block;
	color: #fff;
	margin: 15px 0px 0px 0px;
	padding: 4px 0px 0px 15px;
	font-size: 20px;
	font-weight:bold;
	width: 297px;
	height: 144px;
	background: transparent url("../images/cross-cells-bg.jpg") no-repeat;
	background-position: -936px 0px;
	text-decoration:none;
	overflow:hidden;
}
#crosscell-embroidered a:hover {
	padding: 4px 0px 0px 15px;
	background-position: -936px -148px;
}
#heraldry-button {
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	height: 80px;
	width: 460px;
	background: transparent url("../images/heraldry_button.gif") no-repeat;
	border:#234355 solid 10px;
}
#heraldry-button a {
	font-size:24px;
	color: 254c5d;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#heraldry-button a:hover {
	font-size:24px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.heraldry-button-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	line-height: 4.5em;
}
.crest-image {
	margin-top: 20px;
}
#crest-griffin {
	background:url("../images/crest-icons.gif") no-repeat;
	background-position: 0px 0px;
	height: 60px;
	padding-left: 70px;
	margin-bottom: 20px;
}
#crest-martlet {
	background:url("../images/crest-icons.gif") no-repeat;
	background-position: 0px -60px;
	height: 60px;
	padding-left: 70px;
	margin-bottom: 20px;
}
#crest-langued {
	background:url("../images/crest-icons.gif") no-repeat;
	background-position: 0px -120px;
	height: 60px;
	padding-left: 70px;
	margin-bottom: 20px;
}
.locations {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	font-size:12px;
	list-style:square inside;
	margin-bottom: 20px;
}
.locations a {
	color: #254c5d;
}
/*-------------------------- FORM.CSS --------------------------------------*/



.right-header {
	height: 32px;
	background:url("../images/bg-hd-lockup.gif") no-repeat;
}
form {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
}
.box input, .box textarea, .box select {
	width:135px;
}
input, select, textarea {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
div.main {
	width:275px;
	border:solid 1px #bac3c8;
	padding-bottom: 15px;
}
div.box {
	padding:10px;
	color:#333333;
}
div.box h1 {
	font-size:14px;
	color:#2c556b;
	padding-bottom:4px;
}
div.box p {
	padding-bottom:14px;
}
div.box input .input-text {
	border:1px solid #3b6e22;
	color:#666666;
	width:180px;
}
div.box label {
	display:block;
	margin-bottom:10px;
	color:#555555;
}
div.box label span {
	display:block;
	float:left;
	padding-right:6px;
	width:125px;
	text-align:left;
	font-weight:bold;
}
.spacer {
	float:right;
	margin-right:70px;
	font-size:11px;
	color:#555555;
}
.green {
	background:#0aa8e2;
	padding:0px 6px;
	border:1px solid #0891c3;
	height:24px;
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}
/*-----------------------------  END FORM.CSS ------------------------------------*/





/*----------------------------- NAV.CSS --------------------------------------*/



ul#nav {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	float:right;
}
ul#nav li {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;
}
ul#nav li a {
	display:block;
	float:left;
	width:auto;
	color:#fff;
	text-decoration:none;
	border-bottom: none;
	padding:20px 9px 0 9px;
	height:28px;
}
ul#nav li a:hover {
	margin:0px;
	padding:12px 9px 0 9px;
	border-top:#0aa8e2 solid 8px;
}
ul#nav li a.current, ul#nav li a.current:hover {
	margin-top: -10px;
	padding:20px 9px 0 9px;
	display:block;
	float:left;
	color:#fff;
	background:url(../images/nav-ribbon.gif) no-repeat top center;
	height:72px;
	text-decoration:none;
	border-top:#fff solid 10px;
}
/*-----------------------------------END NAV.CSS----------------------------------*/



/*-----------------------Visit Heraldic Irish Workshop Page-----------------------*/



.map {
	border:1px solid #BAC3C8;
}
.map .arrow {
	margin-top:5px;
	margin-left:24px;
	background:url(../images/header-arrow.gif) no-repeat;
	z-index:10;
	position:relative;
}
.map #map_canvas {
	height:280px;
}
/*--------------------- End Visit Heraldic Irish Workshop Page---------------------*/



/*-----------------------------------FOOTER.CSS-----------------------------------*/



#footer-links {
	height: 292px;
	background:url(../images/bg-footer-links.gif) repeat-x;
}
#footer-links-panel-cont {
	width:840px;
	margin:auto;
	padding-top:20px;
	height:177px;
}
#footer-links-panel-cont ul {
	margin-top:10px;
	list-style:none;
}
#footer-links-panel-cont li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cdceca;
	line-height:16px;
}
#footer-links-panel-cont li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cdceca;
	text-decoration:none;
}
#footer-links-panel-cont li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cdceca;
	text-decoration:underline;
}
<!--
bottom left logo-->  #footer-logo {
	width:840px;
	margin:auto;
	padding-top:20px;
	height: 95px;
	border:1px solid #00FF00;
}
#footer-bg {
	background:#173240;
	height:60px;
}
#footer-cont {
	margin: auto;
	width: 840px;
}
#footer-right {
	padding-top:20px;
	float: right;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:11px;
	width: 187px;
	height: 25px;
}
#d-logo {
	float:right;
	width:50px;
	height:17px;
	padding-top:-3px;
}
#footer-left {
	padding-top:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:11px;
	float: left;
	width: 640px;
	height: 25px;
}
#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:25%;
}
#col1 {
	float:left;
	width:17%;
	position:relative;
	left:77%;
	overflow:hidden;
}
#col1 h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#cdceca;
	font-style:normal;
	font-size:15px;
	font-weight:bold;
}
#col2 {
	float:left;
	width:21%;
	position:relative;
	left:85%;
	overflow:hidden;
}
#col2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#cdceca;
	font-style:normal;
	font-size:15px;
	font-weight:bold;
}
#col3 {
	float:left;
	width:28%;
	position:relative;
	left:92%;
	overflow:hidden;
}
#col3 h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#cdceca;
	font-style:normal;
	font-size:15px;
	font-weight:bold;
}
#col4 {
	float:left;
	width:21%;
	position:relative;
	left:89%;
	overflow:hidden;
}
#col4 h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#cdceca;
	font-style:normal;
	font-size:15px;
	font-weight:bold;
}
#footer-email-logo-box {
	width:905px;
	margin:0 auto;
}
#footer-email-logo-box, #footer-email-details form {
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CDCECA;
	padding:0px;
}
#footer-email-details {
	margin: 20px 20px 0px 15px;
	height:56px;
	float:left;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#cdceca;
	font-size:18px;
	padding-left:2px;
}
#footer-email-question {
	color:#cdceca;
	font-size:12px;
}
#footer-faqs p {
	color:#cdceca;
	font-size:12px;
}
#footer-faqs {
	width:280px;
	margin-top:20px;
	font-size:12px;
	float:left;
}
#footer-textbox {
	font-size:12px;
	vertical-align:middle;
	height:17px;
	padding-top:4px;
	color:#333333;
}
.footer-title {
	color:#007099;
}
#footer-logos {
	margin-top: 40px;
	background: transparent url("../images/footer-logos.gif") no-repeat;
	height: 31px;
	width: 300px;
	float:left;
}
/*-------------------------------- END FOOTER.CSS---------------------------------*/



#view-cart {
	width: 280px;
	margin: -35px 0px 0px 0px;
	float:right;
}
#view-cart a {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight:bold;
	width: 280px;
	height: 25px;
	background: transparent url("../images/view-cart-button.png") no-repeat;
	background-position: 0px 0px;
	text-decoration:none;
	overflow:hidden;
	text-indent:-5000px;
}
#view-cart a:hover {
	background-position: 0px -25px;
}