/* Clean up */

* {
	margin : 0px;
	padding: 0px;
	text-decoration: none;
	font-family: arial, sans-serif;
	font-size:10pt;
	border: 0px;
}

body {
	margin: 30px 0 0 0;
	background-color:#f1f1f1;
}

/* Generic Attributes */

h2 {
	color: #008bbe;
	font-size: 13pt;
	margin: 0 0 20px 0;
}

h3 {
	margin: 25px 0 10px 0;
	font-size: 11pt;
	color: #8bc0d2;
}

h4 {
	margin: 0 0 5px 0;
	font-size: 11pt;
	color: #aab4b7;	
}

p {
	margin: 0 0 15px 5px;
	font-size: 10pt;
}

ul {
	margin: 0 0 15px 15px;
}

li {
	margin: 0 0 7px 15px;
	padding: 0 5px;
	font-size: 10pt;
}

/* Layout */

div.primaryLayout {
	display:inline;
	float:left;
	background: url('/images/layout/bg.jpg') 50% 0 repeat-y;
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	
}

div.primaryContent {
	display: inline;
	float:left;
	position:relative;
	top:0px;
	left:50%;
	margin-left:-370px;
	width:740px;
}

div.headerLayout {
	background: url('/images/layout/header.jpg') 50% 0 no-repeat;
	height: 282px;
}

	div.headerContent {
		padding-top: 10px;
	}

div.navigationLayout {
	background: url('/images/layout/navigation.jpg') 50% 0 no-repeat;
	height: 41px;
}

div.navigationContent {
	padding:0 20px;
	width: 700px;
}

	div.menu {
		float:left;
		display:inline;
		position: relative;
	}
	
		div.menu div.menu-holder {
			display:none;
			position: absolute;
			z-index: 100;
		}

		div.menu div.menu-content {
			position:relative;
			float: left;
			background: #666666;
			width: 140px;
			margin: 0 -140px 0 0;
			padding:0;
			z-index: 100;
		}


		div.menu div.menu-content ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			z-index: 100;
		}
		
			div.menu div.menu-content li {
				background: #e7e7e7 url('/images/layout/menu-divider.gif') 0 100% repeat-x;
				padding: 0;
				margin: 0;
				width: 140px;
				float: left;
				z-index: 100;
			}		
		
			div.menu div.menu-content li a {
				display:block;
				width:auto;
				color: #444444;
				padding: 4px 10px;
			}
			
			div.menu div.menu-content li a:hover {
				background: #8ABFD1;
				color: #ffffff;
			}					

/*
	div.navigationContent ul {
		list-style: none;
		display: inline;
		float: left;
		margin: 0px 0px 0px 9px;
	}
	div.navigationContent ul li.outer {
		margin: 0px;
		padding: 0px;
		display: inline;
		float: left;
	}

	div.navigationContent ul li ul {
		position: relative;
		top: 38px;
		z-index: 100;
		width: 200px;
		margin-right: -200px;
		list-style: none;
		display: block;
	}

	div.navigationContent ul li:hover ul {
		display: block;
	}
	
	div.navigationContent ul li ul li {
		display: block;
	}	
	

	div.navigationContent a:hover {
		background: #008bbe;
		color: #ffffff;
	}
	

	*/

	div.navigationContent a {
		display: block;
	}
	
	div.navigationContent a span {
		display: none;
	}	

	a#buttonAbout { background: url('/images/layout/button-about-up.png') 50% 50% no-repeat; width: 76px; height: 38px; }
	a#buttonAbout:hover { background: #8ABFD1 url('/images/layout/button-about-over.png') 50% 50% no-repeat; }
	a#buttonContact { background: url('/images/layout/button-contact-up.png') 50% 50% no-repeat; width: 85px; height: 38px; }
	a#buttonContact:hover { background: #8ABFD1 url('/images/layout/button-contact-over.png') 50% 50% no-repeat; }
	a#buttonGallery { background: url('/images/layout/button-gallery-up.png') 50% 50% no-repeat; width: 97px; height: 38px; }
	a#buttonGallery:hover { background: #8ABFD1 url('/images/layout/button-gallery-over.png') 50% 50% no-repeat; }
	a#buttonHome { background: url('/images/layout/button-home-up.png') 50% 50% no-repeat; width: 53px; height: 38px; }
	a#buttonHome:hover { background: #8ABFD1 url('/images/layout/button-home-over.png') 50% 50% no-repeat; }	
	a#buttonLinks { background: url('/images/layout/button-links-up.png') 50% 50% no-repeat; width: 47px; height: 38px; }
	a#buttonLinks:hover { background: #8ABFD1 url('/images/layout/button-links-over.png') 50% 50% no-repeat; }
	a#buttonProducts { background: url('/images/layout/button-products-up.png') 50% 50% no-repeat; width: 92px; height: 38px; }
	a#buttonProducts:hover { background: #8ABFD1 url('/images/layout/button-products-over.png') 50% 50% no-repeat; }
	a#buttonTestimonials { background: url('/images/layout/button-testimonials-up.png') 50% 50% no-repeat; width: 92px; height: 38px; }
	a#buttonTestimonials:hover { background: #8ABFD1 url('/images/layout/button-testimonials-over.png') 50% 50% no-repeat; }
	a#buttonWhatwedo { background: url('/images/layout/button-whatwedo-up.png') 50% 50% no-repeat; width: 89px; height: 38px; }
	a#buttonWhatwedo:hover { background: #8ABFD1 url('/images/layout/button-whatwedo-over.png') 50% 50% no-repeat; }		
	
