/* Reset Browser Defaul Styles --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none; color:blue}
a:hover {text-decoration:underline}

body {background:#000000; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3a3b3b;}
.clear {clear:both}

#wrapper{ width:900px; margin:0px auto 20px; background:#ffffff; position:relative; overflow:hidden}
	
	#header{height:90px; position:absolute; top:0px; left:0px; width:900px;}
	#playButton {
	
		position: relative;
		width: 70px;
		height: 70px;
		text-align: center;
		float: left;
		margin-left: 260px;
	}
	
	#seascape {background:url(../img/seascape.jpg) left bottom no-repeat;}
		#main{position:relative; top:0px; left:0px; width:900px;}
			#topContainer { padding:11px 0px 0px 27px;  }
			#logo {padding:11px 0px 0px 27px; }
			#logo2 {float:left; width: 120px; }
			#menu{font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; float:left; width:134px; margin:12px 0px 0px;}
				#menu div {margin:0px 0px 0px 39px; height:38px;}
				#menu div.last {height:79px}
				#menu ul li {padding:7px 0px 13px; margin:0px 0px 0px 39px; background:url(../img/menu-divider.gif) center 13px no-repeat;}
				#menu ul li.last {padding:13px 0 25px; background:none}


			#flash_menu{text-align:center; float:left; width:134px; margin:0px 0px 0px; display:none;}

				#flash_menu #flash_menu_container { margin-top: 0px; }
				#flash_menu div {margin:0px 0px 0px 39px; height:38px;}
				#flash_menu ul li {padding:7px 0px 13px; margin:0px 0px 0px 39px; }
				#flash_menu ul li.last {padding:13px 0 25px; background:none}

			#content{position:relative; z-index:2; float:left; width:765px;}
				#copy {float:left}
				#content h2 {font:bold 26px "Trebuchet MS", Arial, Helvetica, sans-serif;}
			#sidebar{float:left; width:135px; margin:10px 0px 0px; background:url(../img/bubbles.gif) 4px 0px no-repeat; font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
				#sidebar li {padding:0px 0px 12px 33px;}
				#sidebar a {color:#3b3b3b;}
	
		#footer{height:50px; z-index:1; position:relative; width:900px;}
			#footer p {padding:0px 16px 0px 35px; font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;}
			#footer strong {color:#3b3b3b; padding:0px 10px;}
			#footer a {font-weight:bold; color:#3b3b3b; padding:0px 10px;}
			#footer small {color:#3b3b3b; font-size:10px; font-weight:bold; padding:0px 10px;}




/* ==== Home Page === */
.home #header {/*background:url(../img/headers.jpg) 0px 0px no-repeat*/}
.home #main {background:url(../img/border-red.gif) 4px 0px repeat-y}
.home #menu a {color:#a9031d;}
.home h2 {color:#be0f34; margin-left:60px;}
.home h3, .home #copy a {color:#c8000f;}
.home h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:60px;}
.home #copy p {padding-bottom:15px; margin-left:60px;}
.home #copy {width:362px; float:left; padding-bottom:25px;}
.home #movie {float:left; width:403px}
.home #footer{background:url(../img/border-red.gif) 4px 0px repeat-y; padding-top:150px}
.home #footer p {color:#d91600; background:url(../img/hr.jpg) center 0px no-repeat;}




