BODY {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: small; BACKGROUND: url(images/bodyBG.jpg) #e6e8eb repeat-x left top; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #50697b; LINE-HEIGHT: 1.3em; PADDING-TOP: 0px; FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif

}

#float {

	float: left;

	position: fixed;

	top: 0px;

	left: 0px;

}

#header {

	BACKGROUND: url(images/header.jpg) no-repeat left top; MARGIN: 0px auto; WIDTH: 618px; POSITION: relative; HEIGHT: 133px

}

#header H1 {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

#header H1 A {

	DISPLAY: block; LEFT: 248px; WIDTH: 220px; TEXT-INDENT: -9000px; POSITION: absolute; TOP: 30px; HEIGHT: 70px

}

#header UL {

	MARGIN-TOP: 92px; PADDING-LEFT: 274px; FLOAT: left; WIDTH: 308px; LIST-STYLE-TYPE: none; HEIGHT: 34px

}

#header UL LI {

	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px

}

#header UL LI A {

	BACKGROUND: url(images/mainNav.gif) no-repeat; FLOAT: left; COLOR: #afad92; TEXT-DECORATION: none

}

#header LI#work A {

	WIDTH: 104px; HEIGHT: 34px

}

#header LI#links A {

	WIDTH: 104px; HEIGHT: 34px

}

#header LI#contact A {

	WIDTH: 100px; HEIGHT: 34px

}

#header LI#links A:link {

	BACKGROUND-POSITION: -104px 0px

}

#header LI#links A:visited {

	BACKGROUND-POSITION: -104px 0px

}

#header LI#contact A:link {

	BACKGROUND-POSITION: -208px 0px

}

#header LI#contact A:visited {

	BACKGROUND-POSITION: -208px 0px

}

#header LI#work A:hover {

	BACKGROUND-POSITION: 0px -34px

}

#header LI#work A:focus {

	BACKGROUND-POSITION: 0px -34px

}

#header LI#links A:hover {

	BACKGROUND-POSITION: -104px -34px

}

#header LI#links A:focus {

	BACKGROUND-POSITION: -104px -34px

}

#header LI#contact A:hover {

	BACKGROUND-POSITION: -208px -34px

}

#header LI#contact A:focus {

	BACKGROUND-POSITION: -208px -34px

}

.workPage #header LI#work A {

	BACKGROUND-POSITION: 0px -34px

}

.linksPage #header LI#links A {

	BACKGROUND-POSITION: -104px -34px

	}

.contactPage #header LI#contact A {

	BACKGROUND-POSITION: -208px -34px

}

#leftShadow {

	WIDTH: 9px; POSITION: absolute; TOP: 0px; HEIGHT: 454px

}

#rightShadow {

	WIDTH: 9px; POSITION: absolute; TOP: 0px; HEIGHT: 454px

}

#leftShadow {

	BACKGROUND: url(images/containerDropShadow.gif) repeat-x left top; LEFT: 0px

}

#rightShadow {

	RIGHT: 0px; BACKGROUND: url(images/containerDropShadow.gif) repeat-x right top

}

#container {

	FONT-SIZE: 98%; BACKGROUND: url(images/containerBG.gif) #aac0cd repeat-y left top; MARGIN: 0px auto; WIDTH: 618px; POSITION: relative

}

#container .gutter {

	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; BACKGROUND: url(images/containerGradient.gif) repeat-x left top; PADDING-BOTTOM: 18px; MARGIN: 0px 11px; PADDING-TOP: 27px; POSITION: relative

}

#container #intro {

	BACKGROUND: url(images/introBG.jpg) no-repeat left top; WIDTH: 560px; COLOR: #3b505e; POSITION: relative; HEIGHT: 259px

}

#container #products {

	BACKGROUND: url(images/products.jpg) no-repeat left top; WIDTH: 560px; COLOR: #3b505e; POSITION: relative; HEIGHT: 259px

}

#container #contact {

	BACKGROUND: url(images/contact.jpg) no-repeat left top; WIDTH: 560px; COLOR: #3b505e; POSITION: relative; HEIGHT: 259px

}

#container #intro H2 {

	WIDTH: 240px; POSITION: relative

}

