img {border-width: 0; }
body { MARGIN: 0; padding:0; font-size: 76%; FONT-FAMILY: verdana, helvetica, arial, sans-serif; TEXT-ALIGN: center; }
A {COLOR: #ff4100; WHITE-SPACE: nowrap; TEXT-DECORATION: none }
H1 { FONT-WEIGHT: bold; FONT-SIZE: 1.8em; COLOR: black; font-family:Arial, Helvetica, sans-serif; line-height: 1em; LETTER-SPACING: -0.2px; margin: 0 0 10px 0; }
H2 { FONT-WEIGHT: bold; FONT-SIZE: 1.4em; COLOR: black; font-family:Arial, Helvetica, sans-serif; line-height: 1em; LETTER-SPACING: -0.2px; margin: 10px 0 5px 0; padding: 0;}
H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; COLOR: #f30; PADDING-TOP: 1em; }
H4 { FONT-SIZE: 1.3em; COLOR: #642100; }
H5 { FONT-SIZE: 1.1em; TEXT-TRANSFORM: uppercase; COLOR: #511500; LETTER-SPACING: 0.1em; line-height: 1em; }
H6 { FONT-SIZE: 1.1em; COLOR: #511500; LETTER-SPACING: 0.1em; margin-top:2px; margin-bottom: 8px; }

#container { margin: 0; margin-left: auto; margin-right: auto; width: 760px; text-align: left; }
#content { padding:0; background:url(grad_down.gif) top repeat-x; }
#leftHand { float:left; width: 500px; height:100%; margin: 20px 0 20px 0; background: url(side_dots.gif) repeat-y right }
#rightHand { FONT-SIZE: 0.9em; float:left; margin: 20px 0 0 -3px; width: 255px; background: url(side_dots.gif) repeat-y left}
#header { border-top: 3px #069 solid; text-align:left; padding: 0; }
#footer { font-size: 0.8em; padding: 5px 0 5px 0; text-transform: uppercase; color: #000; text-align: left; border-bottom: 3px #069 solid;}

#sc1 UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-TRANSFORM: uppercase; WIDTH: 402px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#sc1 UL UL {FONT-WEIGHT: normal; MARGIN: 0px}
#sc1 LI A {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px; PADDING-TOP: 0px; HEIGHT: 15px; TEXT-DECORATION: none}
#sc1 LI A:visited {PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px -15px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
#sc1 H2 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 2em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.5em; TEXT-TRANSFORM: lowercase; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: verdana, helvetica,arial, sans-serif; LETTER-SPACING: -1px; }

.liheader {FONT-WEIGHT: bold;}

#searchbox {FLOAT: right; WIDTH: 300px}
#searchbox FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#searchbox FORM INPUT {PADDING-RIGHT: 0.1em; PADDING-LEFT: 10px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0.1em; MARGIN: 0px 0px 0px 20px; WIDTH: 220px; FONT-FAMILY: verdana, helvetica,arial, sans-serif; BACKGROUND-COLOR: #fff}
#searchbox FORM INPUT#searchsubmit {FONT-WEIGHT: bold; FONT-SIZE: 1.1em; MARGIN: 0; TEXT-TRANSFORM: uppercase; WIDTH: auto; COLOR: #ffc; FONT-FAMILY: verdana, helvetica, arial, sans-serif; LETTER-SPACING: 1px; HEIGHT: 2.1em; BACKGROUND-COLOR: #069; padding: 2px;}

#tools {color: teal; MARGIN: 0 0 0 0; WHITE-SPACE: nowrap}
#tools UL {color: teal; FONT-SIZE: 0.8em; LIST-STYLE-TYPE: none; TEXT-ALIGN: right; margin:5px 0 0 0;}
#tools LI {color: teal; DISPLAY: inline; MARGIN: 0 1em 0 0; padding: 0 0 0 1em; BORDER-LEFT: 1px solid teal;}
LI#first { color: #069; border-style: none; }
#headerlogo {MARGIN: 10px 0 0 0; float:left; font-size: 1em; padding-left: 10px; }
#headerTop { background:url(grad_up.gif) bottom repeat-x; height: 85px }
#menu { BORDER-TOP: 2px solid #fff; MARGIN: 0; FONT-FAMILY: verdana, helvetica, arial, sans-serif; HEIGHT: 25px; BACKGROUND-COLOR: #069; padding: 0; }
#menu UL { background-color: #069; DISPLAY: inline; MARGIN: 0; padding: 0; LIST-STYLE-TYPE: none; }
#menu LI { background-color: #069; DISPLAY: inline; MARGIN: 0; padding: 0; LIST-STYLE-TYPE: none; }
#menu A:link { BORDER-RIGHT: 1px solid #fff; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0 0 0 -0.1em; TEXT-TRANSFORM: uppercase; BORDER-LEFT: 1px solid #fff; COLOR: #fff; HEIGHT: 20px; TEXT-DECORATION: none; padding: 5px 0.8em 0; }
#menu A:visited { BORDER-RIGHT: 1px solid #fff; FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0 0 0 -0.1em; TEXT-TRANSFORM: uppercase; BORDER-LEFT: 1px solid #fff; COLOR: #fff; HEIGHT: 20px; TEXT-DECORATION: none; padding: 5px 0.8em 0; }
#menu A:hover {	COLOR: #fff; BACKGROUND-COLOR: teal }
#menu A:active { COLOR: #fff; BACKGROUND-COLOR: silver }
LI#home-tab A:link { background-color: teal; padding: 5px 0.8em 0 68px; }
LI#home-tab A:visited { background-color: silver; padding: 5px 0.8em 0 68px; }
#intro { FONT-SIZE: 1em; COLOR: #3e3733; LINE-HEIGHT: 1.5em; padding: 0 2em 1em 1em; }
#intro P { MARGIN: 0px }
#twocol { FONT-SIZE: 0.9em; COLOR: #3e3733; TEXT-ALIGN: left; padding: 0 0 0 1em; }
#topNews { COLOR: #3e3733; padding: 0 2em 0 1em; background: url(side_dots.gif) repeat-x bottom }
#newsfeed { COLOR: #3e3733; padding: 0 2em 1em 1em; }

.switchcontent {FONT-SIZE: 0.8em; BACKGROUND: #EEEEEE; MARGIN: 0; COLOR: #000; BORDER-BOTTOM: 2px solid #fff; FONT-FAMILY: verdana, helvetica, arial, sans-serif; padding: 0 2em 2em;}
.uparrow {PADDING-RIGHT: 0px; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; }
.logotext { margin:0 0 15px 0; color:black;}
.portfolio-sub { DISPLAY: none}
.services-sub {	DISPLAY: none}
.contact-sub { DISPLAY: none}
.services-page .services-sub { DISPLAY: block}
.portfolio-page .portfolio-sub { DISPLAY: block}
.contact-page .contact-sub { DISPLAY: block}
.portfolio { MARGIN: 1em 3em 1em 0; WIDTH: 40em; HEIGHT: 110px; 
COLOR: #504944; BACKGROUND-COLOR: transparent; min-width: 40em; }
.thumbnail { BACKGROUND: url(thumbback.gif) no-repeat; FLOAT: left; HEIGHT: 100px; WIDTH: 180px; padding: 0 10px 0 0; }
.thumbnail IMG { WIDTH: 170px; HEIGHT: 90px; padding: 5px 0 0 5px; }
.portfolio A { FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; WHITE-SPACE: normal}

BODY.home-page #menu #home-tab A:link {
	BACKGROUND-COLOR: teal
}
BODY.home-page #menu #home-tab A:visited {
	BACKGROUND-COLOR: teal
}
BODY.portfolio-page #menu #portfolio-tab A:link {
	BACKGROUND-COLOR: #069
}
BODY.portfolio-page #menu #portfolio-tab A:visited {
	BACKGROUND-COLOR: teal
}
BODY.services-page #menu #services-tab A:link {
	BACKGROUND-COLOR: #069
}
BODY.services-page #menu #services-tab A:visited {
	BACKGROUND-COLOR: teal
}
BODY.clients-page #menu #clients-tab A:link {
	BACKGROUND-COLOR: #069
}
BODY.clients-page #menu #clients-tab A:visited {
	BACKGROUND-COLOR: teal
}
BODY.contact-page #menu #contact-tab A:link {
	BACKGROUND-COLOR: #069
}
BODY.contact-page #menu #contact-tab A:visited {
	BACKGROUND-COLOR: teal
}

