/* GENERAL */

body {
	background-color: #691520;
	color: #fffee7;
	font-family: Georgia;
	text-align: center;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #fffee7;
}

ul {
	list-style-type: none;
}

h1 {
	margin-bottom: 0;
	font-size: larger;
}

h2 {
	margin-top: 0;
	font-size: 100%;
}

/*

html, body, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
h1 {
	font-size: 3em;
	font-weight: lighter;
}
h2 {
	font-size: 1.75em;
	font-weight: lighter;
}
h3 {
	font-size: 0.9em;
	font-weight: lighter;
	text-align: center;
}
h4 {
	font-size: 1em;
	font-weight: lighter;
	text-align: center;
}
h5 {
	font-size: 1em;
	font-weight: lighter;
}
h6 {
	font-size: 20px;
	font-weight: lighter;
}
a {
	color: #BBBBBB;
	text-decoration: none;
}
a:hover {
	color: #7488A7;
}
textarea {
	overflow: auto;
}

.hidden {
	display: none;
}

/* HEADER */

#wrapper {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#navBar {
	background-image: url(../images/NavBarSlice.jpg);
	background-repeat: repeat-x;
	text-align: center;
	word-spacing: 4em;
	margin-bottom: 0.6em;
	width: 800px;
	height: 30px;
	padding-top: 10px;
}
#navBar h3 {
	color: #EEEEEE;
	display: inline;
	letter-spacing: .25em;
	word-spacing: 1em;
	text-align: center;
}
#banner {
	height: 216px;
	background-image: url(../images/bannerBkgr.png);
	width: 800px;
	text-align: center;
	vertical-align: middle;
	padding-top: 2em;
	margin-bottom: 0.6em;
	letter-spacing: 0.25em;
}
#banner h1 {
	line-height: 1.25em;
}
#banner h4 {
	color: #171D70;
	line-height: 2em;
}
#pageBar {
	background-image: url(../images/NavBarSlice.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: 800px;
	padding-top: 10px;
	text-align: center;
	margin-bottom: 0.6em;
}
#pageBar h3 {
	color: #BBBBBB;
	display: inline;
	letter-spacing: .25em;
	text-align: center;
}

/* DESCRIPTION BAR */

#descBar {
	background-image: url(../images/DescBarSlice.jpg);
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 0.6em;
	width: 745px;
	height: 40px;
	padding-top: 10px;
	color: #BBBBBB;
	font-size: 14px;
	font-stretch: expanded;
	text-transform: uppercase;
	padding-right: 2em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	word-spacing: .25em;
}

/* HOME PAGE */

#squares {
	padding-bottom: 0.35em;
}
.square {
	float: left;
	margin-right: 0.6em;
}
#hm_web {
	float: right;
	margin-right: 0;
}

/* SERVICES, ABOUT & CONTACT */

