/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	background: transparent;
	}
	
body 
	{
	font-family: Tahoma, sans-serif;
	background: url(../images/footer-bg.jpg) center top repeat #455560;
	color: #455560;
	}
	  
ol, ul, li
	{
	list-style: none;
	} 
	 
img
	{
	border: 0px;
	} 
	 
h1, h2, h3, h4, h5, h6
	{
	font-weight: normal;
	}  
	
em 
	{
	font-size: 1em;
	font-style: italic;
	} 
	 
strong 
	{
	font-size: 1em;
	font-weight: bold;
	}  

a:link, a:visited, a:active
	{
	font-size: 1em;
	color: #0093d0;
	text-decoration: none;
	}

a:hover
	{
	font-size: 1em;
	color: #0093d0;
	text-decoration: underline;
	}

/* End of Reset */

/* Formatting */

h1
	{
	font-size: 1.125em;
	font-weight: bold;
	padding: 5px 0px 10px 0px;
	}
		
	h1.title
		{
		font-size: 0.75em;
		font-weight: normal;
		color: #777777;
		padding: 5px 0px 0px 0px;
		}

		h1.title a:link, h1.title a:visited, h1.title a:hover, h1.title a:active
			{
			color: #777777;
			}

h2
	{
	font-size: 1em;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	}

.clearone
	{
	clear: both;
	width: 900px;
	height: 1px;
	}

	.clearone img
		{
		display: block;
		width: 900px;
		height: 1px;
		border: none;
		}

.spacer
	{
	clear: both;
	width: 100%;
	height: 6px;
	background: #fff;
	}

	.spacer img
		{
		width: 100%;
		height: 6px;
		border: none;
		}

.yellow
	{
	color: #f1cc01;
	}
	
/* End of Formatting */

/* Header Area */

#headercontainerbg
	{
	clear: both;
	width: 100%;
	height: 90px;
	background: #455560;
	}

	#headercontainer
		{
		clear: both;
		width: 900px;
		height: 90px;
		background: #455560;
		margin: 0px auto 0px auto;
		}
	
	#headerone
		{
		float: left;
		width: 180px;
		height: 90px;
		}
	
		#headerone img
			{
			width: 180px;
			height: 90px;
			border: none;
			}
	
	#headertwo
		{
		float: left;
		width: 390px;
		height: 90px;
		}
		
		#headertwo p
			{
			text-align: right;
			font-size: 0.6875em;
			color: #fff;
			padding: 30px 0px 0px 0px;
			}
		
		.tell-large
			{
			font-size: 1.63em;
			}
	
	#headerthree
		{
		float: right;
		width: 330px;
		height: 90px;
		background: url(../images/header-right-bg.gif) top left no-repeat;
		}
	
		#headerthree p
			{
			color: #0093d0;
			font-size: 1.875em;
			padding: 30px 0px 0px 80px;
			}
		
		#headerthree p a:link, #headerthree p a:visited, #headerthree p a:hover, #headerthree p a:active
			{
			color: #0093d0;
			}

/* End of Header Area */

/* Top Nav */

#topnavcontainerbg
	{
	clear: both;
	width: 100%;
	height: 35px;
	background: #455560;
	}

	#topnavcontainer
		{
		clear: both;
		width: 900px;
		height: 35px;
		background: #455560;
		margin: 0px auto 0px auto;
		}
	
	#topnavcontainer ul 
		{
		float: left;
		height: 35px;
		list-style: none;
		}

	#topnavcontainer ul li 
		{
		float: left;
		font-size: 0.875em;
		}

	#topnavcontainer ul li a:link, #topnavcontainer ul li a:visited, #topnavcontainer ul li a:active
		{
		display: block;
		height: 27px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		padding: 8px 0px 0px 0px;
		}

	#topnavcontainer ul li a:hover 
		{
		color: #fff;
		text-align: center;
		text-decoration: none;
		background-position: 0 -200px;
		}

	#topnavcontainer ul li.over a, #topnavcontainer ul li.over a:hover 
		{
		color: #fff;
		text-align: center;
		}

	#home 
		{
		width: 65px;
		background: url(../images/home-nav.gif) 0 0 no-repeat;
		}
	
	#homeover
		{
		width: 65px;
		background: url(../images/home-nav.gif) 0 -200px no-repeat;
		}
	
	#rates
		{
		width: 58px;
		background: url(../images/rates-nav.gif) 0 0 no-repeat;
		}
	
	#ratesover
		{
		width: 58px;
		background: url(../images/rates-nav.gif) 0 -200px no-repeat;
		}
	
	#distribution
		{
		width: 97px;
		background: url(../images/distribution-nav.gif) 0 0 no-repeat;
		}
	
	#distributionover
		{
		width: 97px;
		background: url(../images/distribution-nav.gif) 0 -200px no-repeat;
		}
		
	#currentissue
		{
		width: 107px;
		background: url(../images/current-issue-nav.gif) 0 0 no-repeat;
		}
	
	#currentissueover
		{
		width: 107px;
		background: url(../images/current-issue-nav.gif) 0 -200px no-repeat;
		}
	
	#testimonials
		{
		width: 100px;
		background: url(../images/testimonials-nav.gif) 0 0 no-repeat;
		}
	
	#testimonialsover
		{
		width: 100px;
		background: url(../images/testimonials-nav.gif) 0 -200px no-repeat;
		}
	
	#leaflets
		{
		width: 72px;
		background: url(../images/leaflets-nav.gif) 0 0 no-repeat;
		}
	
	#leafletsover
		{
		width: 72px;
		background: url(../images/leaflets-nav.gif) 0 -200px no-repeat;
		}
	
	#news
		{
		width: 115px;
		background: url(../images/news-nav.gif) 0 0 no-repeat;
		}
	
	#newsover
		{
		width: 115px;
		background: url(../images/news-nav.gif) 0 -200px no-repeat;
		}
	
	#handynumbers 
		{
		width: 122px;
		background: url(../images/handy-numbers-nav.gif) 0 0 no-repeat;
		}
	
	#handynumbersover
		{
		width: 122px;
		background: url(../images/handy-numbers-nav.gif) 0 -200px no-repeat;
		}
	
	#contact
		{
		width: 164px;
		background: url(../images/contact-nav.gif) 0 0 no-repeat;
		}
	
	#contactover
		{
		width: 164px;
		background: url(../images/contact-nav.gif) 0 -200px no-repeat;
		}
	

/* End of Top Nav */

/* Main Content */

