/* -------------------------------------------------*/ 
/*	Designed and Produced by Instant Business Ltd.  */
/*	Build start date: 1st November 2007             */
/*	Web Producer: Steve Avery                       */
/* -------------------------------------------------*/


/*----------------------------------*/
/* 1. General Setup                 */
	
	* {
		padding: 0;
		margin: 0;
	}
	
	body {
		font-family: arial, helvetica, verdana, sans-serif;
		text-align: center;
		font-size: 1em;
		color: #333;
		background: #8E8E8E url("/media/gfx/bgGrad.jpg") repeat-x 0 0;
	}

	a {
		color: #333;
		cursor: pointer;
		position: relative;
	}
	
	a:visited,
	a:hover,
	a:active {
		color: #333;
	}
	
	h2 {
		font-size: 1.6em;
		margin-bottom: 20px;
	}
	
	p {
		padding: 5px 0;
	}
	
	img {
		display: block;
		border: 0;
	}

/*------------------------------------*/
/* 2. Generic Classes                 */

	p#skipLink,
	p#goToTopLink {
		/*padding: 0;*/
		font-size: 1px;
	}

	.offScreen {
		position: absolute;
		left: -5000px;
	}
	
	.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	/* Hides from IE-mac \*/
		* html .clearFix {height: 1%;}
	/* End hide from IE-mac */
	
	
/*-----------------------------------*/
/* 3. Page Frame                     */

#siteOuterContainer {
	width: 1000px;
	margin: 0 auto;
	
	/*min-height: 46.5em;
	height: auto !important;
	height: 46.5em;*/
	background: url("media/gfx/bgSwooshs.jpg") no-repeat 25px 0;
}
	
	#siteContainer {
		width: 940px;
		margin: 0 auto;
		font-size: 0.7em;
		text-align: left;
		position: relative;
		/*min-height: 46.5em;
		height: auto !important;
		height: 46.5em;*/
	}

/*-----------------------------------*/
/* 4. Content                        */