#data {
	background-image: url(../images/dataSquareBkgdNoText.jpg);
	margin-right: 0.6em;
}
#data:hover {
	background-image: url(../images/dataSquareBkgdHoverNoText.jpg);
}
#software {
	background-image: url(../images/softwareSquareBkgdNoText.jpg);
}
#software:hover {
	background-image: url(../images/softwareSquareBkgd260HoverNoText.jpg);
}
#web {
	background-image: url(../images/webSquareBkgdNoText.jpg);
	float: right;
}
#web:hover {
	background-image: url(../images/webSquareBkgd260HoverNoText.jpg);
}
.service {
	float: left;
	width: 240px;
	height: 240px;
	padding: 10px;
}
.service h2 {
	text-height: 1em;
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	font-weight: normal;
}
.service h4 {
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 1.5em;
	font-weight: normal;
}
.service:hover h2, .service:hover h4 {
	text-shadow: 1px 1px #000000;
}
.service:hover h2 {
	color: #FFFFFF;
}
.service:hover h4 {
	color: #BBBBBB;
}
.partner {
	float: left;
	width: 180px;
	height: 180px;
	background-image: url(../images/partnerBkgd.jpg);
	color: #BBBBBB;
	font-weight: lighter;
	text-align: center;
	padding-top: 80px;
	padding-right: 40px;
	padding-left: 40px;
	margin-right: .6em;
	margin-top: .6em;
}
#goDynamic {
	width: 120px;
	height: 160px;
	padding-top: 100px;
	padding-right: 70px;
	padding-left: 70px;
	margin-bottom: .6em;
}
#bragging {
	height: 170px;
	padding-top: 90px;
}
#mighty {
	height: 195px;
	padding-top: 65px;
}
#expertise {
	width: 120px;
	padding-right: 70px;
	padding-left: 70px;
	margin-bottom: .6em;
}
#love {
	height: 215px;
	padding-top: 45px;
	margin-top: 0;
}
.desc {
	float: right;
	width: 410px;
	height: 190px;
	background-image: url(../images/bannerBkgr.jpg);
	background-repeat: repeat-x;
	line-height: 1.5em;
	color: #0F175F;
	text-align: center;
	padding-right: 60px;
	padding-left: 60px;
}
#weCreate {
	padding-top: 70px;
	margin-top: .6em;
	margin-bottom: .6em;
}
#evenAfter {
	padding-top: 70px;
	margin-bottom: .6em;
}
#dynamic {
	height: 180px;
	padding-top: 80px;
}
#weDevelop {
	padding-top: 70px;
	margin-top: .6em;
	margin-bottom: .6em;
}
#weSpecial {
	padding-top: 70px;
	margin-bottom: .6em;
}
#just {
	height: 200px;
	padding-top: 60px;
}
#pleased {
	margin-top: 0;
	width: 430px;
	height: 210px;
	padding: 60px 50px 0 50px;
}

/* HEADSHOTS & BIOS */

#mel {
	background-image: url(../images/melBlue260.png);
}
#rog {
	background-image: url(../images/rogBlue260.png);
}
.headshot {
	width: 260px;
	height: 260px;
	float: left;
	margin-right: 0.6em;
}
.bio {
	width: 530px;
	height: 236px;
	background-image: url(../images/bannerBkgr.jpg);
	background-repeat: repeat-x;
	color: #171D70;
	text-align: center;
	white-space: normal;
	float: left;
	line-height: 1.7em;
	padding-top: 24px;
}
.bio p {
	font-size: 14px;
	padding-right: 1em;
	padding-left: 1em;
	line-height: 1.25em;
}
.tech {
	float: right;
	width: 772px;
	background-image: url(../images/bannerBkgr.jpg);
	background-repeat: repeat-x;
	line-height: 1.25em;
	text-align: center;
	padding: 1em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	margin-right: 1px;
	font-size: 14px;
}
.tech p {
	padding-top: .5em;
	padding-bottom: .5em;
}
#jobTitles {
	width: 260px;
	height: 222px;
	background-image: url(../images/bannerBkgr.jpg);
	background-repeat: repeat-x;
	color: #171D70;
	text-align: center;
	white-space: normal;
	float: left;
	line-height: 1.7em;
	padding-top: 38px;
}
#jobTitles h6 {
	font-weight: normal;
}
#jobTitles a {
	color: #171D70;
}
#jobTitles a:hover {
	color: #BBBBBB;
}
#jobTitles p a {
	line-height: 5em;
}

/* PROJECTS */

