Owner: Olton Solutions CSS
Author: Greg Salt/Purple Dogfish Ltd

/*

/* Global Declarations */

* {
	font-size: 100.01%;
	margin: 0;
	outline: 0;
	padding: 0;
}

html {
	height: 100%;
	margin: 0 0 1px 0;
}

body {
	background: #fff;
	color: #555;
	font: 70%/1.5 Sans, "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}

input, textarea {
	font: 100%/1.5 Sans, "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}

.clearing {
	clear: both;
	height: 1%;
}


.hidden {
	display: none;
}

a:link,
a:visited,
a:hover,
a:active {
	/* border-bottom: 1px dashed; */
	border-bottom: 1px;
	/* color: #bf8660; */
	color: #166785;
	padding: 0 2px;
	text-decoration: none;
}

a:hover {
	/*border-bottom: 1px solid #ffb380;*/
	/* color: #cc6a29; */
	color: #f0b92b;
}

h2, h3, h4, h5, h6 {
	color: #166785;
}

/* Layout Declarations */
img
{  
border-style: none;
}

#logo_topright
{	
	position :fluid;
	
	left :700px;
	top:-30px;
	background-image: url(img/Olton_logo_1000x796.png);
	background-repeat: no-repeat;
}
#container {
	margin: 10px auto 20px;
	min-width: 20%;
	max-width: 100%;
	padding-bottom: 10px;
	width: 970px;
}

#content-wrap {
	height: auto;
	text-align:justify; 
	min-width: 780px;
	max-width: 1260px;
}

#source-col-one {
	float: left;
	height: auto;
	width: 760px;
}

	body#site_map #source-col-one {
		width: 100%;
	}
	
#content {
	float: right;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	width: 555px;
}

	body#site_map #content {
		width: 760px;
	}

#sidenotes, #news {
	height: auto;
	width: 200px;
}

#search-box {
	margin-top: 1.3em;
}

#search-box,
#external {
	float: right;
	position: static;
	width: 200px;
}
#job-title {
	font-size: 110%;
	font:strong;
	font-weight: bold; 
}

#footer {
	clear: both;
	padding: 10px 0 0 0;
}
	
/*  General Style Declarations */

#access {
	font-size: 100%;
}

#header {
	background: transparent url(/media/graphics/logo-web.jpg) 85% 0 no-repeat;
	height: 72px;
}

	#header h1 {
		color: #166785;
		font-size: 230%;
		line-height: 1em;
		padding: 25px 0 0 0;
	}
	
		#header h1 a {
			border: 0;
			color: #166785;
			display: block;
		}
	
	#header p {
		color: #f0b92b;
		font-style: italic;
	}

#menu {
	background: #166785;
	height: 2em;
	float:center;
}

	#menu:after {
		content: ".";
		display: block;
		height: 1%;
		visibility: hidden;
	}

	#menu ul {
		height: 1%;
		list-style-type: none;
		
	}

		#menu ul li {
			background: #166785;
			float: left;
			height: 2em;
		}
		
			#menu ul li a {
				background: #166785;
				border-bottom: 0;
				border-right: 1px solid #fff;
				color: #fff;
				display: block;
				height: auto;
				line-height: 2em;
				padding: 0 15px;
				text-decoration: none;
				width: auto;
				min-width: 20%;
	

			}
			
				#menu ul li a.menu-last {
					border: 0;
				}
			
				#menu ul li a:hover {
					/* color: #f0b92b; */
					color: #bbb;
				}

#breadcrumb {
	float: left;
	font-size: 100%;
	margin: 5px 0 10px 0;
	width: 49%;
}

#cta-contact {
	float: right;
	margin: 5px 0 10px 0;
	text-align: right;
	width: 49%;
	color:white;
}
#cta-contact2 {
	float: center;
	margin: 5px 0 10px 0;
	text-align: right;
	width: 49%;
	color:white;
}


#content h2,
#content h3,
#content h4,
#content h5,
#content p,
#content blockquote,
#content ul {
		margin-left: 10px;
		margin-right: 20px;
	}
	
#content h2 {
	border-bottom: 1px solid #166785;
	font-size: 170%;
	font-weight: 900;
	/*margin-top: -.2em;*/
        margin-top: 0.40em;
	margin-bottom: 0;
}

#content h3 {
	font-size: 120%;
	line-height: 1.5;
	margin-top: 1em;
}

#content h3 .staff-email {
	background: transparent url(/media/graphics/envelope.gif) 0 70% no-repeat;
	color: #fff;
}

	#content h3 .staff-email a {
		font-size: 80%;
		line-height: 2em;
		padding-left: 15px;
	}
	
#content blockquote {
	background: transparent url(/media/graphics/quote-os.gif) 0 5px no-repeat;
	margin-top: 10px;
}

	#content blockquote p {
		margin: 10px 10px auto 35px;
		padding: 0;
	}

#content img {
	
	border: none;
	height:auto;
	width:auto;
	
	
}

#contentzest {
	
	border: none;
	height:auto;
	width:auto;
	position:absolute right;
	
}
	
#content p {
	line-height: 1.55;
	margin: 0.5em 0 1em 10px;
}

	#content p.paginate-links {
		clear: both;
		margin: 0 0 0 10px;
		padding-top: 10px;
	}

	#content p.paginate-links a {
		border: 0;
	}
	
	#content p.testimonial-author {
		font-size: 90%;
		font-weight: 900;
		margin: 0 10px 15px 45px;
	}

	#content p.news-info {
		margin-top: 0;
	}

	#content p.news-info span {
		background: transparent url(/media/graphics/articlelink.gif) no-repeat;
		padding-left: 15px;
	}
	
	#content p.forward-link a,
	#content p a.forward-link {
		background: transparent url(/media/graphics/extra_li_link.gif) 0 50% no-repeat;
		padding-left: 10px;
	}
	
	#content p.news-url {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 90%;
	}

#content div.clients {
	border-bottom: 1px solid #166785;
	float: left;
	height: 180px;
	margin: 20px 10px 0 10px;
	position: relative;
	width: 150px;
	display: table;
	overflow: hidden;
}
#content div.clients div {
	position: absolute;
	/*_top: 50%;*/
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	}
	
	#content div.clients div p {
		line-height: 150px;
		width: 150px;
		margin-left: 0;
		padding-left: 0;
		text-align: center;
		position: relative;
		top: -50%;
	}
		
		#content div.clients div p img {
			background: #fff;
			border: 0;
			margin: 0 auto;
			vertical-align: middle;
		}

		#content div.clients span {
			display: block;
			text-align: center;
			line-height: 1.4;
			/*position: absolute;*/
			/*_bottom: 0px;*/
		}
	
	#content div.clients p.client-name {
		top: 100%;
		bottom: 0;
		font-size: 90%;
		line-height: 1em;
		position: absolute;
		text-align: center;
		width: 120px;
	}
		
	#content div.clients a:link,
	#content div.clients a:visited,
	#content div.clients a:hover,
	#content div.clients a:active {
		border: 0;
		color: #166785;
		text-decoration: none;
		vertical-align: middle;
	}

#content ul {
	/*list-style: square url(/media/graphics/diamond.jpg) outside;*/
	list-style-type: disc;
        margin-top: 1em;
	margin-left: 30px;
}

#content ul li {
        margin-bottom: 10px;
}

#content #icd-image-map {
	position: relative;
}

	#content #icd-image-map img.services-image {
		border: 0;
		display: block;
		margin: 10px auto;
		padding: 0;
	}

	#content #icd-image-map p {
		color: #fff;
		left: 0;
		position: absolute;
		top: 0;
	}
	
		#content #icd-image-map p a {
			border: 0;
			color: #fff;
			display: block;
			height: 100px;
			text-indent: -1000px;
			width: 100px;
		}
		
			#content #icd-image-map p a#ram {
				display: block;
				height: 100px;
				left: 90px;
				position: absolute;
				top: 25px;
				width: 100px;
			}
			
			#content #icd-image-map p a#ora {
				left: 200px;
				position: absolute;
				top: 10px;
			}
			
			#content #icd-image-map p a#ca {
				left: 90px;
				position: absolute;
				top: 140px;
			}
				
			#content #icd-image-map p a#ist {
				left: 200px;
				position: absolute;
				top: 125px;
			}

#content h3.comments {
	border-bottom: 1px solid #116785;
}

#content .comment-details {
	background: #eee;
	border-bottom: 1px solid #bbb;
	margin: 5px 20px 5px 10px;
	padding: 5px 0;
}
	
	#content .comment-details p {
		margin-right: 10px;
	}
	
		#content p.staff-comment {
			color: #f0b92b;
			font-size: 100%;
		}
	
#sidenotes h3 {
	border-bottom: 1px solid #166785;
	color: #166785;
	font-size: 110%;
	margin: 1em auto auto 0;
	padding: 5px 0 0 0;
}