.portfolio-sub UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.portfolio-sub LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.services-sub UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.services-sub LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

.services-sub {
	CLEAR: both; MARGIN: 0; BORDER-BOTTOM: 3px solid #fff; FONT-FAMILY: "verdana ms", verdana, helvetica, arial, sans-serif; HEIGHT: 2em; BACKGROUND-COLOR: #9fbdcf
}
.portfolio-sub {
	CLEAR: both; MARGIN: 0; BORDER-BOTTOM: 3px solid #fff; FONT-FAMILY: "verdana ms", verdana, helvetica, arial, sans-serif; HEIGHT: 2em; BACKGROUND-COLOR: #9fbdcf
}
.services-sub A:link { FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0 0 0 -0.1em; TEXT-TRANSFORM: uppercase; COLOR: #069; HEIGHT: 1.8em; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
; padding: 0.4em 0.8em 0; }
.services-sub A:visited { FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0 0 0 -0.1em; TEXT-TRANSFORM: uppercase; COLOR: #069; HEIGHT: 1.8em; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
; padding: 0.4em 0.8em 0; }
.portfolio-sub A:link { FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0 0 0 -0.1em; TEXT-TRANSFORM: uppercase; COLOR: #069; HEIGHT: 1.8em; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
; padding: 0.4em 0.8em 0; }
.portfolio-sub A:visited { FONT-WEIGHT: bold; FONT-SIZE: 0.9em; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0 0 0 -0.1em; TEXT-TRANSFORM: uppercase; COLOR: #069; HEIGHT: 1.8em; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
; padding: 0.4em 0.8em 0; }
.services-sub A:hover {
	BACKGROUND-IMAGE: none; COLOR: #f30; BACKGROUND-COLOR: SILVER
}
.services-sub A:active {
	BACKGROUND-IMAGE: none; COLOR: #f30; BACKGROUND-COLOR: SILVER
}
.portfolio-sub A:hover {
	BACKGROUND-IMAGE: none; COLOR: #f30; BACKGROUND-COLOR: SILVER
}
.portfolio-sub A:active {
	BACKGROUND-IMAGE: none; COLOR: #f30; BACKGROUND-COLOR: SILVER
}
LI#home-tab A:link {
	PADDING-LEFT: 68px
}
LI#home-tab A:visited {
	PADDING-LEFT: 68px
}
UL.portfolio-sub LI.first-tab A:link {
	PADDING-LEFT: 68px
}
UL.portfolio-sub LI.first-tab A:visited {
	PADDING-LEFT: 68px
}
UL.services-sub LI.first-tab A:link {
	PADDING-LEFT: 68px
}
UL.services-sub LI.first-tab A:visited {
	PADDING-LEFT: 68px
}
.portfolio-sub {
	DISPLAY: none
}
.services-sub {
	DISPLAY: none
}
.contact-sub {
	DISPLAY: none
}
BODY.services-page .services-sub {
	DISPLAY: block
}
BODY.portfolio-page .portfolio-sub {
	DISPLAY: block
}
BODY.contact-page .contact-sub {
	DISPLAY: block}