/* 
	Matt Cooper
	http://www.digitalzest.co.uk
	February 2008
*/

/* 
------ Contents of Default CSS --------

	1. Globals
	2. Typography
	3: Layouts
	4: Navigation
	5: Forms
	
---------------------------------------
*/

/* ------ START: Globals ------ */

html, body {
	height: 100%;
}

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../images/stripes_bg2.jpg) repeat center;
}

	body.whatwedo #mainCopy {	
		background:url(../images/homepage_photos.jpg) no-repeat 530px 140px;
	}
	
	body.news #flashcontent {
		float:right;				
		width:123px;
		margin:0px;
		padding:0px 22px 0px 21px;	
	}
	
	body.home #flashcontent {
		float:right;				
		width:123px;
		margin:0px;
		padding:0px 25px 0px 21px;	
	}
	
		body.news #flashcontent p, body.home #flashcontent p {
			width:110px;
		}
	
	img.flash {
		margin:0px;
		padding:35px 15px 0px 20px;
	}
	
	img.cdroms {		
		margin:0px;
		padding:26px 15px 0px 20px;
	}
	
	img.websites {
		margin:0px;
		padding:26px 15px 0px 20px;
	}
				
.clearBoth {
	clear:both;
	height:23px;
}

.floatRight {
	float:right;
	margin:0px;
	padding:25px 20px 0px 10px;	
}

.floatLeft {
	float:left;
	margin:0px;
	padding:25px 20px 0px 23px;	
}

/* ------ END: Globals ------ */

/* ------ START: Typography ------ */

h1 {
	font-size:24px;
	padding:12px 20px 0px 20px;
	margin:0px;		
}

	h1.imageReplacement {
		float:left;
		margin: 0px 0px 0px -9000px;
		padding:0px;
	} 

h2 {
	font-size:16px;
	font-weight:bold;
	color:#A7C520;
	padding:23px 20px 0px 20px;
	margin:0px 0px -8px 0px;
}

	h2.squashed {
		padding-top:16px;
	}

	#detailsBox h2 {
		margin:0px;
		padding-top:0px;
		padding-left:0px;
	}

h3 {
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
	color:#A7C520;	
	padding:28px 20px 0px 20px;
	margin:0px 0px 0px 0px;
}

	h3 strong {
		color:#ffffff;
		font-style:normal;		
	}

p {
	width:690px;
	float:none;	
	padding:12px 20px 1px 20px;
	margin:0px;
	line-height:18px;
}

	p.narrow1 {
		width:485px;		
	}
	
	p.narrow2 {
		width:580px;		
	}				

	strong.green {
		font-weight:normal;
		color:#a3a3a3;
		border-bottom:dashed 1px #A7C520;
	}
	
	#detailsBox p {
		width:240px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 10px 0px;
	}			
		
	#flashcontent p {
		margin:0px;
		padding:0px 0px 10px 0px;
		width:460px;
	}
	
	#flashcontent2 p, #flashcontent3 p {
		margin:0px;
		padding:0px 0px 10px 0px;
		width:200px;
	}	
		
	#footerBar p {
		font-size:11px;
		text-align:left;
		float:left;
		margin:0px;
		padding:10px 0px 0px 0px;
	}
	
	#newsBox p {
		width:550px;
	}
	
ul {
	font-size:13px;
	margin:0px;
	padding:0px;
}

	ul.inline {
		margin:0px;
		padding:0px 0px 0px 20px;
	}
	
		ul.inline li {
			margin:0px;
			padding:0px 0px 0px 87px;
			display:inline;
		}
	
	ul.indented {
		margin:0px 0px 0px 0px;
		padding:10px 0px 0px 50px;
	}
		
		ul.indented li {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}

	ul.sitemap {
		margin:0px;
		padding:15px 0px 2px 40px;
		text-decoration:none;
		list-style-type:none;
	}
	
		ul.sitemap li {
			margin:0px;
			padding:0px 0px 4px 0px;
		}
	
	#baseBar ul {			
		width:961px;		
		text-align:right;	
		margin:0px auto 0px auto;	
		padding:8px 0px 7px 0px;	
	}
	
		#baseBar ul li {
			display:inline;
			margin:2px 0px 2px -4px;	
			padding:0px 3px 0px 3px;
			height:100%;				
		}
		
		#baseBar ul li strong {
			color:#333333;
		}
		
	#contactBox ul {			
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:15px;
		list-style-type:none;
		margin:0px;
		padding:9px 0px 0px 0px;			
	}
	
		#contactBox ul li {			
			list-style-type:none;
			padding:9px 0px 0px 66px;
			margin:0px;	
		}
	
	#subNav ul {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		line-height:13px;
		list-style-type:none;
		margin:0px;
		padding:130px 0px 0px 40px;
	}
	
		#subNav ul li {
			border-bottom:dashed #FFFFFF 1px;
			margin:0px 20px 0px 0px;
			padding:4px 0px 4px 0px;
		}
		
