/* Start of CMSMS style sheet 'home' */
@media screen {
	/**
	 * Captivating Imaginations
	 * Author Matthew Holmes <www.radiusmedia.info>
	 * Created 2 Nov 2007
	 */
	 
	 body {
	 	margin: 0;
	 	padding: 0;
	 	color: #999;
	 	font: 62.5% "Lucida Grande", Arial, Helvetica, sans-serif;
	 	}
	 	
	 	
	 	/* links */
	 	a {
	 		color: #882566;
	 		}
	 	a:hover {
	 		text-decoration: none;
	 		}
	 	a:active {
	 		color: #000;
	 		}
	 	a img {
	 		border: 0;
	 		}
	 		
	 		
	 	/* headings */
	 	h1, h2, h3, h4, h5, h6 {
	 		margin: 0;
	 		}
	 		
	 	h2#content-title {
	 		margin: 0 0 5px;
	 		color: #dc107a;
	 		font-size: 1.8em;
	 		}
	 		
	 	.col h2 {
	 		margin: 0 0 15px;
	 		color: #dc107a;
	 		font-size: 1.8em;
	 		}
	 		
	 		/* =structure
	 		-----------------------------------*/
	 		#container {
	 			width: 978px;
	 			margin: 0 auto;
	 			}
	 	
	 			.clearfix:after {
	 				clear: both;
	 				display: block;
	 				height: 0;
	 				content: ".";
	 				visibility: hidden;
	 				}
	 	
	 			/* header */
	 			#header {
	 				position: relative;
	 				height: 115px;
	 				}
	 				
	 			/* logo */
	 			#header h1 {
	 				padding: 36px 0 0 10px;
	 				}
	 				
	 			/* subnav */
	 			#subnav {
	 				position: absolute;
	 				top: 35px;
	 				right: 280px;
	 				}
	 				
	 			/* search form */
	 			#header form {
	 				position: absolute;
	 				top: 30px;
	 				right: 25px;
	 				}
	 			#header form,
	 			#header form fieldset,
	 			#header form p {
	 				margin: 0;
	 				}
	 			#header form label {
	 				display: none;
	 				}
	 			#header form input {
	 				width: 160px;
	 				padding: 4px 3px 3px;
	 				border: 1px solid #e8e8e8;
	 				background: #e8e8e8;
	 				margin: 0 3px 0 0;
	 				color: #666666;
	 				font-size: 1.1em;
	 				}
	 			#header form button {
	 				width: 60px;
	 				height: 23px;
	 				border: 0;
	 				background: url(../webimages/btn-search.gif) no-repeat;
	 				text-indent: -999em;
	 				}
	 				
	 			/* navigation */
	 			#header ul {
	 				position: absolute;
	 				bottom: 0;
	 				right: 0;
	 				list-style: none;
	 				margin: 0;
	 				padding: 0 20px 0 77px;
	 				background: #e8e8e8 url(../webimages/bg-nav-left-corner.gif) left no-repeat;
	 				}
	 			#header li {
	 				float: left;
	 				margin: 0 1px 0 0;
	 				background: url(../webimages/bg-nav-divider.gif) top right no-repeat;
	 				}
	 			#header li.end {
	 				background: none;
	 				}
	 			#header li a {
	 				float: left;
	 				display: block;
	 				margin: 0;
	 				padding: 11px 18px 8px;
	 				font-size: 1.3em;
	 				text-decoration: none;
	 				}
	 			#header li a.currentpage {
	 				font-weight: bold;
	 				text-decoration: underline;
	 				}
	 			#header ul span {
	 				position: absolute;
	 				top: 0;
	 				right: 0;
	 				display: block;
	 				width: 10px;
	 				height: 10px;
	 				margin: 0;
	 				background: url(../webimages/bg-nav-right-corner.gif) no-repeat;
	 				}
	 	
	 			
	 			/* banner */
	 			#banner {
	 				height: 190px;
	 				background: #e8e8e8 url(../webimages/bg-banner.jpg) no-repeat;
	 				}
	 				
                     #banner-sec {
	 					position: absolute;
	 					top: -20px;
	 					left: 291px;
	 					width: 62px;
	 					height: 76px;
	 					background: url(../webimages/bg-banner-sec.gif) no-repeat;
	 					}
	 			
	 			/* content */
	 			#content {
	 				position: relative;
	 				height: 1%;
	 				margin: 20px 0;
	 				font-size: 1.1em;
	 				line-height: 1.6;
	 				background: url(../webimages/bg-home-content-divider.gif) 325px 70px no-repeat;
	 				}
	 					

					#content #catalogue,
					#content #news,
					#content #welcome {
						float: left;
						padding: 0 0 0 20px;
						}
					#content #catalogue {
						width: 258px;
						margin: 0 80px 0 0;
						}
					#content #catalogue a {
						font-size: 1.4em;
						font-weight: bold;
						}
					#content #news {
						width: 258px;
						margin: 0 80px 0 0;
						}
					#content #welcome {
						width: 258px;
						margin: 0;
						padding: 0;
						}
	 				#content #contact {
	 					margin: 20px 0 0;
	 					}
	 					
	 				#content #cards ul { margin: 0; padding: 0; }
	 				#content #cards li { display: inline; margin: 0 5px 0 0; padding: 0; }
	 					
	 					
	 				/* news */
	 				.newslist {
	 					height: 1%;
	 					padding: 0;
	 					margin: 0 0 15px;
	 					background: url(../webimages/news-divider.gif) 50px 0 repeat-y;
	 					color: #999;
	 					}
	 				.newslist p {
	 					margin: 3px 0 0;
	 					}
	 				.newslist a {
	 					color: #999;
	 					font-size: 1.1em;
	 					}
	 				.date {
	 					float: left;
	 					width: 45px;
	 					padding: 0 3px;
	 					font-size: 1.3em;
	 					text-align: center;
	 					}
	 				.newstitle {
	 					float: right;
	 					width: 190px;
	 					}
	 					
	 				a.rss {
	 					display: block;
	 					margin: 0 0 0 30px;
	 					padding: 4px 0 4px 28px;
	 					background: url(../webimages/icon-rss.gif) 0 4px no-repeat;
	 					}
	 				
	 				
	 			#content-sub {
	 				float: left;
	 				width: 250px;
	 				padding: 0 0 0 20px;
	 				}
	 				
	 				
	 				/* side nav */
	 				#content-sub ul {
	 					list-style: none;
	 					margin: 15px 0 25px;
	 					padding: 0;
	 					height: 1%;
	 					border-top: 1px solid #ddd;
	 					}
	 				#content-sub li {
	 					width: 100%;
	 					border-bottom: 1px solid #ddd;
	 					}
	 				#content-sub li a {
	 					display: block;
	 					margin: 0;
	 					padding: 8px 12px;
	 					font-size: 1.1em;
	 					text-decoration: none;
	 					}
	 				#content-sub li a:hover {
	 					background: #eee;
	 					}
	 				#content-sub li a.currentpage {
	 					background: #eee;
	 					font-weight: bold;
	 					}
	 				
	 			#content-main {
	 				float: right;
	 				width: 570px;
	 				padding: 0 27px 0 0;
	 				font-size: 1.1em;
	 				line-height: 1.6;
	 				}
	 				
	 				#random {
	 					margin: 0 0 35px 0;
	 					padding: 0;
	 					}
	 					
	 				#path {
	 					margin: 0 0 15px;
	 					}
	 					
	 					
	 				
	 			/* footer */
	 			#footer {
	 				height: 1%;
	 				padding: 30px 0;
	 				border-top: 5px solid #c7c7c7;
	 				font-size: 1.1em;
	 				}
	 			#footer strong {
	 				word-spacing: -3px;
	 				}
	 			#footer p {
	 				margin: 0;
	 				}
	 			#footer #credits {
	 				float: right;
	 				padding: 0 25px;
	 				text-align: right;
	 				}
	 			#footer #copyright {
	 				float: left;
	 				padding: 0 25px;
	 				}
	 
	}
/* End of 'home' */