@charset "UTF-8";
/* CSS Document */




 img, div, a, input { behavior: url(ie_png_fix/iepngfix.htc) }




body {
background: #e2f2f6 url(images/gradient.gif) repeat-x top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #5BB4CC;
	text-align: center;
	margin: 0 0 0  0;
	}
	
/*	--------------------------------------------
		LAYOUT		
	--------------------------------------------   */
	

	
#content {
	width: 638px;
	height: auto;
	text-align: left;
	margin: 0px auto;
	}
	


	#col1 {
	width: 214px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px ;
	}
	
	
	#col2 {
	width: 209px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px ;
	}
	
	
	#col3 {
	width: 215px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px;
	}
	
	
#logoholder {
	width: 638px;
	height: auto;
	text-align: left;
	float: left;
	display: inline;
	margin: 0px;
	}
	

#buttonholder {
	width: 638px;
	height: auto;
	text-align: left;
	float: left;
	display: inline;
	margin-bottom: 20px;
	}
	
	
	
	#text1 {
	width: 184px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 0px 0px 30px;
	}
	
	
	#text2 {
	width:179px;
	height: auto;
	float: left;
	display: inline;
		margin: 0px 0px 0px 30px;
	}
	
	
	#text3 {
	width: 185px;
	height: auto;
	float: left;
	display: inline;
		margin: 0px 0px 0px 30px;
	}
	
	
	
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */
	

	
	
/*	--------------------------------------------
		COLOUM DIVS		
	--------------------------------------------   */

.top1 {
	width: 239px;
	height: 16px;
	background: url(images/build/col-1-top.png);
	margin: 0px auto;
	}
	
.mid1 {
	width: 239px;
	height: auto;
	background: url(images/build/col-1-fill.png);
	margin: 0px auto;
	}

.bottom1 {
	width: 239px;
	height: 37px;
	background: url(images/build/col-1-bottom.png);
	margin: 0px auto;
	}
	
	
.bottom1-alt {
width: 239px;
height: 16px;
background: url(images/build/col-1-bottom-alt.png);
margin-bottom: 2px;
}
	
	
.top2 {
	width: 478px;
	height: 16px;
	background: url(images/build/col-2-top.png);
	margin: 0px auto;
	}
	
.mid2 {
	width: 478px;
	height: auto;
	background: url(images/build/col-2-fill.png);
	margin: 0px auto;
	}

.bottom2 {
	width: 478px;
	height: 33px;
	background: url(images/build/col-2-bottom.png);
	margin: 0px auto;
	}		



.bluebox {
	width: 213px;
	height: 120px;
	background: url(images/build/bluebox.gif);
	margin: 2px 13px 0px 13px;
	}
	
	
	
	.blueboxtop {
	width: 213px;
	height:16px;
	background: url(images/build/bluebox-top.gif);
	margin: 2px 13px 0px 13px;
	}
	
	
	.blueboxbottom {
	width: 213px;
	height:14px;
	background: url(images/build/bluebox-bottom.gif);
	margin: 0px 13px 0px 13px;
	}
	
.blueboxmid {
	width: 193px;
	height: auto;
	background-color:#DEF0F5;
	margin: 0px auto;
	padding:0px 10px 0px 10px;
	}
		
	
.title {
	width: 213px;
	height: 28px;
	margin: 0px 13px 0px 13px;
	}
	



	
.textbox  {
          width: 193px;
	      	float:left;
	height: auto;
	display: inline;
	      padding: 10px 10px 10px 10px ;
		 }	



.textbox2  {
          width: auto; 
	height: auto;
	      padding: 10px 26px 26px 26px ;
		 }	








.clear1 {
	width: 213px;
	float:left;
	height: auto;
	display: inline;
	margin: 26px 0px 0px 26px ;
	}

.clear2 {
	width: 426px;
	float:left;
	height: auto;
	display: inline;
	margin: 26px 26px 26px 26px ;
	}	





/*	--------------------------------------------
	POSTERS
    --------------------------------------------   */	


.top3 {
	width: 717px;
	height: 16px;
	background: url(images/build/col-3-top.png);
	margin: 0px auto;
	}
	
.mid3 {
	width: 717px;
	height: auto;
	background: url(images/build/col-3-fill.gif);
	margin: 0px auto;
	}

.bottom3 {
	width: 717px;
	height: 37px;
	background: url(images/build/col-3-bottom.png);
	margin: 0px auto;
	}




	#col3-right {
	width: 717px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 13px 2px 0px;
	}


	
	
/*	--------------------------------------------
	NEWS
    --------------------------------------------   */	
	
.newscontainer {
	width: 478px;
	height: auto;
	float: left;
	display: inline;
	margin: 0px 0px 2px 0px;
	}


	
.newsholder  {
          width: 452px;
		  margin: 0px 13px 0px 13px;
	      height: auto;
	      
		 }	
	
	
.newstop	{
	width: 452px;
	height: 14px;
	background: url(images/build/newsbox-top.gif);
	margin-top: 10px;
	}
	
	
.newsbox {
	width: 422px;
	height: auto;
	background-color:#DEF0F5;
	margin: 0px auto;
	padding: 5px 20px 5px 10px;
	}	




.newsbottom	{
	width: 452px;
	height: 14px;
	background: url(images/build/newsbox-bottom.gif);
	margin: 0px auto;
	}

.newslinkholder { margin-bottom: 20px;}	



.newsmargin {margin: 0px 0px 0px 10px;}
	
/*	--------------------------------------------
	GENERAL DIVS	
    --------------------------------------------   */
	
	
#newsletterbox {
    width: 213px;
	height: 75px;
	background: url(images/build/newsletter-box.jpg);
	margin: 2px 13px 0px 13px;
	}

.icon {	 width: 65px;
	height: 100px;
	float:left;
	margin-right: 10px;
	}

#map-holder	{
	width: 690px;
	float:left;
	display: inline;
	height: 500px;
	margin: 26px 0px 0px 0px ;
	}	
	
/*	--------------------------------------------
	PRODUCTS
    --------------------------------------------   */	
	
	
	
.productboxholder {width: 478px;
	              height: 52px;
				  margin-top: 2px;
	}
				 
.productbox1 {width: 360px;
	          height:42px;
			  margin:2px 2px 0 13px;
			  background: url(images/products/productsbar-1.gif);
			  float: left;
			  padding: 5px 10px 5px 10px ; }
							 
.pbox1 {width: 225px;
		 height: 50px;
		float: left;
		display: inline;
			 }			

.pbox2 {width: 100px;
		float: right;
			 height: 30px;
		display: inline;
		margin: 8px 26px 0 0;
			 }	
				
.productbox2 {width: 30px;
	          height: 12px;
			  margin-top:2px;
			  color: #156577;
			  background: url(images/products/productsbar-2.gif);
			   padding: 20px 20px 20px 20px ;
			  float: left; }

.productsbuttonbox {width: 141px;
	              height : 16px;
				  color: #ffffff;
				  background: url(images/products/product-button.gif);
				  margin-top: 2px;
				  padding: 4px 0 0 4px ; }
				  
				  
				  
.paypalbutton	{width: 100px;
	          height:40px;
			  margin:2px 2px 0 13px;
			  background-color:#003366;
			 }	
			 
			 
			 
.subbut{
	width: 200px;
	height: 20px;
	background-image:url(images/products/bluebox-small.gif);
	padding: 4px 0 0 13px;
	margin: 2px 13px 0px 13px;
	}
	
	
	.bluebox-pp {
	width: 213px;
	height: 120px;
	background: url(images/products/bluebox-paypal.gif);
	margin: 2px 13px 0px 13px;
	}			 		  
	
/*	--------------------------------------------
		HEADER		
	--------------------------------------------   */

#header {
	width: 960px;
	height: 165px;
	background: url(images/build/header.png);
	margin-bottom:10px;
	}

#flash { height: 126px;

text-align: right;
	float:right;
	margin: 0px 0px 0px 0px;
	}

#logo {
	width: 169px;
	height: 42px;
	background: url(images/logo.png);
	position: absolute;
	right: 20px;
	bottom: 20px;
	}


	
	#top-box {
	height: 126px;
	width: 908px;
	float:left;
	display: inline;
	margin: 0px 26px 0px 26px;
	}
	
	
	#nav-holder {
	width: 934px;
	height: 30px;
	float:left;
	display: inline;
	margin: 0px 13px 0px 13px;
	}
	

	.button-box {width:153px;
	            height: 39;
				float:left;
	            margin: 0px 2px 0px 0px;
	}
	


/*	--------------------------------------------
		FOOTER
	--------------------------------------------   */

#footer {
	width: 960px;
	clear:left;
	height: 70px;
	
	margin-top:40px;
	}



.footercol-1 {
	width: 213px;
	color:#FFFFFF;	
	float: left;
	display: inline;
	margin: 0 0 0 26px;
	}
	
.footercol-2 {
	width: 446px;
	color:#FFFFFF;		
	float: left;
	margin: 0 0 0 26px;
	}

#footer-line {
	        width: 940px;
	        height: 1px;
			background-color:#156577;
			margin: 0 0 20px 20px; }

/*	--------------------------------------------
		HEADINGS/TEXT		
	--------------------------------------------   */

h1 {
	font-weight: bold;
	font-size: 15px;
	margin: 0px;
	padding: 0;
	color: #229ABA;
	}

h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 15px 0px;
	padding: 0;
	color: #229ABA;
	}

h3 {
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #444;
	}

	 
.clear-text1 {
	font-size: 11px;
	width:213px ;
	margin: 0px 20px 20px 0px;
	color: #ffffff;
	}

.clear-text {
	font-size: 11px;
	margin: 0px 20px 20px 0px;
	color: #ffffff;
	}

.orange {color:#EF9321;
font-weight:bold;}


.grey{color: #666666;
font-weight:bold;}



.dark-blue { color: #104c56;}


.newslink {
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #229ABA;
	}




/*	--------------------------------------------
		LINKS
	--------------------------------------------   */

a:link {
    text-decoration: none;
	color: #EF9321;	
	}

a:visited {
    text-decoration: none;
	color:#EF9321;	
	}

a:hover {
    text-decoration: none;
	color: #104C56;	
	}
	
a:active {
    text-decoration: none;
	color: #666;
	}
	
a.products:link {
    text-decoration: none;
	color: #ffffff;	
	}

a.products:visited {
    text-decoration: none;
	color: #ffffff;	
	}

a.products:hover {
    text-decoration: none;
	color:  #EF9321;	
	}

a.products:active {
    text-decoration: none;
	color: #ffffff;	
	}