@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
body  {
	font: 100% Myriad, Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-color: #deddd6;
	background-image: url(../_assets/shadow.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

a {
	outline: none; /* REMOVES DOTTED OUTLINE WHEN LINK IS CLICKED */
}

.clear {
	clear: both;
}

/* 	STYLES WHITE PAGE   */
#paper {
	position: relative;
	background: url(../_assets/page.png) repeat-x;
	width: 900px;
	height: 650px;
	margin: 20px auto 0 auto;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* 	STYLES FOR CENTERING THE WHITE PAGE   */
.center {
	text-align: left;
	margin: 0;
	padding: 0;
	width: 900px;
}

/* 	STYLES FOR LOGO   */
#logo {
	padding: 45px 0 25px 40px;
	width: 200px;
}

/* 	STYLES FOR MAIN NAVIGATION BAR   */
ul#menu {
	list-style: none;
	float: right;
	width: 53.5%;
	padding: 0 0 .5em 0;
}

ul#menu li {
	display: inline;
}

ul#menu a {
	display: block;
	float: left;
	padding-left:1em;
	text-decoration: none;
	color: #A2A5A3; /* old lighter color: #A9ADAB; */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
}

ul#menu a:hover {
	color: #6c6967;
}

/* 	STYLES FOR SLIDESHOW   */
.limiter {
	clear: both;	
	z-index: 1; /* my attempt of putting the slideshow under the drop-down menu - doesn't work yet */
}

/* 	THIS CLEARS THE FLOAT   */
#main {
	clear: both;
	overflow: hidden;
	width: 900px;
	height: 450px;	
	z-index: 2; /* my attempt of putting the slideshow under the drop-down menu - doesn't work yet */
}

/* 	STYLES FOR PORTFOLIO PAGE NAVIGATION TEXT BOX   */
#photo {
	float: left;
	width: 650px;
	height: 450px;
	display: inline;
	z-index: 6;
}

h5 {
	font-weight: lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
	color: #a1a537;
	text-transform: uppercase;
	display: inline;
}

/* 	STYLES FOR 	PORTFOLIO (joblist) NAVIGATION   */
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .6em;
	color: #707572;
	letter-spacing: .2em;
	text-transform: uppercase;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .9em; /* OLD STYLE 1.2EM; FONT-WEIGHT: LIGHTER; */
	color: #6c6967;
	letter-spacing: .05em;
	text-transform: uppercase;
}

#jobList {
	padding: 60px 0 0 40px;
	position: absolute;
	width: 460px;
	left: 0px;
	top: 128px;
}

#jobList ul li {
	display: inline;
}

#jobList ul li a {
	list-style: none;
	display: block;
	text-decoration: none;
	color: #A9ADAB;
	padding-bottom:.5em;
}

#jobList ul li a .space{
	padding-bottom: 1.5em;
}

.title{		/* MAKES h1 title that is not a link have spacing like a title link */
	padding-bottom: 2.4em;
}

#jobList ul li a .space:hover {
	font-weight: lighter;
}

#jobList a:hover {
	color: #6c6967;
}

.nonLink {	/* MAKES JOBS IN LIST THAT ARE NOT LINKS MATCH THE ONES THAT ARE */
	color: #A9ADAB;
	margin: 0;
	padding-bottom: 10px;
}

#sneakPeak {
	width: 650px;
	height: 450px;
	float: left;
}
/*  STYLES FOR LIST OF PROJECTS ON MUNICIPAL PAGE */
.otherProjects ul.col {
	width: 350px;
	float: left;
	list-style-type: none;
	margin-top: 2em;
	margin-left: 2em;
}

h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
	text-transform: uppercase;
	color: #6c6967;
}

.otherProjects ul.col ul {
	padding-left: 1.5em;
	list-style-type: disc;
	margin-bottom: 1em;
}

.otherProjects ul.col ul li {
	font-size: .8em;
	color: #838483; /* origional lighter gray color: #9A9C99; */
	line-height: 1.5em;
}

.otherProjects {
	margin: 2em 1em 1em 3em;
	position: relative;
}

.otherProjects #jobNav {
	position: absolute;
	right: 20px;
	width: 185px;
	display: inline;
	top: 375px;
}

/* 	STYLES FOR JOB PAGES TEXT BOX   */
#info {
	padding: 2em 1em 0 2em;	
	float: left;
	width: 185px;
	display: inline;
}

/* STYLES FOR ABOUT PAGE */
#about {
	padding: 60px 0 0 40px;
}

.column {
	width: 400px;
	float: left;
}

.column.right {
	width: 325px;
	float: right;
	margin-right: 60px;
}

/* THIS BOX KEEPS TEXT BOX THE SAME SIZE TO KEEP THE THUMBNAILS IN THE SAME POSITION AT ALL TIMES */
#text {
	height: 320px;
	margin-bottom: 10px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .9em; /* OLD STYLE 1.2EM; FONT-WEIGHT: LIGHTER; */
	color: #6c6967;
	letter-spacing: .05em;
	padding: 0 0 .2em 0;
	text-transform: uppercase;
}

#location {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .6em;
	color: #A2A5A3; /* origional lighter gray color: #A9ADAB; */
	letter-spacing: .02em;
	text-transform: uppercase;
	padding: 0 0 2em 0;
}


.smooshletters {
	letter-spacing: -.05em;
}

p {
	font-size: .7em;
	color: #838483; /* origional lighter gray color: #9A9C99; */
	line-height: 1.4em;
	margin-bottom: 1em;
}

#info td {
	
	font-size: .7em;
	color: #9A9C99;
}

/* 	THIS CLEARS THE FLOAT FOR THUMBNAILS  */
#thumbnails {
	float: left;
	height: 40px;
	width: 180px;
	margin-bottom: 5px;
}

img {
	border: none;
}

.thumbnail {
	display: inline;
	float: left;
	margin-right: 5px;
	height: 40px;
	width: 40px;
}

.catagories {
	padding: 0 0 1em 0;
	margin: 0;
}

/* 	STYLES FOR JOB PAGES NAVIGATION ARROWS   */
#jobNav {
	float: left;
	width: 185px;
	display: inline; 
}

#jobNav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
	font-weight: lighter;
	color: #B9BCB8;
	list-style: none;
	text-decoration: none;
	margin-right: .5em;
}

.arrow {
	float: right;
	
}

.backbutton {
	margin-top: .2em;
	float: left;
}

/* 	STYLES FOR FOOTER   */
#footer {
	clear: left;
	height: 15px;
	padding: 2.8em 0 0 40px;
	text-align: left;
	
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .65em;
	letter-spacing: .05em;
	font-weight: lighter;	
	color: #A2A5A3; /* old lighter color: #A9ADAB; */	
}