.selected {
	
}

a:link, a:visited {
	color:#FFCC00;		
	text-decoration:none;	
}

a:hover, a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

	#baseBar a:link, #baseBar a:visited {
				
	}
	
	#baseBar a:hover, #baseBar a:active {
							
	}

blockquote {
	font-size:11px;
	line-height:15px;
	width:120px;
	margin:0px;
	padding:140px 0px 0px 50px;
	font-style:italic;	
}	

/* ------ END: Typography ------ */

/* ------ START: Layouts ------ */

#outerContainer {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;	
}

html>body #outerContainer {
	height: auto;
}

#content {
	min-height:100%;
	height:100%;
	height:auto;			
}

	#header {
		width:100%;		
	}
	
		#upperBar {
			height:66px;
			margin-top:2px;
			background:url(../images/upper_bar_repeat.jpg) repeat-x;
		}
		
		#midBar {
			height:121px;
			margin:0px;
			padding:0px;
			background:url(../images/digitalzest_header.jpg) no-repeat center;
		}
		
		#baseBar {		
			height:32px;				
			background:url(../images/menu_bg_repeat.jpg) repeat-x;
			margin:0px;
			padding:0px;
		}
	
	#container {	
		width:961px;		
		margin:0px auto 0px auto;
		padding:0px;
		text-align:left;
		background:url(../images/content_top.jpg) no-repeat #2B2728 right top;
		background-color:#2B2728;					
	}
	
		#sideBar {
			float:left;
			width:196px;			
			margin:0px;
			padding:0px;		
		}
		
			#subNav {
				width:196px;
				height:303px;
				margin:0px;
				padding:0px;
				background:url(../images/sub_nav.jpg) no-repeat;
			}
			
			#contactBox {
				width:196px;
				height:157px;
				padding:0px;
				margin:21px 0px 0px 0px;
				background:url(../images/contact_bg.jpg) no-repeat;
			}	
			
			.adBox {
				width:196px;
				height:157px;
				padding:17px 0px 0px 35px;;
				margin:21px 0px 18px 0px;
				background:url(../images/ad_bg.jpg) no-repeat;
			}	
		
		#mainCopy {
			float:right;
			width:765px;
			height:100%;
			margin:0px;
			padding:40px 0px 0px 0px;
			font-weight:normal;
		}
		
			#detailsBox {
				float:right;
				width:230px;
				margin:0px 0px 0px 0px;
				padding:15px 11px 0px 0px;
			}
			
			#flashcontent {
				float:left;				
				width:483px;
				margin:0px;
				padding:17px 0px 0px 21px;	
			}
			
			#flashcontent2 {
				float:left;
				margin:0px;
				padding:23px 0px 23px 23px;	
				width:450px;	
			}
			
			#flashcontent3 {				
				float:left;
				margin:0px;
				padding:23px 0px 23px 19px;	
				width:250px;	
			}
			
			#newsBox {
				float:left;
				width:558px;
			}				

#footer {
	position:absolute;	
	bottom:0px;
	left:0px;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;		
	width:100%;
	height:41px;	
	background:url(../images/footer_bg_repeat.jpg) repeat-x;
}

	#footerBar{
		width:961px;
		margin:0px auto 0px auto;
		padding:0px;	
	}
			
		#footerBar img {
			float:right;
		}

/* ------ END: Layouts ------ */

/* ------ START: Navigation ------ */
/* ------ END: Navigation ------ */

/* ------ START: Forms ------ */
/* ------ END: Forms ------ */