/* ==== About Pages === */
.about.philosophy #header {background:url(../img/headers.jpg) 0px -270px no-repeat}
.about.philosophy #main {background:url(../img/border-blue.gif) 4px 0px repeat-y}
.about.philosophy #menu a {color:#11308b;}
.about.philosophy #sidebar {padding-top:5px; margin-top:47px;}
.about.philosophy #sidebar a:hover, .about.philosophy #sidebar a.active {color:#11308b; text-decoration:none}
.about.philosophy h2 {color:#11308b; line-height:24px;}
.about.philosophy h3, .about.philosophy #copy a {color:#11308b;}
.about.philosophy h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.about.philosophy p {padding:10px 0px 5px}
.about.philosophy #copy {float:left; margin-right:10px; background:url(../img/philosophy-bg.gif) no-repeat left top; width:600px;}
.about.philosophy #copy a {color:#11308b;}
.about.philosophy #copy h2, .about.philosophy #copy h3, .about.philosophy #copy p {margin-left:280px}
.about.philosophy #footer{background:url(../img/border-blue.gif) 4px 0px repeat-y; padding-top:140px}
.about.philosophy #footer p {color:#11308b; background:url(../img/hr.jpg) center -150px no-repeat;}

.about.structure #header {background:url(../img/headers.jpg) 0px -360px no-repeat}
.about.structure #main {background:url(../img/border-orange.gif) 4px 0px repeat-y}
.about.structure #menu a {color:#e75525;}
.about.structure #content {background:url(../img/structure-bg.png) right bottom no-repeat; padding-bottom:130px;}
.about.structure #sidebar {padding-top:5px; margin-top:47px;}
.about.structure #sidebar a:hover, .about.structure #sidebar a.active {color:#e75525; text-decoration:none}
.about.structure h2 {color:#e75525; line-height:24px; width:340px;}
.about.structure h3, .about.structure #copy a {color:#e75525;}
.about.structure h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; width:340px;}
.about.structure p {padding:10px 0px 5px;}
.about.structure #copy {float:left; margin-right:10px;}
.about.structure #copy a {color:#e75525;}
.about.structure #copy h2, .about.structure #copy h3, .about.structure #copy p {margin-left:105px;}
.about.structure #copy p { width:260px;}
.about.structure #footer{background:url(../img/border-orange.gif) 4px 0px repeat-y; padding-top:10px;}
.about.structure #footer p {color:#e75525; background:url(../img/hr.jpg) center -200px no-repeat;}




/* === Team Pages === */
.team #header {background:url(../img/headers.jpg) 0px -180px no-repeat}
.team #main {background:url(../img/border-green.gif) 4px 0px repeat-y}
.team #menu a {color:#329530;}
.team #sidebar a:hover, .team #sidebar a.active {color:#37a73c; text-decoration:none}
.team h2, .team h3, .team #copy p {margin-left:40px;}
.team h2 {color:#37a73c; line-height:24px;}
.team h3, .team #copy a {color:#37a73c;}
.team h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.team p {padding:10px 0px 5px}
.team #copy {width:235px; float:left; margin-right:10px;}
.team #team-grid {width:510px; float:left; position:relative; top:-20px;}
.team #team-grid .team-member {width:120px; margin-right:10px; text-align:center; display:block; color:#3b3b3b}
.team #team-grid .team-member.last {margin-right:0px;}
.team #team-grid .team-member:hover {text-decoration:none; color:#37a73c}
.team #team-grid .team-member span {display:block; font-size:9px;}
.team #footer{background:url(../img/border-green.gif) 4px 0px repeat-y; padding-top:140px}
.team #footer p {color:#37a73c; background:url(../img/hr.jpg) center -100px no-repeat;}

.team.carol #header {background:url(../img/headers.jpg) 0px 0px no-repeat}
.team.carol #main {background:url(../img/border-red.gif) 4px 0px repeat-y}
.team.carol #menu a {color:#a9031d;}
.team.carol #sidebar {padding-top:5px;}
.team.carol #sidebar a:hover, .team.carol #sidebar a.active {color:#a9031d; text-decoration:none}
.team.carol h2 {color:#be0f34; margin-left:30px;}
.team.carol h3, .team.carol #copy a {color:#c8000f;}
.team.carol h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.carol #copy p {padding-bottom:15px; margin-left:30px;}
.team.carol #copy {width:270px; float:left; padding-bottom:100px;}
.team.carol #profile-image {position:relative; top:-40px; float:left;}
.team.carol #footer{background:url(../img/border-red.gif) 4px 0px repeat-y; padding-top:200px}
.team.carol #footer p {color:#c8000f; background:url(../img/hr.jpg) center 0px no-repeat;}

.team.david #header {background:url(../img/headers.jpg) 0px -360px no-repeat}
.team.david #main {background:url(../img/border-orange.gif) 4px 0px repeat-y}
.team.david #menu a {color:#e75525;}
.team.david #sidebar {padding-top:5px;}
.team.david #sidebar a:hover, .team.david #sidebar a.active {color:#e75525; text-decoration:none}
.team.david h2 {color:#e75525; margin-left:30px;}
.team.david h3, .team.david #copy a {color:#e75525;}
.team.david h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.david #copy p {padding-bottom:15px; margin-left:30px;}
.team.david #copy {width:270px; float:left; padding-bottom:100px;}
.team.david #profile-image {position:relative; top:-40px; float:left;}
.team.david #footer{background:url(../img/border-orange.gif) 4px 0px repeat-y; padding-top:200px}
.team.david #footer p {color:#e75525; background:url(../img/hr.jpg) center -200px no-repeat;}

.team.trapper #header {background:url(../img/headers.jpg) 0px -180px no-repeat}
.team.trapper #main {background:url(../img/border-green.gif) 4px 0px repeat-y}
.team.trapper #menu a {color:#329530;}
.team.trapper #sidebar {padding-top:5px;}
.team.trapper #sidebar a:hover, .team.trapper #sidebar a.active {color:#37a73c; text-decoration:none}
.team.trapper h2 {color:#37a73c; margin-left:30px;}
.team.trapper h3, .team.david #copy a {color:#37a73c;}
.team.trapper h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.trapper #copy p {padding-bottom:15px; margin-left:30px;}
.team.trapper #copy {width:270px; float:left; padding-bottom:100px;}
.team.trapper #profile-image {position:relative; top:-40px; float:left;}
.team.trapper #footer{background:url(../img/border-green.gif) 4px 0px repeat-y; padding-top:200px}
.team.trapper #footer p {color:#37a73c; background:url(../img/hr.jpg) center -100px no-repeat;}

.team.erika #header {background:url(../img/headers.jpg) 0px -450px no-repeat}
.team.erika #main {background:url(../img/border-purple.gif) 4px 0px repeat-y}
.team.erika #menu a {color:#6a014b;}
.team.erika #sidebar {padding-top:5px;}
.team.erika #sidebar a:hover, .team.erika #sidebar a.active {color:#6a014b; text-decoration:none}
.team.erika h2 {color:#6a014b; margin-left:30px;}
.team.erika h3, .team.david #copy a {color:#6a014b;}
.team.erika h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.erika #copy p {padding-bottom:15px; margin-left:30px;}
.team.erika #copy {width:270px; float:left; padding-bottom:100px;}
.team.erika #profile-image {position:relative; top:-40px; float:left;}
.team.erika #footer{background:url(../img/border-purple.gif) 4px 0px repeat-y; padding-top:200px}
.team.erika #footer p {color:#6a014b; background:url(../img/hr.jpg) center -250px no-repeat;}

.team.brenda #header {background:url(../img/headers.jpg) 0px -540px no-repeat}
.team.brenda #main {background:url(../img/border-yellow.gif) 4px 0px repeat-y}
.team.brenda #menu a {color:#f6b102;}
.team.brenda #sidebar {padding-top:5px;}
.team.brenda #sidebar a:hover, .team.brenda #sidebar a.active {color:#f6b102; text-decoration:none}
.team.brenda h2 {color:#f6b102; margin-left:30px;}
.team.brenda h3, .team.david #copy a {color:#f6b102;}
.team.brenda h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.brenda #copy p {padding-bottom:15px; margin-left:30px;}
.team.brenda #copy {width:270px; float:left; padding-bottom:100px;}
.team.brenda #profile-image {position:relative; top:-40px; float:left;}
.team.brenda #footer{background:url(../img/border-yellow.gif) 4px 0px repeat-y; padding-top:200px}
.team.brenda #footer p {color:#f6b102; background:url(../img/hr.jpg) center -300px no-repeat;}

.team.dari #header {background:url(../img/headers.jpg) 0px -270px no-repeat}
.team.dari #main {background:url(../img/border-blue.gif) 4px 0px repeat-y}
.team.dari #menu a {color:#11308b;}
.team.dari #sidebar {padding-top:5px;}
.team.dari #sidebar a:hover, .team.dari #sidebar a.active {color:#11308b; text-decoration:none}
.team.dari h2 {color:#11308b; margin-left:30px;}
.team.dari h3, .team.david #copy a {color:#11308b;}
.team.dari h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.dari #copy p {padding-bottom:15px; margin-left:30px;}
.team.dari #copy {width:270px; float:left; padding-bottom:100px;}
.team.dari #profile-image {position:relative; top:-40px; float:left;}
.team.dari #footer{background:url(../img/border-blue.gif) 4px 0px repeat-y; padding-top:200px}
.team.dari #footer p {color:#11308b; background:url(../img/hr.jpg) center -150px no-repeat;}

.team.katie #header {background:url(../img/headers.jpg) 0px -360px no-repeat}
.team.katie #main {background:url(../img/border-orange.gif) 4px 0px repeat-y}
.team.katie #menu a {color:#e75525;}
.team.katie #sidebar {padding-top:5px;}
.team.katie #sidebar a:hover, .team.katie #sidebar a.active {color:#e75525; text-decoration:none}
.team.katie h2 {color:#e75525; margin-left:30px;}
.team.katie h3, .team.katie #copy a {color:#e75525;}
.team.katie h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.katie #copy p {padding-bottom:15px; margin-left:30px;}
.team.katie #copy {width:270px; float:left; padding-bottom:100px;}
.team.katie #profile-image {position:relative; top:-40px; float:left;}
.team.katie #footer{background:url(../img/border-orange.gif) 4px 0px repeat-y; padding-top:200px}
.team.katie #footer p {color:#e75525; background:url(../img/hr.jpg) center -200px no-repeat;}

.team.paul #header {background:url(../img/headers.jpg) 0px -180px no-repeat}
.team.paul #main {background:url(../img/border-green.gif) 4px 0px repeat-y}
.team.paul #menu a {color:#329530;}
.team.paul #sidebar {padding-top:5px;}
.team.paul #sidebar a:hover, .team.paul #sidebar a.active {color:#37a73c; text-decoration:none}
.team.paul h2 {color:#37a73c; margin-left:30px;}
.team.paul h3, .team.david #copy a {color:#37a73c;}
.team.paul h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.paul #copy p {padding-bottom:15px; margin-left:30px;}
.team.paul #copy {width:270px; float:left; padding-bottom:100px;}
.team.paul #profile-image {position:relative; top:-40px; float:left;}
.team.paul #footer{background:url(../img/border-green.gif) 4px 0px repeat-y; padding-top:200px}
.team.paul #footer p {color:#37a73c; background:url(../img/hr.jpg) center -100px no-repeat;}

.team.pets #header {background:url(../img/headers.jpg) 0px -450px no-repeat}
.team.pets #main {background:url(../img/border-purple.gif) 4px 0px repeat-y}
.team.pets #menu a {color:#6a014b;}
.team.pets #sidebar {padding-top:5px;}
.team.pets #sidebar a:hover, .team.pets #sidebar a.active {color:#6a014b; text-decoration:none}
.team.pets h2 {color:#6a014b; margin-left:30px;}
.team.pets h3, .team.david #copy a {color:#6a014b;}
.team.pets h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px; margin-left:30px;}
.team.pets #copy p {padding-bottom:15px; margin-left:30px;}
.team.pets #copy {width:270px; float:left; padding-bottom:100px;}
.team.pets #profile-image {position:relative; top:-40px; float:left;}
.team.pets #footer{background:url(../img/border-purple.gif) 4px 0px repeat-y; padding-top:20px}
.team.pets #footer p {color:#6a014b; background:url(../img/hr.jpg) center -250px no-repeat;}




/* === Portfolio Pages === */
.portfolio #header {background:url(../img/headers.jpg) 0px 0px no-repeat}
.portfolio #main {background:url(../img/border-red.gif) 4px 0px repeat-y}
.portfolio #menu a {color:#a9031d;}
.portfolio #sidebar a:hover, .portfolio #sidebar a.active {color:#c8000f; text-decoration:none}
.portfolio h2, .portfolio .project {margin-left:15px}
.portfolio h2 {color:#be0f34}
.portfolio h3, .portfolio #copy a {color:#c8000f;}
.portfolio h3 {margin-top:15px;}
.portfolio p {padding-bottom:15px}
.portfolio .project {float:left; width:215px;}
.portfolio .sample {float:right}
.portfolio .coverflow {height:110px; border-top:3px solid #c8000f; margin:10px 0px 0px; padding:25px 0px;}
.portfolio .coverflow object {width:450px; margin:0px auto; height:100px;}
.portfolio #footer{background:url(../img/border-red.gif) 4px 0px repeat-y; padding-top:150px}
.portfolio #footer p {color:#d91600; background:url(../img/hr.jpg) center 0px no-repeat;}




/* === Services Pages === */
.services.logos #header {background:url(../img/headers.jpg) 0px -630px no-repeat}
.services.logos #main {background:url(../img/border-09.gif) 4px 0px repeat-y;}
.services.logos #menu a {color:#34797c;}
.services.logos #sidebar a:hover, .services.logos #sidebar a.active {color:#34797c; text-decoration:none}
.services.logos h2, .services.logos h3, .services.logos #copy p {margin-left:25px; width:365px;}
.services.logos h2 {color:#34797c; line-height:24px;}
.services.logos h3, .services.logos #copy a {color:#34797c;}
.services.logos h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.logos p {padding-bottom:15px}
.services.logos #copy {width:630px; background:url(../img/bg-services-logos.gif) right bottom no-repeat; padding-bottom:422px;}
.services.logos #footer{background:url(../img/border-09.gif) 4px 0px repeat-y;}
.services.logos #footer p {color:#34797c; background:url(../img/hr.jpg) center -350px no-repeat;}

.services.print #header {background:url(../img/headers.jpg) 0px -720px no-repeat}
.services.print #main {background:url(../img/border-10.gif) 4px 0px repeat-y;}
.services.print #menu a {color:#4eb41b;}
.services.print #sidebar a:hover, .services.print #sidebar a.active {color:#4eb41b; text-decoration:none}
.services.print h2, .services.print h3, .services.print #copy p {margin-left:25px; width:340px;}
.services.print h2 {color:#4eb41b; line-height:24px;}
.services.print h3, .services.print #copy a {color:#4eb41b;}
.services.print h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.print p {padding-bottom:15px}
.services.print #copy {width:615px; background:url(../img/bg-services-print.gif) 240px top no-repeat; padding-bottom:200px;}
.services.print #footer{background:url(../img/border-10.gif) 4px 0px repeat-y; padding-top:30px}
.services.print #footer p {color:#4eb41b; background:url(../img/hr.jpg) center -400px no-repeat;}

.services.mail #header {background:url(../img/headers.jpg) 0px -810px no-repeat}
.services.mail #main {background:url(../img/border-11.gif) 4px 0px repeat-y;}
.services.mail #menu a {color:#2b53c6;}
.services.mail #sidebar a:hover, .services.mail #sidebar a.active {color:#2b53c6; text-decoration:none}
.services.mail h2, .services.mail h3, .services.mail #copy p {margin-left:25px; width:630px;}
.services.mail h2 {color:#2b53c6; line-height:24px;}
.services.mail h3, .services.mail #copy a {color:#2b53c6;}
.services.mail h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.mail p {padding-bottom:15px}
.services.mail #copy {width:630px; background:url(../img/bg-services-mail.gif) 200px 150px no-repeat; padding-bottom:130px;}
.services.mail #footer{background:url(../img/border-11.gif) 4px 0px repeat-y; padding-top:30px}
.services.mail #footer p {color:#2b53c6; background:url(../img/hr.jpg) center -450px no-repeat;}

.services.brand #header {background:url(../img/headers.jpg) 0px -540px no-repeat}
.services.brand #content {top:-44px}
.services.brand #main {background:url(../img/border-yellow.gif) 4px 0px repeat-y;}
.services.brand #menu a {color:#f6b102;}
.services.brand #sidebar {margin-top:54px}
.services.brand #sidebar a:hover, .services.brand #sidebar a.active {color:#f6b102; text-decoration:none}
.services.brand h2, .services.brand h3, .services.brand #copy p {margin-left:25px; width:325px;}
.services.brand h2 {color:#f6b102; line-height:24px;}
.services.brand h3, .services.brand #copy a {color:#f6b102;}
.services.brand h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.brand p {padding-bottom:15px}
.services.brand #copy {width:630px; background:url(../img/bg-services-brand.gif) right top no-repeat; padding-bottom:151px; padding-top:44px;}
.services.brand #footer{background:url(../img/border-yellow.gif) 4px 0px repeat-y; padding-top:30px}
.services.brand #footer p {color:#f6b102; background:url(../img/hr.jpg) center -300px no-repeat;}

.services.billboard #header {background:url(../img/headers.jpg) 0px -900px no-repeat}
.services.billboard #main {background:url(../img/border-12.gif) 4px 0px repeat-y;}
.services.billboard #menu a {color:#699c5f;}
.services.billboard #sidebar a:hover, .services.billboard #sidebar a.active {color:#699c5f; text-decoration:none}
.services.billboard h2, .services.billboard h3, .services.billboard #copy p {margin-left:25px; width:325px;}
.services.billboard h2 {color:#699c5f; line-height:24px;}
.services.billboard h3, .services.billboard #copy a {color:#699c5f;}
.services.billboard h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.billboard p {padding-bottom:15px}
.services.billboard #copy {width:630px; background:url(../img/bg-services-billboard.gif) right top no-repeat; padding-bottom:370px;}
.services.billboard #footer{background:url(../img/border-12.gif) 4px 0px repeat-y; padding-top:30px}
.services.billboard #footer p {color:#699c5f; background:url(../img/hr.jpg) center -500px no-repeat;}

.services.website #header {background:url(../img/headers.jpg) 0px -90px no-repeat}
.services.website #main {background:url(../img/border-brown.gif) 4px 0px repeat-y;}
.services.website #menu a {color:#9c3403;}
.services.website #sidebar a:hover, .services.website #sidebar a.active {color:#9c3403; text-decoration:none}
.services.website h2, .services.website h3, .services.website #copy p {margin-left:25px; width:325px;}
.services.website h2 {color:#9c3403; line-height:24px;}
.services.website h3, .services.website #copy a {color:#9c3403;}
.services.website h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.website p {padding-bottom:15px}
.services.website #copy {width:615px; background:url(../img/bg-services-website.gif) 95px bottom no-repeat; padding-bottom:315px;}
.services.website #footer{background:url(../img/border-brown.gif) 4px 0px repeat-y; padding-top:30px}
.services.website #footer p {color:#9c3403; background:url(../img/hr.jpg) center -50px no-repeat;}

.services.search #header {background:url(../img/headers.jpg) 0px -990px no-repeat}
.services.search #main {background:url(../img/border-13.gif) 4px 0px repeat-y;}
.services.search #menu a {color:#db7618;}
.services.search #sidebar a:hover, .services.search #sidebar a.active {color:#db7618; text-decoration:none}
.services.search h2, .services.search h3, .services.search #copy p {margin-left:25px; width:340px;}
.services.search h2 {color:#db7618; line-height:24px;}
.services.search h3, .services.search #copy a {color:#db7618;}
.services.search h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.search p {padding-bottom:15px}
.services.search #copy p {float:left;}
.services.search #copy {width:615px; background:url(../img/bg-services-search.gif) 350px top no-repeat; padding-bottom:115px;}
.services.search .copy-column {width:228px; float:right; padding-top:130px;}
.services.search h4 {color:#dd7f28; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px;}
.services.search #copy ul li {background:url(../img/bul-services-search.gif) left top no-repeat; padding-left:10px; padding-bottom:3px;}
.services.search #footer{background:url(../img/border-13.gif) 4px 0px repeat-y; padding-top:30px}
.services.search #footer p {color:#db7618; background:url(../img/hr.jpg) center -550px no-repeat;}

.services.media #header {background:url(../img/headers.jpg) 0px -1080px no-repeat}
.services.media #main {background:url(../img/border-14.gif) 4px 0px repeat-y;}
.services.media #menu a {color:#c8b12d;}
.services.media #content {top:-44px}
.services.media #sidebar {margin-top:54px}
.services.media #sidebar a:hover, .services.media #sidebar a.active {color:#c8b12d; text-decoration:none}
.services.media h2, .services.media h3, .services.media #copy p {margin-left:25px; width:325px;}
.services.media h2 {color:#c8b12d; line-height:24px;}
.services.media h3, .services.media #copy a {color:#c8b12d;}
.services.media h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.media p {padding-bottom:15px}
.services.media #copy {width:615px; background:url(../img/bg-services-media.gif) 320px top no-repeat; padding-bottom:260px; padding-top:44px}
.services.media #copy p {width:280px;}
.services.media #footer{background:url(../img/border-14.gif) 4px 0px repeat-y; padding-top:30px}
.services.media #footer p {color:#c8b12d; background:url(../img/hr.jpg) center -600px no-repeat;}

.services.public #header {background:url(../img/headers.jpg) 0px -180px no-repeat}
.services.public #main {background:url(../img/border-green.gif) 4px 0px repeat-y;}
.services.public #menu a {color:#329530;}
.services.public #content {top:-30px}
.services.public #sidebar {margin-top:40px}
.services.public #sidebar a:hover, .services.public #sidebar a.active {color:#37a73c; text-decoration:none}
.services.public h2, .services.public h3, .services.public #copy p {margin-left:25px; width:325px;}
.services.public h2 {color:#37a73c; line-height:24px;}
.services.public h3, .services.public #copy a {color:#37a73c;}
.services.public h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.public p {padding-bottom:15px}
.services.public #copy {width:630px; background:url(../img/bg-services-public.gif) right top no-repeat; padding-bottom:315px; padding-top:30px;}
.services.public #footer{background:url(../img/border-green.gif) 4px 0px repeat-y; padding-top:30px}
.services.public #footer p {color:#37a73c; background:url(../img/hr.jpg) center -100px no-repeat;}

.services.television #header {background:url(../img/headers.jpg) 0px -90px no-repeat}
.services.television #main {background:url(../img/border-brown.gif) 4px 0px repeat-y;}
.services.television #menu a {color:#9c3403;}
.services.television #sidebar a:hover, .services.television #sidebar a.active {color:#9c3403; text-decoration:none}
.services.television h2, .services.television h3, .services.television #copy p {margin-left:25px; width:325px;}
.services.television h2 {color:#9c3403; line-height:24px;}
.services.television h3, .services.television #copy a {color:#9c3403;}
.services.television h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.television p {padding-bottom:15px}
.services.television #copy {width:615px; background:url(../img/bg-services-television.gif) 250px top no-repeat; padding-bottom:220px;}
.services.television #footer{background:url(../img/border-brown.gif) 4px 0px repeat-y; padding-top:30px}
.services.television #footer p {color:#9c3403; background:url(../img/hr.jpg) center -50px no-repeat;}

.services.packaging #header {background:url(../img/headers.jpg) 0px -1170px no-repeat}
.services.packaging #main {background:url(../img/border-15.gif) 4px 0px repeat-y;}
.services.packaging #menu a {color:#8e54b8;}
.services.packaging #content {top:-24px}
.services.packaging #sidebar {margin-top:34px}
.services.packaging #sidebar a:hover, .services.packaging #sidebar a.active {color:#8e54b8; text-decoration:none}
.services.packaging h2, .services.packaging h3, .services.packaging #copy p {margin-left:25px; width:325px;}
.services.packaging h2 {color:#8e54b8; line-height:24px;}
.services.packaging h3, .services.packaging #copy a {color:#8e54b8;}
.services.packaging h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.packaging p {padding-bottom:15px}
.services.packaging #copy {width:630px; background:url(../img/bg-services-packaging.gif) center top no-repeat; padding-bottom:315px; padding-top:24px;}
.services.packaging #copy p {width:247px}
.services.packaging #footer{background:url(../img/border-15.gif) 4px 0px repeat-y; padding-top:30px}
.services.packaging #footer p {color:#8e54b8; background:url(../img/hr.jpg) center -650px no-repeat;}

.services.trade #header {background:url(../img/headers.jpg) 0px -1260px no-repeat}
.services.trade #main {background:url(../img/border-16.gif) 4px 0px repeat-y;}
.services.trade #menu a {color:#2c98e4;}
.services.trade #sidebar a:hover, .services.trade #sidebar a.active {color:#2c98e4; text-decoration:none}
.services.trade h2, .services.trade h3, .services.trade #copy p {margin-left:25px; width:325px;}
.services.trade h2 {color:#2c98e4; line-height:24px;}
.services.trade h3, .services.trade #copy a {color:#2c98e4;}
.services.trade h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.trade p {padding-bottom:15px}
.services.trade #copy {width:615px; background:url(../img/bg-services-trade.gif) right 230px no-repeat; padding-bottom:280px;}
.services.trade #footer{background:url(../img/border-16.gif) 4px 0px repeat-y; padding-top:30px}
.services.trade #footer p {color:#2c98e4; background:url(../img/hr.jpg) center -700px no-repeat;}

.services.promotional #header {background:url(../img/headers.jpg) 0px -1350px no-repeat}
.services.promotional #main {background:url(../img/border-17.gif) 4px 0px repeat-y;}
.services.promotional #menu a {color:#60c390;}
.services.promotional #sidebar a:hover, .services.promotional #sidebar a.active {color:#60c390; text-decoration:none}
.services.promotional h2, .services.promotional h3, .services.promotional #copy p {margin-left:25px; width:325px;}
.services.promotional h2 {color:#60c390; line-height:24px;}
.services.promotional h3, .services.promotional #copy a {color:#60c390;}
.services.promotional h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.promotional p {padding-bottom:15px}
.services.promotional #copy {width:630px; background:url(../img/bg-services-promotional.gif) 50px bottom no-repeat; padding-bottom:400px; margin-bottom:-33px;}
.services.promotional #footer{background:url(../img/border-17.gif) 4px 0px repeat-y; padding-top:30px;}
.services.promotional #footer p {color:#60c390; background:url(../img/hr.jpg) center -750px no-repeat;}

.services.corporate #header {background:url(../img/headers.jpg) 0px -540px no-repeat}
.services.corporate #main {background:url(../img/border-yellow.gif) 4px 0px repeat-y;}
.services.corporate #menu a {color:#f6b102;}
.services.corporate #sidebar a:hover, .services.corporate #sidebar a.active {color:#f6b102; text-decoration:none}
.services.corporate h2, .services.corporate h3, .services.corporate #copy p {margin-left:25px; width:325px;}
.services.corporate h2 {color:#f6b102; line-height:24px;}
.services.corporate h3, .services.corporate #copy a {color:#f6b102;}
.services.corporate h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.services.corporate p {padding-bottom:15px}
.services.corporate #copy {width:630px; background:url(../img/bg-services-corporate.gif) right 20px no-repeat; padding-bottom:170px;}
.services.corporate #footer{background:url(../img/border-yellow.gif) 4px 0px repeat-y; padding-top:30px}
.services.corporate #footer p {color:#f6b102; background:url(../img/hr.jpg) center -300px no-repeat;}



/* === Contact Page === */
.contact #header {background:url(../img/headers.jpg) 0px -180px no-repeat}
.contact #main {background:url(../img/border-green.gif) 4px 0px repeat-y}
.contact #menu a {color:#329530;}
.contact #sidebar a:hover, .contact #sidebar a.active {color:#37a73c; text-decoration:none}
.contact h2 {color:#37a73c; line-height:24px;}
.contact h3, .contact #copy a, .contact .column a {color:#37a73c;}
.contact h3 {font-size:18px; line-height:20px; margin-top:5px; margin-bottom:15px}
.contact p {padding:10px 0px 5px}
.contact #copy {width:473px; float:left; background:url(../img/contact-bg.png) left top no-repeat; padding-bottom:151px; margin-right:30px; padding-top:30px;}
.contact #copy h2, .contact #copy h3, .contact #copy p {margin-left:75px; width:310px;}
.contact #copy h3 {margin-bottom:90px}
.contact #copy p.medium {width:215px;}
.contact .column {float:left; width:240px; padding-top:20px;}
.contact #footer{background:url(../img/border-green.gif) 4px 0px repeat-y;}
.contact #footer p {color:#37a73c; background:url(../img/hr.jpg) center -100px no-repeat;}
