/*
MKSA DESIGN GROUP

description:
Default stylesheet for most of the site
-------------------------------------------------------- */


/*
Structural Level and General Items
------------------------------------ */
html {
	height: 100%;
}

body {
	background: #566d85 repeat-x;
	color: #fff;
	font: 13px/18px helvetica, arial, sans-serif;
	height: 100%;
	text-align: center;
}

	body.home { background-image: none; }
	body.clients { background-image: none; }
	body.contact { background-image: none; }
	body.jobs { background-image: none; }
	body.philosophy { background-image: none; }
	
a, a:link,
a:visited,
a:hover,
a:active {
	color: #fff;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	
	#main a { color: #a2b118; font-size: 14px; line-height: 24px; }
	
	#nav-main a {
		text-decoration: none;
	}
	
	.home #local a { color: #a2b118; font-size: 14px; line-height: 24px; text-decoration: underline; }
		.home #local a:hover {
			text-decoration: none;
		}
	
	#footer a {
		color: #706d5f;
		text-decoration: none;
	}

#page {
	color: #fff;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 955px;
}

	#header {
		font-size: 14px;
		line-height: 14px;
		height: 122px;
		position: relative;
	}

		#branding {
			background-image: url(logo.png);
			background-position: right bottom;
			background-repeat: no-repeat;
			bottom: 0;
			height: 80px;
			position: absolute;
			right: 0;
			text-indent: -10000px;
			width: 406px;
		}
		#branding a { display: block; height: 100%; width: 100%; overflow: hidden; }

	#content {
		border-top: 1px solid #fff;
		padding-bottom: 120px;
		padding-top: 40px;
		width: 100%;
	}
	
		#main {
			float: left;
			padding-bottom: 3px;
			padding-right: 37px;
			width: 629px;
		}
		
			.clients #main {
				float: none;
				width: 918px;
			}
			
		#local {
			float: right;
			width: 261px;
		}
		
			#local div.vcard {}


#footer {
	background: no-repeat right bottom;
	border-top: 1px solid #979486;
	color: #726e5c;
	margin: -89px auto 0;
	padding-bottom: 17px;
	position: relative;
	text-align: left;
	width: 955px;
}



/*
Navigation
------------------------------------ */
#nav-main {
	bottom: 0;
	font-size: 14px;
	height: 30px;
	line-height: 14px;
	position: absolute;
}

	#nav-main ul {
		margin: 0;
	}
	
		#nav-main li {
			background: url("dot00000.gif") no-repeat 0 10px;
			float: left;
			padding: 0 10px 0 11px;
		}
			#nav-main li:first-child {
				background: transparent;
				padding-left: 0;
			}
			
			#nav-main em {
				border-bottom: 5px solid #fff;
				display: block;
				padding-bottom: 11px;
			}
			
			#nav-main a { display: block; padding-bottom: 11px; }
			#nav-main a:hover { border-bottom: 5px solid #fff; }

				#nav-main em a { padding-bottom: 0; }
				#nav-main em a:hover { border-bottom: none; }



/*
Headings H1-H6
------------------------------------ */
h1 { }

	#main h1 {
		font-size: 36px;
		font-weight: normal;
		line-height: 36px;
		margin-bottom: 0.5em;
		margin-top: 0;
	}
	
	.jobs #main h1 {
		text-transform: lowercase;
	}
	
h2 { }

	.home #main h2 {
		display: inline;
		font-size: 40px;
		font-weight: normal;
		line-height: 42px;
	}
		.home #main h2 a { color: #fff; font-size: 40px; line-height: 42px; text-decoration: none; }
	
		.jobs #main h2 {
			color: #726e5c;
			display: block;
			font-size: 18px;
			line-height: 24px;
			margin: 1em 0 0.5em;
		}

h3 { }

	#local h3 {
		border-bottom: 1px solid #deddd8;
		font-size: 20px;
		font-weight: normal;
		line-height: 1;
		margin: 0 0 0.3em;
		padding-bottom: 0.1em;
	}

h4 { }

	#local h4 {
		font-size: 13px;
		font-weight: normal;
		line-height: 18px;
		margin: 1em 0 0;
	}



/*
Paragraph And Quote Styles
------------------------------------ */
p { }

	#main p {
		font-size: 40px;
		line-height: 38px;
		margin: 0 0 0.5em;
	}
	
		.home #main p {
			display: inline;
			font-size: 40px;
			line-height: 42px;
		}
		
		.clients #main p {
			font-size: 24px;
			line-height: 28px;
			margin-right: 298px;
		}
		
		.jobs #main p {
			font-size: 14px;
			font-weight: bold;
			line-height: 24px;
			margin-bottom: 1.5em;
		}
		
		.jobs #main p.intro {
			font-size: 40px;
			font-weight: normal;
			line-height: 38px;
			margin: 0 0 0.5em;
		}
		
		.errors #main p {
			font-size: 24px;
			line-height: 28px;
		}
		
		#main p .reg {
			font-size: 20px;
			vertical-align: top;
		}
		
	
	#local p {
		margin: 0;
	}
	
	.jobs #local p.sidedisclaimer {
		margin-top: 10px;
		}
		
		#local .vcard p {
			font-size: 14px;
			line-height: 20px;
			margin: 5px 0 21px;
		}
		
			#local .vcard p span.org,
			#local .vcard p span.street-address,
			#local .vcard p span.extended-address {
				display: block;
			}
		
			#local .vcard p span.tel,
			#local .vcard p span.title {
				display: block;
			}
	
	#footer p {
		font-size: 12px;
		line-height: 18px;
		margin: 0;
	}
		
		#footer p.tagline { color: #a2b118; font-size: 18px; line-height: 18px; margin-bottom: 5px; margin-top: 12px; }



/*
Lists
------------------------------------ */
ul {}
ol {}
dl {}


#local ul,
#local ol {
	margin: 0.5em 0 2em;
}

	#local li {
		padding: 0;
	}
	
	#local ul li {
		font-size: 14px;
		line-height: 24px;
	}
	
		#local ul li a { color: #fff; font-size: 14px; line-height: 24px; }
		
		#local ul.positions { margin-top: 8px; }
		
		#local ul.positions li {
			background: url("arrow-of.png") no-repeat;
			color: #fff;
			line-height: 18px;
			padding: 4px 0 4px 10px;
		}
		
			#local ul.positions li.on {
				background: url("arrow-on.png") no-repeat;
				color: #726e5c;
			}


#main div.all-clients ul.col {
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin: 14px 52px 14px 18px;
	width: 242px;
}

	#main div.all-clients ul.last {
		margin-right: 0;
	}

	#main div.all-clients li {
		padding: 6px 0 6px 15px;
	}
	
		#main div.all-clients li.on {
			background: url("client00.png") no-repeat 0 10px;
		}


.jobs #main ul {
	color: #deddd8;
	list-style: square url("bullet00.gif");
	margin: 0.25em 45px 0.5em 1em;
	padding-left: 5px;
}

	.jobs #main ul li {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
		padding-bottom: 10px;
	}