#sidenotes ul {
	list-style-type: none;
	position: relative; 
	top: 0px;
	left: -38px;

}

	#sidenotes ul li {
		background: #eeeeef;
		border-bottom: 1px solid #ddd;
		line-height: 3em;
		margin: 1px 0;
		padding: 2px 0 1px 0;
	}

		#sidenotes ul li a {
			background: #eeeeef url(/media/graphics/extra_li_link_sidenotes.gif) 0 50% no-repeat;
			display: block;
			line-height: 1.5em;
			margin-left: 5px;
			padding: 0.1em 0 0.1em 10px;
			text-decoration: none;
		}

#news h4 {
	border-bottom: 1px solid #166785;
	color: #166785;
	font-size: 110%;
	margin: 10px auto auto 0;
	padding: 5px 0 0 0;
}

#news ul {
	/*list-style: square url(/media/graphics/extra_li_link.gif) outside;*/
	list-style: none;
	margin-left: 5px;
}

	#news ul li {
		background: transparent url(/media/graphics/extra_li_link.gif) 0 50% no-repeat;
		margin: 5px auto;
		padding: 0.1em 0 0.1em 10px;
	}

		#news ul li a {
			text-decoration: none;
		}

#feeds {
	margin-left: 5px;
	margin-top: 20px;
}

	#feeds a {
		background: transparent url(/media/graphics/feed_rss.jpg) 0 50% no-repeat;
		border: 0;
		color: #166785;
		padding: 5px 0 5px 20px;
	}
	
		#feeds a:hover {
			color: #f0b92b;
		}
		
#iso {
	margin: 15px 0 10px 5px;
	text-align:left;
}

	#iso img {
		display: block;
	}
	
#search-box h4 {
	border-bottom: 1px solid #166785;
	color: #166785;
	font-size: 110%;
	margin: 3px auto 10px;
}

#search-box li {
	list-style-type: none;
	padding-left: 10px;
}

#search-advanced {
	display: none;
}

#search-box #search-advanced,
body#search #content form,
#external form fieldset {
	background: #eee;
	border: 1px solid #999;
	margin-bottom: 5px;
}

	#external form fieldset {
		padding-bottom: 5px;
	}
	
body#search #content #form {
	margin: 5px 30px;
}

	#search-box form,
	#external form {
		font-size: 90%;
	}

		#search-box form label,
		#external form label {
			color: #166785;
			display: block;
			font-weight: 900;
			margin: 5px 0 5px 5px;
		}

	#search-box select,
	#external select {
		margin: 0 0 2px 5px;
	}

	#search-box p.indent {
		margin: 5px 0 5px 5px;
	}

		#search-box p input.text {
			border: 1px solid #166785;
			font-size: 110%;
			padding: 2px;
		}

			#search-box p input.text:focus {
				background: #eee;
			}

			#search-box p input.button,
			#external p input.button {
				background: #eee;
				border: 1px solid #166785;
				display: block;
				margin: 5px 0 0 0;
				padding: 1px 3px;
				text-transform: capitalize;
			}

			#search-box p input.button:hover,
			#external p input.button {
				cursor: pointer;
			}
			
			#search-box select,
			#external select {
				border: 1px solid #166785;
				margin-right: 10px;
				padding: 2px;
				width: 15em;
			}

				#search-box p select:hover,
				#external select:hover {
					cursor: pointer;
				}
		
#external h4 {
	border-bottom: 1px solid #166785;
	color: #166785;
	font-size: 110%;
	margin: 1.5em auto 0;
}

#external h5 {
	border-bottom: 1px solid #eee;
	font-size: 105%;
	font-weight: 400;
	margin: 10px auto 5px;
}

#external p {
	margin: 5px auto;
}

#external blockquote {
	background: transparent url(/media/graphics/left_quote.gif) no-repeat;
	margin: 10px auto;
	text-indent: 21px;
}

	#external blockquote p {
		background: transparent url(/media/graphics/right_quote.gif) 100% 100% no-repeat;
		display: inline;
		padding: 3px 21px 3px 0;
		text-indent: 21px;
	}

#footer {
	clear: both;
	position: relative;
}

	#footer p,
	#footer p a {
		background: #166785;
		clear: both;
		color: #fff;
		line-height: 2em;
		text-indent: 15px;
	}
	
	#footer p a:hover {
		color: #f0b92b;
		}

		#footer p span {
			left: 300px;
			position: relative;
		}
		
				#footer p a img {
					border: 0;
					padding-bottom: 1px;
					vertical-align: middle;
				}
				
/* Page Specific Style Declarations */