div.mainLayout {
	padding: 0;
}

	div.mainContent {
		padding: 35px 0;
	}

div.footerLayout {
	background: url('/images/layout/footer.jpg') 50% 0 no-repeat;
	height: 32px;
}

	div.footerContent {
		padding-top: 8px;
	}

div.splitLeft {
	float: left;
	display: inline;
	width: 540px;
	text-align: left;
}

div.splitRight {
	float: left;
	display: inline;
	width: 200px;
	text-align: right;
}

div.contentLeft {
	float:left;
	display:inline;
	width:435px;
	padding:0 15px 0 0;
}

div.contentRight {
	float:left;
	display:inline;
	width: 290px;
	background:#f1f1f1;
}

/* Specific Attributes */

div.gallery-image-box {
	background: #f1f1f1;
	border: 1px solid #d0d0d0;
	padding:2px;
	margin: 5px;
	float: left;
	display: inline;
}

ul.extraLinks {
	margin: 0px;
	list-style: none;
}

	ul.extraLinks li {
		display: inline;
		margin: 0px 3px;
	}
	
	ul.extraLinks li * {
		margin: 0px;
		font-size: 8pt;
		color: #666666;
		vertical-align: middle;
	}

p.grey {
	color: #666666;
}	
	
span.quoteLarge {
	font-size: 9pt;
	color: #666666;
	font-family: times new roman, serif;
	font-style: italic;
}

span.quote {
	font-weight: bold;
	color: #666666;
	font-family: times new roman, serif;
	font-style: italic;
}

div.signUp {
	float: left;
	display:inline;
	background: url('/images/layout/bg-sign_up.jpg') 0 0 no-repeat;
	width: 260px;
	height: 77px;
	margin: 10px 15px 0 15px;
	overflow: hidden;	
}

	div.signUp div {
		height: 17px;
		width: 220px;
		margin: 30px 20px 0px 20px;
	}

div.pageLinks {
	float: left;
	display:inline;
	background: url('/images/layout/bg-page-link.gif') 0 0 no-repeat;
	width: 260px;
	height: 257px;
	margin: 10px 15px 0 15px;
	overflow: hidden;
}

	div.pageLinks img {
		display:block;	
		width: 226px;
		height: 189px;
		margin: 17px 17px;
	}

	div.pageLinks p a {
		display:block;
		margin-left: 10px;
		margin-top: 29px;
		font-weight: bold;
		color: #ffffff;
	}

div.latestNews {
	float: left;
	display:inline;
	background: url('/images/layout/bg-latest_news.jpg') 0 0 no-repeat;
	width: 260px;
	height: 191px;
	margin: 10px 15px 0 15px;
	overflow: hidden;
}

	div.latestNews .newsItemVis, div.latestNews .newsItem {
		float: left;
		margin: 55px 20px 10px 20px;
		height: 120px;
		width: 220px;
	}
	
	div.latestNews .newsItem {
		display: none;
	}	

	div.latestNews h4 {
		margin: 0 0 5px 0;
		font-size: 11pt;
		color: #ffffff;	
	}
	
	div.latestNews .newsArchiveLink {
		position: relative;
		top: 160px;
		float: left;
		display: inline;
		margin: 0 0 -20px 20px;
		height: 20px;
		width: 220px;
		
	}

span.quotemark {
	color: #008bbe;
	font-size: 13pt;
}

div.pictureFrame {
	background: #ffffff url('/images/layout/picture-frame.png') 0 0 no-repeat;
	margin: 20px;
	padding: 6px 7px;
}

	div.pictureFrame img {
		/*display: inline;
		float: right;		*/
		width: 123px;
		height: 92px;
	}

.floatLeft {
	display: inline;
	float: left;
}

.floatRight {
	display: inline;
	float: right;
}

div.news-image-box {
	background: #e7e7e7;
	border: #c0c0c0 1 solid;
	float:left;
	display: inline;
	margin: 10px;
	padding: 5px;
}
	div.newsimage {
		display: block;
	}
	div.news-image-link {
		float: left;
		display: inline;
		margin: 3px 2px;		
	}
	div.news-image-link a {
		background: #ffffff;
		padding: 1px 5px;
	}
	
table.audioCD {
	
}

table.audioCD td {
	padding: 3px;
	border-bottom: 1px solid #e1e1e1;
	height: 20px;
}