#maincontentcontainerbg
	{
	clear: both;
	width: 100%;
	background: url(../images/main-bg.gif) top center no-repeat #fff;
	}

	#maincontentcontainer
		{
		clear: both;
		width: 900px;
		background: #fff;
		margin: 0px auto 0px auto;
		}
		
		#home-top-image
			{
			clear: both;
			width: 900px;
			height: 290px;
			padding: 0px 0px 10px 0px;
			}
		
		#home-top-image img
			{
			display: block;
			width: 900px;
			height: 290px;
			border: none;
			}

		#maincontentleft
			{
			float: left;
			width: 500px;
			}
		
		#maincontentleft p
			{
			font-size: 0.875em;
			line-height: 1.5em;
			padding: 5px 0px 5px 0px;
			}
		
		#maincontentleft img.home-image
			{
			display: block;
			width: 500px;
			height: 335px;
			border: none;
			padding: 10px 0px 0px 0px;
			}

		#maincontentright
			{
			float: right;
			width: 390px;
			padding: 0px 0px 0px 10px;
			}
	
			.homeproductstitle
				{
				width: 390px;
				height: 30px;
				background: #455560;
				}
	
				.homeproductstitle p
					{
					color: #fff;
					text-align: center;
					font-size: 0.875em;
					padding: 5px 0px 0px 0px;
					}
	
				.homeproductstitle p a:link, .homeproductstitle p a:visited, .homeproductstitle p a:hover, .homeproductstitle p a:active
					{
					color: #fff;
					}

			.homeproductsarea
				{
				width: 388px;
				border: 1px solid #d7d7d7;
				}
	
			.homeproductsline
				{
				clear: both;
				width: 370px;
				/*padding: 10px 9px 10px 9px;*/
				}
	
			.homeproductone
				{
				float: left;
				width: 180px;
				/*padding: 0px 5px 0px 0px;*/
				padding: 10px 9px 10px 9px;

				}
	
				.homeproductone img
					{
					width: 168px;
					height: 120px;
					border: 1px solid #d7d7d7;
					padding: 5px 5px 5px 5px;
					}
	
			.homeproductone p
				{
				color: #777777;
				font-size: 0.75em;
				}
			
			.homeproductone p a:link, .homeproductone p a:visited, .homeproductone p a:hover, .homeproductone p a:active 
				{
				color: #777777;
				font-weight: bold;
				}
	
			.homeproducttwo
				{
				float: left;
				width: 180px;
				/*padding: 0px 0px 0px 5px;*/
				padding: 10px 9px 10px 0px;
				}
	
				.homeproducttwo img
					{
					width: 168px;
					height: 120px;
					border: 1px solid #d7d7d7;
					padding: 5px 5px 5px 5px;
					}
	
			.homeproducttwo p
				{
				color: #777777;
				font-size: 0.75em;
				}
			
			.homeproducttwo p a:link, .homeproducttwo p a:visited, .homeproducttwo p a:hover, .homeproducttwo p a:active 
				{
				color: #777777;
				font-weight: bold;
				}
	
			.homeproductclear
				{
				clear: both;
				width: 370px;
				height: 1px;
				}
	
				.homeproductclear img
					{
					display: block;
					width: 370px;
					height: 1px;
					border: none;
					}
		
/* End of Main Content */

/* Footer */

#greybar
	{
	clear: both;
	width: 100%;
	height: 10px;
	background: #d7d7d7;
	}

	#greybar img
		{
		display: block;
		width: 100%;
		height: 10px;
		border: none;
		}
	
#whitebar
	{
	clear: both;
	width: 100%;
	height: 2px;
	background: #fff;
	}

	#whitebar img
		{
		display: block;
		width: 100%;
		height: 2px;
		border: none;
		}

#yellowbar
	{
	clear: both;
	width: 100%;
	height: 10px;
	background: #63727d;
	}

	#yellowbar img
		{
		display: block;
		width: 100%;
		height: 10px;
		border: none;
		}
	
#footercontainerbg
	{
	clear: both;
	width: 100%;
	}

	#footercontainer
		{
		clear: both;
		width: 900px;
		height: 150px;
		margin: 0px auto 0px auto;
		}
	
	#footercontainer p
		{
		color: #fff;
		text-align: center; 
		font-size: 0.75em;
		padding: 10px 0px 10px 0px;
		}
	
	#footercontainer p a:link, #footercontainer p a:visited, #footercontainer p a:hover, #footercontainer p a:active
		{
		color: #fff;
		}

/* End of Footer */

/* Items */
	
	.itemline
		{
		clear: both;
		width: 900px;
		}
	
		.itemone
			{
			float: left;
			width: 200px;
			}
	
			.itemone img
				{
				width: 198px;
				height: 148px;
				border: 1px solid #d7d7d7;
				}
	
		.itemtwo
			{
			float: left;
			width: 200px;
			padding: 0px 17px 0px 33px;
			}
	
			.itemtwo img
				{
				width: 198px;
				height: 148px;
				border: 1px solid #d7d7d7;
				}
	
		.itemthree
			{
			float: left;
			width: 200px;
			padding: 0px 33px 0px 17px;
			}
	
			.itemthree img
				{
				width: 198px;
				height: 148px;
				border: 1px solid #d7d7d7;
				}
	
		.itemfour
			{
			float: right;
			width: 200px;
			}
	
			.itemfour img
				{
				width: 198px;
				height: 148px;
				border: 1px solid #d7d7d7;
				}
	
	.itemlineclear
		{
		clear: both;
		width: 900px;
		height: 20px;
		}
	
		.itemlineclear img
			{
			display: block;
			width: 900px;
			height: 20px;
			}

/* End of Items */

/* Detail */

.detailimage
	{
	width: 500px;
	height: 350px;
	border: 0px;
	}

	.pagenumbers
		{
		width: 390px;
		height: 39px;
		}
	
	.pagenumbers p
		{
		float: right;
		font-size: 0.75em; 
		color: #0093d0;
		font-weight: bold;
		padding: 10px 0px 0px 0px;
		}
	
		.pagenumbers p a:link, .pagenumbers p a:visited, .pagenumbers p a:active
			{
			color: #0093d0;
			}
	
		.pagenumbers p a:hover
			{
			color: #0093d0;
			}

.thumbarea
	{
	width: 390px;
	}
	
	.thumbline
		{
		clear: both;
		width: 380px;
		padding: 0px 0px 10px 10px;
		}
	
		.thumbone
			{
			float: left;
			width: 180px;
			padding: 0px 10px 0px 0px;
			}
	
			.thumbone img
				{
				width: 178px;
				height: 130px;
				border: 1px solid #d7d7d7;
				}
	
			.thumbone p
				{
				color: #f1cc01;
				font-size: 0.75em;
				text-align: right;
				}
			
			.thumbone p a:link, .thumbone p a:visited, .thumbone p a:hover, .thumbone p a:active 
				{
				color: #f1cc01;
				font-weight: bold;
				}
	
		.thumbtwo
			{
			float: right;
			width: 180px;
			padding: 0px 0px 0px 10px;
			}
	
			.thumbtwo img
				{
				width: 178px;
				height: 130px;
				border: 1px solid #d7d7d7;
				}
	
			.thumbtwo p
				{
				color: #f1cc01;
				font-size: 0.75em;
				text-align: right;
				}
			
			.thumbtwo p a:link, .thumbtwo p a:visited, .thumbtwo p a:hover, .thumbtwo p a:active 
				{
				color: #f1cc01;
				font-weight: bold;
				}
	
	.thumbclear
		{
		clear: both;
		width: 370px;
		height: 1px;
		}
	
		.thumbclear img
			{
			display: block;
			width: 370px;
			height: 1px;
			border: none;
			}
			
.detailadvert
	{
	width: 380px;
	height: 146px;
	border: none;
	padding: 0px 0px 0px 10px;
	}

/* End of Detail */

/* Contact Area */

#contactleft
	{
	float: left;
	width: 500px;
	}

	#contactleft p
		{
		font-size: 0.875em;
		padding: 0px 10px 0px 10px;
		}

#contactright
	{
	float: right;
	width: 400px;
	}

	label
		{
		font-size: 0.875em;
		line-height: 1.5em;
		margin: 0px 0px 0px 28px;
		}

	input
		{
		width: 350px;
		height: 20px;
		margin: 5px 0px 5px 28px;
		}
	
	textarea
		{
		width: 350px;
		height: 100px;
		margin: 5px 0px 5px 28px;
		}
	
	.button
		{
		width: 120px;
		height: 25px;
		font-size: 0.8125em;
		color: #707070;
		margin: 0px 0px 0px 28px;
		}
	
	.contacttels
		{
		font-weight: bold;
		float: right;
		padding: 0px 40px 0px 0px;
		}
		
	.contacttelstwo
		{
		font-weight: bold;
		float: right;
		padding: 0px 159px 0px 0px;
		}

/* End of Contact Area */

/* Internal Pages */

#internalpages ul
	{
	padding: 0px 0px 250px 40px;
	}

#internalpages ul li
	{
	list-style: disc;
	font-size: 0.875em;
	line-height: 1.5em;
	padding: 5px 0px 5px 0px;
	}

/* End of Internal Pages */
