/*--------------------------------------------------------
	TITLE: Cimbrian | Technology Master Style Sheet
	AUTHOR: kyle@iamkyle.com
	CREATED: 8/9/2007
____

	LAYOUT
	- BODY
	- CONTAINER
		HEADER
			* logo
			* search
		MENU
			* submenu
		FEATURE
		CONTENT
			* blocks
		FOOTER
			* utilities
	- MISCELLANEOUS
		LINKS
		CENTER
		CLEAR FIX
		
	CONTENT
	- H1
	- H2
	- P
	- UL
____

	LAYOUT
--------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background:#d0d0d0;
	font:10pt "Trebuchet MS", Arial, Helvetica, Sans-serif;
	line-height: 1.3;
	text-align: center;
}
/*--------------------------------------------------------
	- CONTAINER
--------------------------------------------------------*/
	#container {
		background:#FFF;
	}
/*- HEADER -*/
		#header {
			background:#5c5c5c;
			border-bottom:#4c4c4c 5px solid;
		}
			#header div {
				position: relative;
			}
			#header h1 a {
				background:url(Images/Logo.jpg) no-repeat;
				display:block;
				height:79px;
				text-indent:-5000px;
				width:485px;
			}
	/* search */
			#header form {
				position:absolute;
				left:700px;
				top:30px;
			}
				#header form fieldset {
					border-width: 0;
				}
				#header form legend {
					display:none;
				}
					#header form input[type="text"] {
						background:#4b4b4b;
						border:#6b6b6b 1px solid;
						color:#6b6b6b;
						padding:3px 15px 3px 3px;
					}
					#header form input[type="image"] {
						position: absolute;
						right:7px;
						top:6px;
					}
/*- MENU -*/		
		#menu {
			background:#d7d7d7 url(Images/Menu-Background.gif) repeat-x center left;
			border-bottom:#cacaca 1px solid;
		}

/*- FEATURE -*/
		#feature {
			background:#176aa9 url(../../Images/welcome-backrnd.jpg) repeat-x top;
			border-top:#FFF 1px solid;
		}
		#feature h1 {
			color:#FFF;
			font-size:18pt;
			font-weight: normal;
			padding:10px 0;
		}
		body.index #feature {
			height:233px;
			border-bottom:#FFF 3px solid;
		}
		#featureText {
			background: url(../../Images/welcome-artwork.jpg) no-repeat center top; 
			height:233px;
			text-align:left;
			font: normal 15px/23px "trebuchet ms";
			color:#FFF;
		}
	
		#featureText h1{
		background: url(../../Images/welcome-headline.gif) no-repeat; 
		width:288px;
		height:53px;
		display:block;
		margin:0;
		text-indent:-2000px;
		padding:0;
		}
		
		#featureText div {
		margin:0 auto; 
		padding-top:40px ;
		width:850px;
		display:block;
		text-align:left;
		}
		
		#featureText p {
		padding-top:8px ;
		width:400px;
		display:block;
		}
		
		#featureText a{
		margin-top:15px;
		display:block; 
		width:200px;
		white-space:nowrap;
		background:url(../../Images/welcome-arrow.gif) no-repeat 0 6px ; 
		padding-left:15px;
		font-size:13px;
		}
		
		#featureText a, #featureText a:link, #featureText a:visited {	
		color:#d6efa3;
		}
		
		#featureText a:hover {
		color:#fff;
		}				
			
/*- CONTENT -*/
		#content {
			background:url(Images/Content-Background.png) repeat-x;
			border-top:#FFF 1px solid;
			padding:10px 0;
		}
		body.index #content {
			padding:0;
		}
/* blocks */
			.block {
				background:url(Images/Block-Border.png) no-repeat top left;
				float:left;
				min-height:200px;
				padding:20px;
				width:260px;
			}
				.block:first-child {
					background:none;
				}
				.block h3 {
					font-size:12pt;
					margin:0 0 5px 0;
				}
					.block h3 a {
						color:#5c5c5c;
					}
					.block h3 a:hover {
						color:#176aa9;
					}
				.block p {
					color:#696969;
					line-height:1.5;
				}
					.block p span {
						background:#feffe3;
					}
				.block img {
					margin:15px 0 10px 20px;
				}
			
		/* services */
				.block dl.solutions {
					background:url(Images/Solutions-icon.jpg) no-repeat 8px 0;
				}
				.block dl.development {
					background:url(Images/Dev-icon.jpg) no-repeat 5px 0;
				}
				.block dl.services {
					background:url(Images/Network-icon.jpg) no-repeat 5px 0;
				}
					.block dt {
						font-size:11pt;
						padding:0 0 0 40px;
					}
					.block dd {
						font-size:8pt;
						margin:0 0 10px 0;
						padding:0 0 0 40px;
					}
				

/*- FOOTER -*/
		#footer {
			background:#dfdfdf;
			border-top:#d3d3d3 1px solid;
			color:#a5a5a5;
			font-size:9pt;
			padding:10px 0;
		}
			#footer p {
				padding:0 0 0 0px;
			}
				#footer p span {
					background:url(Images/CAD-doh-tower.jpg) no-repeat;
					height:135px;
					left:0;
					position: absolute;
					top:-60px;
					width:135px;
					z-index:5;
				}
		/* utilities */
			#footer ul {
				float:right;
				list-style:none;
				position: relative;
				z-index:10;
			}
			#footer ul li {
				display:inline;
				margin:0 0 0 10px;
			}
/*- LIGHTBOX -*/
		#lightwindow_contents {
			line-height: 1.5;
			text-align:left;
		}
			#lightwindow_contents h1 {
				background:#3bb7d1 url(Images/Feature-Background.png) repeat-x bottom left;
				border-bottom:#31b8d5 5px solid;
				color:#FFF;
				font-size:16pt;
				font-weight:normal;
				margin:0 0 10px 0;
				padding:8px 15px 3px 15px;
				text-align:left;
			}
			#lightwindow_contents p {
				color:#4A4A4A;
				margin:0 0 10px 0;
				padding:0 15px;
			}
				#lightwindow_contents ul {
					color:#4A4A4A;
					margin:0 0 10px 0;
					padding:0 15px 0 30px;
				}
/*--------------------------------------------------------
	- MISCELLANEOUS
--------------------------------------------------------*/
	/* LINKS */
	a {
		color:#176aa9;
		text-decoration:none;
	}
	a:hover {
		color:#333;
	}
/* CENTER */
	.center {
		margin:0 auto;
		text-align: left;
		width:900px;
	}
	
/* CLEAR FIX */
	.clear:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clear {
		display:inline-block;
	}
/* Hide from IE Mac \*/
	.clear {
		display:block;
	}
/* End hide from IE Mac */

/*--------------------------------------------------------	
	CONTENT
	- H1
	- H2
	- P
	- UL
--------------------------------------------------------*/
	#content h1 {
		color:#176aa9;
		font-size:16pt;
		margin:0 0 10px 0;
	}
	#content h2 {
		color:#5c5c5c;
		font-size:14pt;
		margin:0 0 10px 0;
	}
	#content p {
		color:#696969;
		margin:0 0 10px 0;
	}
	#content ul {
		color:#333;
		margin:10px 0;
		padding:0 0 0 25px;
	}