/*------------------------------------------------------------
SHILLING - Homepage Style Sheet
 
version:			1.0
compatibility:		IEv7, IEv6, FIREFOXv2
 
author:				Peter Garrett, Tony Taylor
email:				peter@shilling.co.uk, tony@shilling.co.uk
copyright:			2008 Shilling Communication
 
TO DO LIST
 
------------------------------------------------------------*/

/*#############################################################
#
#	BANNER
#
#############################################################*/

/*#banner {
	background: url('images/default_header.jpg') bottom left no-repeat;	
}*/

/*#############################################################
#
#	CONTENT
#
#############################################################*/

#content {
	background: #FFFFFF url('images/content_slice_760x5.gif') top left repeat-y;
	border-top: 1px solid #B0C5DB;
	border-bottom: 1px solid #B0C5DB;
	height: auto;
	width: 760px;	
}

	#content #col1 { 
		float: left;
		height: auto;
		padding: 0 0 0 20px;
		width: 354px;
	}
	
		#main_content {
			margin: 30px 0 30px 0;
			padding: 0 20px 0 0;
			width: 334px;
		}
		
			#main_content h1 {
				color: #ACACAC;
				font-family: Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;
				font-size: 2.50em;
				font-weight: normal;
				margin: 0 0 40px 0;
			}
			
				#main_content .heading1 {
					color: #ACACAC;
					font-family: Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;
					font-size: 2.50em;
					font-weight: normal;
					margin: 0 0 40px 0;
				}
			
			#main_content h2 {
				color: #666666;
				margin: 0 0 20px 0;
			}
			
			#main_content h3 {
				color: #666666;
				margin: 0 0 20px 0;
			}
			
			#main_content h4 {
				color: #333333;
				margin: 0 0 10px 0;
			}
			
			#main_content p {
				margin: 0 0 10px 0;
			}
			
			#main_content ol {
				margin: 0 0 20px 25px;
			}
			
			#main_content ul {
				margin: 0 0 20px 25px;
			}
	
	#content #col2 { 
		float: left;
		height: auto;
		padding: 0 20px 0 0;
		width: 366px;;
	}
	
		.section_content {
			float: left;
			height: 150px;
			/*margin: 0 0 0 184px;*/ 
			width: 182px;
		}
		
		.section_title {
			float: left;
			height: 150px;
			width: 184px;
		}
		
			.section_title h2 {
				color: #FFFFFF;
				font-size: 1.00em;
				font-weight: bold;
				line-height: 50px;
				padding: 100px 10px 0 10px;
			}
		
		#recent_announce {
			background: url('images/ask_questions_366x150.jpg') top left no-repeat;
			height: 150px;
			margin: 30px 0 20px 0;
			width: 366px;
		}
		
			#recent_announce .section_item {
				height: 50px;
				width: 182px;
			}
			
				#recent_announce .section_item p {
					color: #FFFFFF;
					padding: 5px 5px 0 0;
				}
		
			#recent_announce .section_link {
				background: url('images/btn_moreinfo_ra_72x18.gif') top left no-repeat;
				display: block;
				float: right;
				height: 18px;
				margin: 5px 5px 0 0;
				width: 72px;
			}
			
				#recent_announce .section_link span {
					display: none;
				}
		
		#get_in_touch {
			background: url('images/get_in_touch_366x150.jpg') top left no-repeat;
			height: 150px;
			margin: 0 0 20px 0;
			width: 366px;
		}
			
			#get_in_touch .section_item {
				border-bottom: 1px solid #B782CA;
				height: 49px;
				width: 182px;
			}
		
				#get_in_touch .section_item p {
					color: #FFFFFF;
					padding: 5px 5px 0 0;
				}
		
			#get_in_touch .section_link {
				background: url('images/btn_moreinfo_git_72x18.gif') top left no-repeat;
				display: block;
				float: right;
				height: 18px;
				margin: 5px 5px 0 0;
				width: 72px;
			}
			
				#get_in_touch .section_link span {
					display: none;
				}
		
		#links {
			background: url('images/links_366x150.jpg') top left no-repeat;
			height: 150px;
			margin: 0 0 20px 0;
			width: 366px;
		}
		
			#links ul {
				color: #FFFFFF;
				list-style: disc;
				margin: 0 0 0 10px;
				*margin: 0 0 0 15px;
				padding: 5px 5px 0 0;
			}
			
				#links ul li {
					color: #FFFFFF;
				}			
					#links ul li a {
						color: #FFFFFF;
					}
					
			#links .section_link {
				background: url('images/btn_moreinfo_lin_72x18.gif') top left no-repeat;
				display: block;
				float: right;
				height: 18px;
				margin: 10px 5px 0 0;
				width: 72px;
			}
			
				#links .section_link span {
					display: none;
				}
				
		#videos {
			background: url('images/videos_366x150.jpg') top left no-repeat;
			height: 150px;
			margin: 0 0 20px 0;
			width: 366px;
		}
		
			#videos p {
				color: #FFFFFF;
				list-style: disc;
				margin: 0;
				padding: 5px 5px 0 0;
			}
			
			#videos ul {
				color: #FFFFFF;
				list-style: disc;
				margin: 0 0 0 10px;
				*margin: 0 0 0 15px;
				padding: 5px 5px 0 0;
			}
			
				#videos ul li {
					color: #FFFFFF;
				}			
					#videos ul li a {
						color: #FFFFFF;
					}
					
			#videos .section_link {
				background: url('images/btn_moreinfo_vid_72x18.gif') top left no-repeat;
				display: block;
				float: right;
				height: 18px;
				margin: 10px 5px 0 0;
				position: relative;
				/*top: -10px;*/
				width: 72px;
			}
			
				#videos .section_link span {
					display: none;
				}
				
				#videos .section_title img {
					border: 1px solid #FFFFFF;
					margin: 10px 10px 15px 10px;
				}
				
				#videos .section_title h2 {
					color: #FFFFFF;
					font-size: 1.00em;
					font-weight: bold;
					line-height: 40px;
					padding: 0 10px 0 10px;
				}
			
	#content #row2 {
		float: left;
		height: 200px;
		left: 20px;
		margin: 0px 0px 20px 0;
		position: relative;
		top: 0;
		width: 720px;
	}
	
		#content #row2 h1 {
			font-family: Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;
		}
		
		#content #row2 h3 {
			margin: 10px 0 0 48px;
		}
		
		#content #row2 .whats_next {
			color: #666666;
		}
		
			#content #row2 .whats_next a {
				color: #666666;
				font-weight: bold;
			}
		
		#content #row2 .start {
			color: #666666;
			float: left;
			margin: 20px 0 10px 0;
		}
		
		#content #row2 .end {
			color: #666666;
			float: right;
			margin: 20px 0 10px 0;
		}
		
			#content #row2 #status_bar {
				background: url('images/row_statusbar_720x41.jpg') top left no-repeat;
				height: 41px;
				width: 720px;
			}
			
				#content #row2 #status {
					height: 25px;
					left: 55px;
					position: relative;
					top: 10px;
					width: 620px;
				}
				
					#content #row2 #status span {
						background: url('images/row_status_5x25.gif') top left repeat-x;
						display: block;
						height: 25px;
						margin: 0;
						padding: 0;
						width: 0%;
					}
	
/*#############################################################
#
#	FOOTER
#
#############################################################*/

	/*#footer #break {
		background: url('images/home_footer_760x35.jpg') top left no-repeat !important;
	}*/

/*----------------------------------------------------------*/