#contentContainer {
	width: 940px;
}

	/* Main & Sub Nav */
	
	/* Main nav */

	#contentContainer #brandingMainNavSubNavContainer {
		width: 195px;
		float: left;
		margin-right: 5px;
	}
	
		#contentContainer #brandingMainNavSubNavContainer #siteID {
			margin: 10px 0 0 65px;
		}
		
		#contentContainer #brandingMainNavSubNavContainer ul.mainNav {
			list-style-type: none;
			position: absolute;
			top: 25px;
			left: 275px!important;
			left: 265px;
			width: 530px;
		}
		
		/* -- Begin IE7 Only Hack -- */
		*:first-child+html #contentContainer #brandingMainNavSubNavContainer ul.mainNav {
			left: 265px!important;
		}
		/* -- End IE7 Only Hack -- */
		
			#contentContainer #brandingMainNavSubNavContainer ul.mainNav li {
				text-align: left;
				float: left;
				display: inline;
				border-right: 1px solid #CCCCCC;
				margin-left: 15px;
				padding: 0px 15px 0 0;
			}
			
			#contentContainer #brandingMainNavSubNavContainer ul.mainNav li.first {
				margin: 0;
			}
			
			#contentContainer #brandingMainNavSubNavContainer ul.mainNav li.last {
				border: none;
				padding: 0;
			}
			
				#contentContainer #brandingMainNavSubNavContainer ul.mainNav li a {
					text-decoration: none;
					color: #33CCFF;
					font-size: 1.5em;
				}
				
					#contentContainer #brandingMainNavSubNavContainer ul.mainNav li a.current {
						color: #666666;
					}
				
					#contentContainer #brandingMainNavSubNavContainer ul.mainNav li a:hover {
						color: #666666;
					}
		
		/* Sub nav */
		
		#contentContainer #brandingMainNavSubNavContainer ul.subNav {
			list-style-type: none;
			position: absolute;
			bottom: -100px;
			left: -5px;
			width: 195px;
		}
		
			#contentContainer #brandingMainNavSubNavContainer ul.subNav li {
				text-align: right;
				float: right;
				border-right: 0;
				margin-left: 0;
				padding-right: 0;
				width: 195px;
			}
			
			#contentContainer #brandingMainNavSubNavContainer ul.subNav li.first {
				margin: 0;
			}
			
			#contentContainer #brandingMainNavSubNavContainer ul.subNav li.last {
				border: none;
				padding: 0;
			}
			
				#contentContainer #brandingMainNavSubNavContainer ul.subNav li a {
					text-decoration: none;
					color: #666666;
					font-size: 1.1em;
					line-height: 1.4em;
				}
				
					#contentContainer #brandingMainNavSubNavContainer ul.subNav li a.current {
						color: #333333;
					}
				
					#contentContainer #brandingMainNavSubNavContainer ul.subNav li a:hover {
						color: #333333;
					}
	
	
	/* Content */
	
	#contentContainer #content {
		width: 740px;
		float: left;
		position: relative;
		top: 167px;
		left: 0;
	}
	
	
		/* Gallery */
	
		#galleryOuterContainer {
			width: 658px;
			float: left;
		}
		
			#galleryOuterContainer #topShadow {
				width: 658px;
				height: 5px;
				font-size: 1px;
				/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/topGalleryShadow.png");
			}
			
			#galleryOuterContainer #topShadow[id] {
				/* IE ignores styles with [attributes], so it will skip the following. */
				background: url("media/gfx/topGalleryShadow.png") no-repeat 0 0;
			}
			
			#galleryOuterContainer #leftShadow {
				width: 5px;
				height: 317px;
				font-size: 1px;
				float: left;
				/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/leftGalleryShadow.png");
			}
			
			#galleryOuterContainer #leftShadow[id] {
				/* IE ignores styles with [attributes], so it will skip the following. */
				background: url("media/gfx/leftGalleryShadow.png") no-repeat 0 0;
			}
			
			#captionContainer {
				position: absolute;
				width: 595px;
				background: #000000;
				filter: alpha(opacity=70);
				-moz-opacity: .70;
				opacity: .70;
				margin: 20px 0 0 53px;
				color: #FFFFFF;
			}
			
				#captionContainer p {
					color: #FFFFFF;
					margin: 5px 20px;
					font-size: 1.5em;
					line-height: 1.5em;
					color: #FFFFFF;
				}
			
			#galleryContainer {
				width: 648px;
				float: left;
			}
			
			#galleryOuterContainer #rightShadow {
				width: 5px;
				height: 317px;
				font-size: 1px;
				float: left;
				/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/rightGalleryShadow.png");
			}
			
			#galleryOuterContainer #rightShadow[id] {
				/* IE ignores styles with [attributes], so it will skip the following. */
				background: url("media/gfx/rightGalleryShadow.png") no-repeat 0 0;
			}
			
			#galleryFlashAlt {
				width: 648px;
				float: left;
			}
			
			#galleryFlashAlt #arrowContainer {
				position: absolute;
				top: 285px;
				left: 5px;
				width: 648px;
				height: 37px;
				background: #000000;
				filter: alpha(opacity=70);
				-moz-opacity: .70;
				opacity: .70;
			}
			
				#galleryFlashAlt #arrowContainer #leftArrows a,
				#galleryFlashAlt #arrowContainer #rightArrows a {
					display: block;
					width: 35px;
					height: 37px;
					position: relative;
				}
				
				#galleryFlashAlt #arrowContainer #leftArrows {
					float: left;
					width: 35px;
					height: 37px;
					/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/leftArrows.png");
				}
				
					#galleryFlashAlt #arrowContainer #leftArrows[id] {
						/* IE ignores styles with [attributes], so it will skip the following. */
						background: url("media/gfx/leftArrows.png") no-repeat 0 0;
					}
				
				#galleryFlashAlt #arrowContainer #rightArrows {
					float: right;
					width: 35px;
					height: 37px;
					/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/rightArrows.png");
				}
				
					#galleryFlashAlt #arrowContainer #rightArrows[id] {
						/* IE ignores styles with [attributes], so it will skip the following. */
						background: url("media/gfx/rightArrows.png") no-repeat 0 0;
					}
			
			/* Content Panel */
			
			#contentPanelContainer {
				width: 658px;
				float: left;
			}
			
			#contentPanelContainer ol,
			#contentPanelContainer ul {
				margin: 0 0 0 30px;
				font-size: 1em;
				line-height: 1.5em;
			}
			
				#contentPanelContainer ol ol,
				#contentPanelContainer ul ul {
					margin: 0 0 0 30px;
					font-size: 1em;
					line-height: 1.5em;
				}
			
			#contentPanelTopShadow {
				width: 658px;
				height: 5px;
				font-size: 1px;
				/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/topContentPanelShadow.png");
			}
			
				#contentPanelTopShadow[id] {
					/* IE ignores styles with [attributes], so it will skip the following. */
					background: url("media/gfx/topContentPanelShadow.png") no-repeat 0 0;
				}
			
			#contentPanelInnerContainer {
				width: 658px;
				/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/midContentPanelShadow.png");
			}
			
				#contentPanelInnerContainer[id] {
					/* IE ignores styles with [attributes], so it will skip the following. */
					background: url("media/gfx/midContentPanelShadow.png") repeat-y 0 0;
				}
				
			#contentPanelInner {
				padding: 20px;
				width: 618px;
			}
			
				#contentPanelInner p {
					font-size: 1.1em;
					line-height: 1.3em;
					font-weight: bold;
					margin: 0 auto;
					text-align: center;
				}
				
			#contentPanelInnerDefault {
				padding: 20px;
				width: 618px;
			}
			
				#contentPanelInnerDefault p {
					font-size: 1.1em;
					line-height: 1.3em;
				}
				
				#contentPanelInnerDefault ol,
				#contentPanelInnerDefault ul {
					margin: 0 0 0 30px;
					font-size: 1.1em;
					line-height: 1.5em;
				}
				
			#contentPanelBotShadow {
				width: 658px;
				height: 16px;
				font-size: 1px;
				/* Standard Compliant Browsers ignores crazy MS image filters, so it will skip the following */
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/media/gfx/botContentPanelShadow.png");
			}
			
				#contentPanelBotShadow[id] {
					/* IE ignores styles with [attributes], so it will skip the following. */
					background: url("media/gfx/botContentPanelShadow.png") no-repeat 0 0;
				}
				
			
			.fixHeight {
				min-height: 28.4em;
				height: auto !important;
				height: 30em;
			}
	
	

