* {

    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;
}