#container #intro P {

	WIDTH: 240px; POSITION: relative

}

#container #intro H2 {

	FONT-WEIGHT: normal; FONT-SIZE: 170%; LEFT: 297px; TOP: 47px

}

#container #intro P {

	FONT-SIZE: 110%; LEFT: 299px; TOP: 43px

}

#container #intro A {

	DISPLAY: block; WIDTH: 155px; COLOR: #badfe7; LINE-HEIGHT: 29px; POSITION: absolute

}

#container #intro A:hover {

	COLOR: #87eaff

}

#container #intro A#downloadPortfolio {

	LEFT: 418px; TOP: 167px

}

#container #intro A#downloadResume {

	LEFT: 419px; TOP: 200px

}

#container DL {

	MARGIN-TOP: 28px; BACKGROUND: url(images/workBG.gif) #d7e9f3 repeat-y left top; COLOR: #3a3a3a; POSITION: relative

}

#container DL DT {

	BACKGROUND: url(images/workTitleBG.gif) #c5e7f9 no-repeat left top; LINE-HEIGHT: 41px; POSITION: relative; HEIGHT: 41px

}

#bottomz {

	BACKGROUND: url(images/bottomz.gif) #c5e7f9 no-repeat left top; LINE-HEIGHT: 41px; POSITION: relative; HEIGHT: 41px

}

#container DL DT SPAN {

	PADDING-LEFT: 37px; FONT-SIZE: 140%; COLOR: #63727a

}

#container DL DT A {

	PADDING-RIGHT: 16px; RIGHT: 15px; BACKGROUND: url(images/topArrow.gif) no-repeat right center; COLOR: #879eab; POSITION: absolute; TOP: 0px

}

#container DL DT A:hover {

	COLOR: #45535c

}

#container DL DD {

	FLOAT: left; WIDTH: 100%; POSITION: relative

}

#container DL DD UL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 13px; WIDTH: 204px; PADDING-TOP: 10px

}

#container DL DD UL LI {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 11px; BORDER-BOTTOM: #cfcfcf 1px solid

}

#container DL DD UL LI.viewBtn {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none

}

#container DL DD LI STRONG {

	COLOR: #394f5f

}

#container DL DD LI A {

	MARGIN-TOP: 15px; DISPLAY: block; PADDING-LEFT: 24px; FONT-SIZE: 95%; BACKGROUND: url(images/viewBtn.gif) no-repeat left center; WIDTH: 110px; COLOR: #466b7f; LINE-HEIGHT: 25px

}

#container DL DD LI A:hover {

	BACKGROUND-IMAGE: url(images/viewBtnHover.gif); COLOR: #fff

}

#container DL DD A.thumb {

	FLOAT: right; MARGIN: 10px 11px 11px 0px

}

#container DL DD.desc {

	CLEAR: both; BACKGROUND: url(images/descBG.gif) #c4dce9 repeat-y center top; FLOAT: none; MARGIN: 0px

}

#container DL DD.desc DIV {

	BACKGROUND: url(images/descLine.gif) repeat-x left top; MARGIN-LEFT: 1px; WIDTH: 558px

}

#container DL DD.desc DIV P {

	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; BACKGROUND: url(images/descLine.gif) repeat-x left bottom; PADDING-BOTTOM: 25px; MARGIN: 0px; PADDING-TOP: 20px

}

* HTML #container DL DD.desc DIV P {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 20px 18px 25px; PADDING-TOP: 0px

}

#container DL DD.desc DIV P A {

	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px

}

#container DL DD.desc DIV P A:hover {

	BACKGROUND: none transparent scroll repeat 0% 0%

}

#container DL DD.desc A {

	DISPLAY: block; PADDING-LEFT: 50px; BACKGROUND: url(images/viewDescBtn.gif) #e2e2e2 no-repeat left top; CURSOR: hand; COLOR: e2e2e2; LINE-HEIGHT: 30px

}

#container DL DD.desc A:hover {

	BACKGROUND: url(images/viewDescBtn.gif) #d0e0e9 no-repeat left bottom; COLOR: #e2e2e2

}