/*-----------------------------------*/
/* 5. Footer                         */
		
#footerContainer {
	background: #8E8E8E;
	position: relative;
	top: 190px;
	float: none !important;
	float: left;
}

	#footerContainer #footerInnerContainer {
		width: 940px;
		margin: 10px auto;
		font-size: 0.7em;
		text-align: centre;
	}
	
		#footerContainer #footerInnerContainer ul.footerNav {
			float: left;
			list-style-type: none;
			margin: 10px 0 10px 327px !important;
			margin: 10px 0 10px 167px;
		}
		
			/* -- Begin IE7 Only Hack -- */
			*:first-child+html #footerContainer #footerInnerContainer ul.footerNav {
				margin: 10px 0 10px 337px !important;
			}
			/* -- End IE7 Only Hack -- */
		
		#footerContainer #footerInnerContainer ul.footerNav li {
			float: left;
			border-right: 1px solid #FFFFFF;
			color: #FFFFFF;
			margin-left: 5px;
			padding: 0px 5px 0 0;
		}
		
		#footerContainer #footerInnerContainer ul.footerNav li.first {
			margin: 0;
		}
		
		#footerContainer #footerInnerContainer ul.footerNav li.last {
			border: none;
			padding: 0;
		}
		
		#footerContainer #footerInnerContainer ul.footerNav li a {
			color: #FFFFFF;
			padding: 0;
			text-decoration: none;
		}
		
		#footerContainer #footerInnerContainer ul.footerNav li a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
		
		#footerContainer.footerPadder {
			padding-bottom: 120px;
		}
		
	#footerContainer p#companyDetails {
		float: left;
		width: 840px;
		color: #FFFFFF;
		line-height: 1.3em;
		margin-left: 100px !important;
		margin-left: 50px;
	}
	
	
/*-----------------------------------*/
/* 6. Forms                          */

.redText {
	color: red; /* Errors */
}

.redText ol {
	margin: 0 0 10px 25px;
}

#enquiryForm {
	position: relative;
}

#enquiryForm form fieldset {
	border: none;
}

	#enquiryForm form fieldset legend {
		display: none;
	}
	
#enquiryForm form fieldset .questionAndAnswer {
	float: left;
	clear: left;
	margin-bottom: 5px;
	width: 450px;
}

#enquiryForm form fieldset .questionAndAnswer .question {
	display: block;
	text-align: left;
	width: 150px;
	float: left;
	margin-bottom: 3px;
	padding: 2px 8px 0 0;
}

#enquiryForm form fieldset .questionAndAnswer .answer input,
#enquiryForm form fieldset .questionAndAnswer .answer textarea {
	width: 250px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1em;
}

#enquiryForm form fieldset .questionAndAnswer .answer #send {
	width: auto;
	float: right;
	margin-right: 40px;
}