body#home #mn-home,
body#about #mn-about,
body#services #mn-services,
body#clients #mn-clients,
body#olton-news #mn-news,
body#external_rss #mn-external,
body#contact #mn-contact,
body#team #mn-team,
body#advisors #mn-advisors,
body#case_studies #mn-case-studies {
	color: #f0b92b;
}


body#contact #content img {
	margin-top: 20px;
}

body#search #content form {
	background: #eee;
	border: 1px solid #999;
	margin: 30px 10px;
}

	body#search #content form label {
		color: #111;
	}
	
	body#search #content form input {
		border: 1px solid #166785;
		padding: 2px;
	}
	
		body#search #content form input:hover {
			cursor: pointer;
		}
	
		body#search #content form input:focus {
			background: #eee;
		}
		
	body#search #content form select {
		border: 1px solid #166785;
		margin-right: 10px;
		padding: 2px;
		width: 15em;
	}
	
		body#search #content form select:hover {
			cursor: pointer;
		}
		
body#site_map #content h3 {
	border-bottom: 1px solid #ccc;
	clear: both;
	font-size: 120%;
	margin-bottom: 10px;
	padding-top: 20px;
}
	
	body#site_map #content h3 a {
		border-bottom: none;
	}
		
body#site_map #content ul {
	list-style-type: square;
		margin-left: 30px;
	}
	
	body#site_map #content ul li {
		background: transparent url(/media/graphics/extra_li_link.gif) 0 50% no-repeat;
		float: left;
		/*list-style: square url(/media/graphics/extra_li_link.gif) outside;*/
		list-style: none;
		margin-bottom: 1.5em;
		padding-left: 10px;
		width: 23%;
	}

body#services #content div {
	margin: 15px 10px auto 10px;
	padding: 10px 10px 5px 10px;
	position: relative;
	width: auto;
}

	body#services #content div.one {
		background: #eee url(/media/graphics/downarrow-1.gif) left bottom no-repeat;
	}
	
	body#services #content div.two {
		background: #eee url(/media/graphics/downarrow-2.gif) left bottom no-repeat;
	}
	
	body#services #content div.three {
		background: #eee url(/media/graphics/downarrow-3.gif) left bottom no-repeat;
	}
	
	body#services #content div.four {
		background: #eee url(/media/graphics/downarrow-4.gif) left bottom no-repeat;
	}
	
	body#services #content div.bottom-round {
		background: #eee url(/media/graphics/bottom-left-round-5.gif) left bottom no-repeat;
	}
	
	body#services #content div h4 {
		border-bottom: 1px solid #166785;
	}
	
	body#services #content div p {
		margin-left: 75px;
	}

	body#services #content div ul {
		margin: auto 5px 10px 85px;
	}

body#error #content {
	background: transparent url(/media/graphics/error.gif) 50% 20% no-repeat;
}

body#olton-news #content img {
	margin: 1em 0 1em 10px;
}

body#olton-news #content form {
	background: #eee;
	margin: 5px 20px 5px 10px;
}

body#olton-news #content form fieldset {
	border: 1px solid #999;
	padding: 5px 0 10px 0;
}

body#olton-news #content form label {
	color: #166785;
	display: block;
	font-weight: 900;
}

body#olton-news #content form label.hidden {
	display: none;
}

body#olton-news #content form p br {
	display: none;
}

body#olton-news #content form p span {
	display: block;
}

body#olton-news #content form p img {
	display: block;
	margin: auto auto 3px 0;
	padding: 0;
}

body#timeline #content,
body#messaging #content,
body#xmlupload #content {
	text-align: left;
	width: 100%;
}

body#timeline #content p,
body#xmlupload #content p,
body#timeline #content h3.timeline_legend {
	margin-left: 0;
}

body#timeline #content img {
	border: 0;
	margin: 0;
	padding: 0;
}

body#xmlupload #content h2 {
	font-size: 120%;
}

body#xmlupload #content fieldset {
	border: 1px solid #ccc;
	width: 50%;
}

body#xmlupload #content legend {
	color: #166785;
	font-size: 105%;
}

body#xmlupload #content input {
	display: block;
	margin: 5px;
}

body#messaging object, body#messaging embed {
	margin: 20px auto;
	height: 360px;
	width: 480px;
}

#disclaimer {
	color: #bbb;
	font-size: 85%;
	margin-top: 50px;
}

#sddm
{	margin: 0;
	padding: 0;
	position: relative;
	z-index: 30;
	left: 158px;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0px 10px;
	width: 60px;
	background: green;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}
.code
{
  font-family: arial, sans-serif, monospace;
}