#container #contactWrapper {

	MARGIN-TOP: 35px; BACKGROUND: url(images/contactBG.gif) #d7e9f3 repeat-y left top; FLOAT: left; WIDTH: 100%; POSITION: relative

}

#container #contactWrapper #contactInfo {

	BACKGROUND: url(images/contactInfoDropShadow.gif) no-repeat right top; FLOAT: left; WIDTH: 228px; HEIGHT: 350px

}

#container #contactWrapper #contactInfo H2 {

	PADDING-LEFT: 14px; FONT-SIZE: 140%; BACKGROUND: url(images/contactInfoTop.gif) no-repeat left top; COLOR: #394f5f; PADDING-TOP: 34px

}

#container #contactWrapper #contactInfo H3 {

	MARGIN-LEFT: 16px

}

#container #contactWrapper #contactInfo P {

	MARGIN-LEFT: 16px

}

#container #contactWrapper #contactInfo H3 {

	BORDER-TOP: #c6d7e1 1px solid; MARGIN-TOP: 8px; FONT-SIZE: 110%; MARGIN-BOTTOM: 3px; COLOR: #26353d; MARGIN-RIGHT: 23px; PADDING-TOP: 27px

}

#container #contactWrapper #contactInfo P {

	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px

}

#container #contactWrapper #contactInfo A {

	FONT-WEIGHT: bold; COLOR: #5bb3dd

}

#container #contactWrapper #contactForm {

	BACKGROUND: url(images/contactFormTop.gif) repeat-x left top; FLOAT: right; WIDTH: 332px; POSITION: relative

}

#container #contactWrapper #contactForm A {

	DISPLAY: block; BACKGROUND: url(images/contactTopBtn.gif) no-repeat right top; LEFT: 295px; WIDTH: 26px; TEXT-INDENT: -9000px; POSITION: relative; TOP: 12px; HEIGHT: 19px

}

#container #contactWrapper FORM {

	PADDING-RIGHT: 17px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 22px

}

* HTML #container #contactWrapper FORM {

	PADDING-RIGHT: 17px; PADDING-LEFT: 10px; PADDING-BOTTOM: 14px; PADDING-TOP: 36px

}

#container #contactWrapper FORM .btn {

	FLOAT: left

}

#container #contactWrapper FORM #formStatus {

	MARGIN-TOP: 7px; FLOAT: right; WIDTH: 210px

}

#container #contactWrapper FORM #formStatus P {

	MARGIN-TOP: 0px; PADDING-LEFT: 19px

}

#container #contactWrapper FORM #formStatus .error {

	BACKGROUND: url(images/errorIcon.gif) no-repeat left center; COLOR: red

}

#container #contactWrapper FORM #formStatus .success {

	BACKGROUND: url(images/successIcon.gif) no-repeat left center

}

#container #footer {

	FONT-SIZE: 93%; BACKGROUND: url(images/footer.jpg) #6f8592 no-repeat left bottom; COLOR: #c2c2c2; HEIGHT: 65px

}

#container #footer P {

	PADDING-LEFT: 29px; PADDING-TOP: 20px

}

#container #footer A {

	COLOR: #8bd3ff

}

H1 {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

H2 {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

UL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none

}

LI {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none

}

DL {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

DT {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

DD {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

A:link {

	COLOR: #618191; TEXT-DECORATION: none

}

A:visited {

	COLOR: #618191; TEXT-DECORATION: none

}

A:hover {

	COLOR: #45535c

}

A:active {

	COLOR: #45535c

}

IMG {

	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none

}

INPUT {

	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 110%; PADDING-BOTTOM: 4px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none

}

TEXTAREA {

	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 110%; PADDING-BOTTOM: 4px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none

}

LABEL {

	FONT-WEIGHT: bold; COLOR: #394f5f

}

TEXTAREA {

	FONT-FAMILY: Helvetica, Arial, Tahoma, sans-serif; HEIGHT: 130px

}

.txt {

	BACKGROUND: #abcadb; WIDTH: 296px; COLOR: #517990; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none

}

.inputHighlighted {

	WIDTH: 296px; COLOR: #fff; BACKGROUND-COLOR: #6f8b9b

}

.clear {

	CLEAR: both

}