/* CSS Document */

/* ===== Sitewide General Tags ===== */
body {
	margin: 0;
	padding: 0;
	top: 0px;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111;
	font-size: .8em;
	line-height: 1.4em;
	}

h1, h2, h3, h4, h5, h6 {
	}

h2, h3, h4, h5, h6 {
	margin-top: 24px;
	}

h1 {
	font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;
	text-align: center;
	font-size: 2em;
	line-height: 1.2em;
	margin: 10px 0 13px 0;
	padding: 0 0 17px 0;
	background: url(../image-files/h1-under.jpg) bottom center no-repeat;
	/*
	border-bottom: 0 solid #8f8fb3;
	*/
	}

h2 {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
	/*border-bottom: 1px solid #8f8fb3;*/
	}

h3 {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
	/*border-bottom: 0 solid #8f8fb3;*/
	}

p, ul, ol {
	/*font-size: 80%;
	line-height: 130%;*/
	margin: .2em 0 .8em 0;
	}

blockquote {
	margin: 12px 56px;
	color: #006;
	font-size: 100%;
	line-height: 20px;
	font-family: 'Courier New', Courier, monospace;
	}

code {
	color: navy;
	}

img {
	border: 0 solid #ddd;
	}

a:link img {
	border: 0;
	}

table {
	border-collapse: collapse;
	border: 1px solid #777;
	}

caption {
	caption-side: bottom;
	text-align: left;
	font-size: x-small;
	width: 100%;
	}

th {
	border: 1px solid #777;
	border-bottom: 3px double #777;
	}

td {
	padding: 3px 10px;
	border: 1px solid #777;
	}

/* -- General Link Styling -- */

a:link {
	color: #0066ff; 
	text-decoration: none;
	}

a:visited {
	color: #003399;
	text-decoration: none;
	}

a:hover {
	color: #000099;
	text-decoration: underline;
	}

/* -- Specific Classes -- */

.Breadcrumb {
	font-size: 60%;
	line-height: 300%;
	}

.Caption {
	font-size: 80%;
}

.ExtraNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}



/* ===== Global Page Structure ===== */

#PageWrapper {
	position: relative;
	width: 800px;
	border: none;
	margin: 0 auto;
	}

#Header {
	position: relative;
	height: 150px;
	width: 800px;
	}

#ContentWrapper {
	float: left;
	width: 100%;
	}

#ContentColumn {
	position: relative;
	margin: -50px 0 -195px 180px;
	min-height: 400px;		/* Fix for IE6 and under */
	}

#NavColumn {
	position: relative;
	float: left;
	width: 180px;
	margin: 0 0 -200px -800px;
	min-height: 450px;		/* Fix for IE6 and under */
	}

#Footer {
	clear: both;
	width: 100%;
	}

.Liner {
	position: relative;
	padding: 20px;
	overflow: hidden;
	}



/* ===== Header ===== */

#Header .Liner {
	margin: 0;
	padding: 0;
	}

#Header h1 {
	background: url(../image-files/header.jpg) top left no-repeat;
	height: 150px;
	width: 550px;
	margin: 0;
	padding: 0;
	}

#Header h1 span {
	display: none;
	}

#Header div.ExtraNav {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 14px;
	line-height: 165%;
	font-family: 'Palatino Linotype', Palatino, serif;
	}

a#HeaderLink {
	position: absolute;
	display: block;
	width: 550px;
	height: 140px;
	top: 0;
	left: 0;
	text-decoration: none;
	border: none;
	}


/* ===== Navigation ===== */
#NavColumn {
	background: url(../image-files/nav-background.jpg) top left no-repeat;
	}

#NavColumn .Liner {
	width: 140px;
	}

.Navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.Navigation li {
	padding: 0;
	margin: 0;
	font-family: 'Palatino Linotype', Palatino, serif;
	/*font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;*/
	font-size: 18px;
	display: block;
	}

.Navigation a:link, .Navigation a:visited, .Navigation a:hover, .Navigation a:active {
	display: block;
	width: 140px;
	text-decoration: none;
	padding: 0 0 13px 3px;
	margin: 0;
	}

.Navigation a:hover {
	background: url(../image-files/nav-underline.jpg) bottom left no-repeat;
	}

/*
#NavHome {
	background: url(../image-files/nav-home.jpg) top left no-repeat;
	}
a#NavHome:hover {
	background: url(../image-files/nav-home-hover.jpg) top left no-repeat;
	}

#NavCustom {
	background: url(../image-files/nav-custom-services.jpg) top left no-repeat;
	}
a#NavCustom:hover {
	background: url(../image-files/nav-custom-services-hover.jpg) top left no-repeat;
	}


#NavHome span, #NavCustom span {
	display: none;
	}
*/


/* ===== Main Content ===== */
#ContentColumn {
	background: url(../image-files/content-background.jpg) top left no-repeat;
	z-index:10;
	}



/* ===== Footer ===== */
#Footer .Liner {
	position: relative;
	display: block;
	width: 480px;
	margin: 0 20px 0 300px;
	padding: 180px 0 0 0;
	}

#Footer {
	background: url(../image-files/footer2.jpg) bottom left no-repeat;
	display: block;
	bottom: 0;
	height: 340px;
	}

#Footer div.Breadcrumb {
	position: absolute;
	width: 480px;
	margin: 0 0 0 300px;
	padding: 5px 0 110px 0;
	bottom: 0;
	border-top: 1px solid #aaa;
	}

#Footer div.Breadcrumb>* {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}


#Footer div.ExtraNav {
	position: absolute;
	margin: 0 0 0 250px;
	padding: 0 0 45px 0;
	bottom: 0;
	}

#Footer .ExtraNav ul li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 1.2em;
	padding: 0 10px;
	border-left: 1px solid #888;
	/*font-family: 'Palatino Linotype', Palatino, serif;*/
	}

#Footer .ExtraNav ul li:first-child {
	padding: 0 10px 0 3px;
	border-left: none;
	}

#Footer div.Copyright {
	position: absolute;
	margin: 0 0 0 250px;
	padding: 0 0 15px 0;
	bottom: 0;
	}

.Copyright p {
	font-size: 12px;
	line-height: 1em;
	margin: 0;
	}



/* ===== Specific Type Styles ===== */

/* --- Portfolio --- */
div.Portfolio-Web {
margin: 0 auto 20px auto;
padding: 0 0 20px 0;
border-bottom: 1px solid #777;
}

.Portfolio-Web img, .Portfolio-Web-Last img {
border: 1px solid #ccc;
margin: 10px 0 10px -1px;
}

div.Portfolio-Web-Last {
margin: 0 auto 20px auto;
padding: 0;
border: none;
}