.client, .link {
	text-align:center;
	background-repeat: no-repeat;
	float: left;
	margin: 0 .6em .6em 0;
	height: 104px;
	width: 152px;
	padding-top: 48px;
}
.client.right, .link.right {
	float: right;
	margin-right: 0;
}
.client h6, .link h6 {
	color: #171A79;
	font-size: 1.5em;
}
.client a, .link a {
	color: #171A79;
}
.link:hover a, .link:hover h5, .link:hover h6 {
	color: #BBBBBB;
}
#nwNat {
	background-image: url(../images/nwNat152Scrim.png);
}
#bnsf {
	background-image: url(../images/bnsf152Scrim.png);
	width: 132px;
	padding-left: 10px;
	padding-right: 10px;
}
#hfo {
	background-image: url(../images/hfo152Scrim.png);
	height: 122px;
	padding-top: 30px;
}
#hfo:hover {
	background-image: url(../images/hfo152.png);
}
#vine {
	background-image: url(../images/vineyard152Scrim.jpg);
}
#nike {
	background-image: url(../images/nike152Scrim.png);
	width: 142px;
	height: 119px;
	padding: 33px 5px 0 5px;
}
#elec {
	background-image: url(../images/ElectriPack152Scrim.png);
	height: 88px;
	padding-top: 64px;
}
#plhe {
	background-image: url(../images/petLovers152Scrim.png);
	height: 118px;
	padding-top: 34px;
}
#dawson {
	background-image: url(../images/dawson152Scrim.png);
}
#ensem {
	background-image: url(../images/ensemble152Scrim.png);
}
#ensem:hover {
	background-image: url(../images/ensemble152.png);
}
#pwi {
	background-image: url(../images/pwi152Scrim.png);
	width: 132px;
	height: 120px;
	padding: 32px 10px 0 10px;
}
#omni {
	background-image: url(../images/omnisphere152Scrim.png);
}
#fddc {
	background-image: url(../images/fddc152Scrim.png);
	height: 112px;
	padding-top: 40px;
}
#fddc h6 {
	font-size: 1.25em;
}
#vir {
	background-image: url(../images/vir152Scrim.jpg);
}
#vir:hover {
	background-image: url(../images/vir152.jpg);
}
#kerr {
	background-image: url(../images/SchneiderKerr152Scrim.png);
	width: 132px;
	padding-left: 10px;
	padding-right: 10px;
}
#chc {
	background-image:url(../images/chc152Scrim.png);
}

/* FOOTER */

#quote {
	background-image: url(../images/footerBkgr.png);
	clear: both;
	margin-bottom: 0.6em;
	padding: .5em 1.5em .5em 1.5em;
	color: #BBBBBB;
}
#quote h4 {
	font-style: italic;
	font-stretch: narrower;
	white-space-collapse: collapse;
	margin-bottom: 0.35em;
}
#footer {
	background-image: url(../images/footerBkgr.png);
	width: 784px;
	background-repeat: repeat-x;
	clear: both;
	padding: 3px 8px 0 8px;
	margin-top: 0.6em;
	color: #BBBBBB;
}
#footer .letsStart {
	float: left;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}
#footer .contact {
	float: right;
	letter-spacing: 0.1em;
	text-align: right;
	margin-bottom: 5px;
	clear: left;
}
#footer .infoAt {
	text-align: right;
	float: right;
	clear: right;
	line-height: 1.5em;
	font-size: 12px;
}
#footer .phone503 {
	float: right;
	font-size: 14px;
	clear: right;
	line-height: 3em;
}
#footer input, #footer select, #footer textarea {
	font-family: "Century Gothic";
	color: #BBBBBB;
	background-color: #7488A7;
	border: 0;
	margin: 0;
	padding: 0 0 0 5px;
	width: 40%;
	height: 25px;
	float: left;
	font-size: 1em;
}
#footer .email {
	margin: 6px 0;
}
#footer .comment {
	padding: 2px 5px 5px 5px;
	width: 55%;
	height: 85px;
	float: right;
}
#footer #leftCol {
	float: left;
	width: 70%;
}
#footer #rightCol {
	float: right;
	width: 30%;
	text-align: right;
	clear: left;
}
#footer #rightCol #fb {
	clear: right;
	position: relative;
}
#footer #rightCol #fb img {
	display: block;
	margin-top: 6px;
	margin-left: 205px;
}
#footer #inquiry {
	height: 160px;
}
#footer #inquiry #send {
	position: absolute;
	bottom: 0;
	left: 15px;
	background-color: #405473;
	width: 25%;
	padding-left: 0;
}
#footer #inquiry #send:hover {
	color: #FFFFFF;
}
#footer #copyright {
	font-size: 12px;
	clear: both;
	text-align: center;
	padding: 15px 0;
	color: #DBD7D2;
}

 */