/* Main CSS Document
 * Client: Middough Architecture (MIDD-1001)
 * Author: Randy Hammons, Optiem LLC
 */

* {
	margin: 0;
	padding: 0;
	}
	
html {
}
	
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana sans-serif;
	font-size: 62.5%;
	color:black;
	/*background: #fff url(/images/global/bg-Body.jpg) repeat-x;*/
	}
	
img {
	border: none;
	}

a:link,
a:visited {
	color:black;
}

a:hover,
a:active {
	color:black;
}

p a {
}

img.shadow {
}

img.right,
div.shadowRight {
	float: right;
}

img.left,
div.shadowLeft {
	float: left;
}

sup, sub {
	vertical-align: 0;
	position: relative;
}

sup { bottom: .5em; }

dfn {
	font-style: normal;
}

li li {
	font-size: 1em;
}
/* =SITE
--------------------------------------*/
#access-links {
	position:absolute; 
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

#viewport {
	margin: 0 auto;
	min-height: 805px;
	/*background: url(/images/global/bg-viewPort.jpg) center top no-repeat;*/
	
}

#header {
	margin: 0 auto;
	width: 940px;
	height: 190px;
	/*background: url(/images/global/bg-Header.jpg) no-repeat;*/
}

	#header h1.logo {
		float: left;
		display: block;
		width: 241px;
		overflow: hidden;
	}
	
		#header h1.logo a 
		{
			display:none;	
			/*display: block;
			padding: 135px 0 0 0;
			height: 0px;
			background-image: url(/images/global/bg-H1Logo.jpg);
			overflow: hidden;*/
		}
		#header h1.logo img
		{			
			display:block;
			/*padding: 135px 0 0 0;
			height: 0px;
			overflow: hidden;*/
		}
		
	#header ul.navMain {
		float: right;
		height: 135px;
		list-style: none;
		font-size: 1.6em;
		clear:right;
		
	}	
		
		#header ul.navMain li {
			float: left;	
			position: relative;
			top: 100px;
			padding: 0 20px;
		}
		
			#header ul.navMain li a:link,
			#header ul.navMain li a:visited {
				color:black;
				text-decoration: none;
			}	
			
			#header ul.navMain li a:active,
			#header ul.navMain li a:hover {
				color:black;
				text-decoration: underline;
			}
		
	#header ul.navSub {
		width: 940px;
		height: 55px;
		list-style: none;
		font-size: 2.2em;
		/*background: url(/images/global/bg-subNavUL.jpg) repeat-x;*/
		clear: right;
	}	
		
		#header ul.navSub li {
			float: right;
			padding: 10px 20px;
			/*background: url(/images/global/bg-subNavLI.jpg) right top no-repeat;*/
		}
		
		#header ul.navSub li.first {
			background: none;
		}
		
			#header ul.navSub li a:link,
			#header ul.navSub li a:visited {
				color:black;
				text-decoration: none;
			}
		
			#header ul.navSub li a:hover,
			#header ul.navSub li a:active {
				color:black;
				text-decoration: underline;
			}
#breakout 
{
	display:none;	
}			

#breakoutPrint
{
	padding: 0;
	margin: 0 auto;
	width: 1018px;
	height: 400px;
	overflow: hidden;
	display:block;
}

#contentMain {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	background: transparent;
}

	#contentMain h2 {
		padding: 0 0 0 20px;
		height: 75px;
		font-size: 6.5em;
		color:black;
		background: transparent;
	}
	
	#contentMain ul.breadcrumbs {
		padding: 20px 20px 20px 10px;
		list-style: none;
		font-size: 1.1em;
	}
		
		#contentMain ul.breadcrumbs li {
			float: left;
			padding: 0 15px 0 10px;
			/*background: url(/images/global/bg-BreadCrumbSeparater.jpg) right 4px no-repeat;*/
		}
		
		#contentMain ul.breadcrumbs li.last {
			background: none;
		}
		
			#contentMain ul.breadcrumbs li a:link,
			#contentMain ul.breadcrumbs li a:visited {
				text-decoration: none;
				color:black;
			}
		
			#contentMain ul.breadcrumbs li a:active,
			#contentMain ul.breadcrumbs li a:hover {
				text-decoration: none;
				color:black;
			}
		
			#contentMain ul.breadcrumbs li a.current {
				color:black;	
			}	
			
	#contentMain #contentArticle {
		padding: 0 20px;
	}		
		#contentMain #contentArticle h3 {
			width: 425px;
			font-size: 2.7em;
			font-weight: normal;
		}
	
		#contentMain #contentArticle h3.ExtendTitle {
			width:520px;
		}
		
		#contentMain #contentArticle h4 {
			font-size: 1.7em;
					font-weight:bold;
		}
		
		#contentMain #contentArticle h4 a {
					color:black;
			text-decoration: none;
		}
		
		#contentMain #contentArticle p {
			width: 425px;
			font-size: 1.2em;
			line-height: 150%;
			margin-bottom:10px;
		}
		
		#contentMain #contentArticle p.italicText {
			font-style:italic;
		}

		#contentMain #contentArticle #fullText
		{
			min-height: 350px;
			_height: auto !important;
			height: 350px;		
		}
		
		#contentMain #contentArticle #fullText p {
			width: 900px;
			font-size: 1.2em;
			line-height: 150%;			
		}
		
		#contentMain #contentArticle ul,
		#contentMain #contentArticle ol {
			margin: 5px 0 5px 20px;
		}
		
			#contentMain #contentArticle ul li,
			#contentMain #contentArticle ol li {
				margin: 0 0 0 10px;
				font-size: 1.2em;
			}
		
			#contentMain #contentArticle ol li ul.termsOfUseList {
				list-style-type:lower-alpha;
			}
			
			#contentMain #contentArticle ul li li,
			#contentMain #contentArticle ol li li {
				margin: 0 0 0 10px;
				font-size: 1em;
			}
			
			#contentMain #contentArticle ol li ul.useLicenseList {
				list-style-type:lower-roman;
			}					
	
		#contentMain #contentArticle div.feature {
			float: right;
			position: relative;
			top: -20px;
			width: 440px;
			text-align: right;
		}
		
		#contentMain #contentArticle div.featureimage {
			float: right;
			position: relative;
			top: 20px;
			width: 440px;
			text-align: right;
			margin-bottom:-10px;
		}
		
		#contentMain #contentArticle div.feature a {
			display: block;
			padding: 0px 50px;
			margin: 1px 0;
			min-height: 30px;
			font-size: 1.2em;
			line-height: 190%;
			/*background: #b5cc8e url(/images/global/bg-FeatureImg.gif) right top no-repeat;*/
		}
		
		.feature img {
			padding-top: 40px;
		}
		
		#contentArticle h3 {
			padding-top: 20px;
		}					



	#contentMain #contentArticle div.Item
	{
		width: 896px;	
		display:-moz-inline-block;
		display:inline-block;		
		padding-top:15px;
		border-top: #ccc 1px dashed;	
		margin-bottom:20px;	
	} 
		#contentMain #contentArticle  div.Item h3
		{
			width: 425px;
			font-size: 2.7em;
			font-weight: normal;
		} 
			#contentMain #contentArticle div.Item h4
			{
				font-size: 1.7em;
					font-weight:bold;
					width: 425px;
			} 
				#contentMain #contentArticle div.Item h4 a
				{
						color:black;
					text-decoration: none;
				} 
				
					#contentMain #contentArticle div.Item div
					{
							width: 435px;
							font-size: 1.2em;
							line-height: 150%;
							margin-top:10px;
							float:right;							
					} 
						#contentMain #contentArticle div.Item div.featureItem {
							width: 440px;
							margin-top:0px;
							margin-left:20px;
							position: relative;
						}
							#contentMain #contentArticle div.Item div.featureItem img {
								margin-top:0px;
								padding-top: 5px;								
							}
		
	#contentMain div#highlight {
		float: left;
		padding: 22px;
		min-height:160px;
	}

	#contentMain div.locations 
	{
		float: left;
		padding: 22px;
		min-height:160px;
		
		width:240px;
		/*background: url(/images/global/bg-ContentMainHighlight.jpg) right top no-repeat;*/
	}

	#contentMain div.process 
	{
		float: left;
		padding: 22px;
		min-height:160px;
		
		width:260px;
		/*background: url(/images/global/bg-ContentMainHighlight.jpg) right top no-repeat;*/
	}

	#contentMain div.contact 
	{
		float: left;
		padding: 22px;
		min-height:160px;
		
		width: 305px;		
	}
	#contentMain div.process h3, #contentMain div.locations h3, #contentMain div.contact h3{
		font-size: 2.4em;
		font-weight: normal;
		color:black;
	}	
	
	#contentMain div.process h3 a, #contentMain div.locations h3 a, #contentMain div.contact h3 a{
			color:black;
			text-decoration: none;
		}
		
	#contentMain div.process p, #contentMain div.locations p, #contentMain div.contact p{
		font-size: 1.3em;
		color:black;
	}	
		
	#contentMain div#highlight h3 {
		font-size: 2.4em;
		font-weight: normal;
		color:black;
	}	
	
		#contentMain div#highlight h3 a {
			color:black;
			text-decoration: none;
		}
	
	#contentMain div#highlight p {
		font-size: 1.3em;
		color:black;
	}	
	
		#contentMain div#highlight div a:link,
		#contentMain div#highlight div a:visited {
			color:black;
			text-decoration: underline;
		}		
	
		#contentMain div#highlight div a:active,
		#contentMain div#highlight div a:hover {
			color:black;
			text-decoration: none;
		}	
	
	#contentMain #contentRelatedLink {
			display:block;
			position:relative;
			margin-top:130px;			
			width:940px;
			margin-left:-10px;
	}
		#contentMain #contentRelatedLink div.highlight {
				float: right;
				width: 22%;
				font-size: 1.2em;
				line-height: 150%;
				margin-left:28px;
				margin-bottom:20px;
			}	
			
				#contentMain #contentRelatedLink div.highlight h4 {
					font-size: 1.7em;
					line-height: 2em;
					color:black;
				}
					#contentMain #contentRelatedLink a.more {
						display:block;						
						padding: 10px 12px 0 0;
						color:black;
						/*background: url(/images/global/bg-BreadCrumbSeparater.jpg) right 14px no-repeat;*/
						text-align:right;
						width:172px;
					}
					
	#contentMain #contentRelated {
			margin: 20px 20px;
			width:425px;
			border-top: #ccc 1px dashed;
	}
		
		#contentMain #contentRelated div.highlight {
			float: left;
			padding: 0 20px 20px 0;
			width: 190px;
			font-size: 1.2em;
			line-height: 150%;
		}	
				
			#contentMain #contentRelated div.highlight h4 {
				font-size: 1.7em;
				line-height: 2em;
				color:black;
			}
			
			#contentMain #contentRelated div.highlight ul {
				list-style: none;
			}
				
			#contentMain #contentRelated a.more {
				display:inline-block;
				padding: 10px 12px 0 0;
				color:black;
				/*background: url(/images/global/bg-BreadCrumbSeparater.jpg) right 14px no-repeat;*/
			}
			
		#contentMain #contentRelated dl dt {
			margin: 10px 0 0 0;
			padding: 10px 0 0 0;
			font-weight: bold;
			font-size: 1.4em;
			border-top: #eaf2dc 1px dashed;
		}	
			
		#contentMain #contentRelated dl dt.first {
			border: none;
		}
			
			#contentMain #contentRelated dl dt a:link,
			#contentMain #contentRelated dl dt a:visited {
				text-decoration: none;
				color:black;
			}	
			
			#contentMain #contentRelated dl dt a:hover,
			#contentMain #contentRelated dl dt a:active {
				text-decoration: underline;
				color:black;
			}
		
		#contentMain #contentRelated dl dd {
			font-size: 1.2em;
		}
		
		#contentMain #contentRelated dl dd img {
			float: right;
			position:relative;
			top: -10px;
			padding: 0 0 0 10px;
		}
		
#footer {
	margin: 0 auto;
	width: 940px;
	height: 120px;
	/*background: url(/images/global/bg-Footer.jpg) no-repeat;*/
}

	#footer ul {
		float: right;
		padding: 70px 0;
		list-style: none;
	}	
	
		#footer ul li {
			float: left;
			padding: 0 10px;
			border-right: #3f3f3f 1px solid;
		}
		
		#footer ul li.last {
			border: none;
			padding: 0 0 0 10px;
		}
		
			#footer ul li a {
				color:black;
			}
			
	#footer p {
		padding: 0 20px;
		font-size: 1.7em;
		line-height: 1.7em;
		text-align: right;
		color:black;
		background: transparent;
	}
	
	#footer p em {
		font-style: normal;
		color:black;
	}
/* =TABLES
--------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	}


/* =SELFCLEAR FLOATS
--------------------------------------*/

.clearthis:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }