/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-family: "Arial Narrow",Arial,Tahoma,Verdana,Arial,sans-serif; font-weight: normal; color: #D6050A; margin-bottom: 0.4em; padding-bottom: 0.06em; } 

h1 { font-size: 3.6em; font-weight: bold; }
h2 { font-size: 1.7em; color: #4B4B4B; }
h3 { font-size: 1.4em;  color: #4B4B4B;  font-weight: bold;}
h4 { font-size: 1.3em;  color: #D6050A;}
h5 { font-size: 1.2em;  color: #D6050A;}
h6 { font-size: 1em;  color: #D6050A;}

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: blue; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #D6050A; }

/* Text Elements
-------------------------------------------------------------- */

body		{ color: #000000; font: 62.5% Verdana, Arial,  sans-serif; }
p 			{ margin: 0 0 1.25em; line-height: 1.5;  }
#summary 	{font-size: 1em !important;}

a 			{ text-decoration: underline; }
a,a:link 	{ color: #0064B1;}
a:visited 	{color: #7E63A5;}

a:hover,
a:active,
a:focus 	{color: #D6050A; }

img			{ }

blockquote  { margin: 1.5em; color: #666666; font-style: italic; }
strong 		{ font-weight: bold; }
em  		{ font-style: italic; }
address 	{ font-style: normal; }
cite 		{ font-style: normal; color: #666666;; margin-left: 1.5em; margin-bottom: 1.5em; display: block; font-size: 0.95em; }
small 		{ font-size: 0.833em; }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn 		{ font-style: italic; }
del 		{ color:#666; }
pre 		{ white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

h2.headings {display: block; color: #4B4B4B; font-size: 1.7em; border-bottom: 1px solid #B5B5B5; font-weight: bold; clear: both;   }
h3.headings {display: block; color: #4B4B4B; border-bottom: 1px solid #B5B5B5; font-weight: bold; clear: both;   }


/* HRs with background images
-------------------------------------------------------------- */

div.hr 		{ height: 3px; margin: 10px 0; }
div.hr hr 	{ display: none; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0 1.5em; padding-top: 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul ol li 	{ background: none; padding-left: 0; }

ol          { list-style-type: decimal; }
li			{ line-height: 1.5; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1.4em; width:100%; border: 1px solid #D9D9D9; border-bottom: none; border-right: none; }
th          	{ background: #e5e5e5 url(../images/design/th-bg.gif) 0 0 repeat-x; font-weight: bold; border-right: 1px solid #D9D9D9; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
td				{ border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;  }
tr.odd td  		{ background: #FBFBFB; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; text-align: center; }

/* Forms
----------------------------------------------------------- */
fieldset 			{ margin-bottom: 1.5em; padding: 1em 0; border-bottom: 1px dashed #617179; }
fieldset.last 		{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
legend 				{ font-weight: bold; }
label 				{ font: bold 0.917em arial, sans-serif; float: left; margin-right: 10px; width: 100px; padding-top: 4px; }

.fieldArea 			{ margin-bottom: 1px; }

.fieldArea input, select, textarea {
	border:1px solid #A1B3C3;
	font-size: 1.1em;
	font-weight:normal;
	margin:0.1em 0;
	padding: 2px 2px;
}
.fieldArea input, textarea { width: 200px; }
textarea { height: 12em; font-family: inherit; padding: 4px; }

input:focus,
select:focus,
textarea:focus {
	background-color: #ffffe5;
	border: 1px solid #7496b7 !important;
}
select, select:focus { padding: 0; }

#contactUsForm-details .commentsFieldArea textarea { width: 564px; }


input.protect		{ display: none; }
input.submit 		{ cursor: pointer; border: 1px solid #40535C; background-color: #62727a; color: #FFFFFF; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; }
input.submit:hover 	{ background-color: #778b95; }

span.message 		{ display: block; font-size: 0.917em; text-align: right; padding-top: 0.5em; }
span.error 			{ color: #DD0000; }
		
div#errors 			{ background: #FFF5E6 url(../images/forms/error.gif) 10px 0.5em no-repeat; border: 1px solid #FFEBCC; font: normal 0.846em arial; margin: 0 0 1.5em 0; padding: 0.5em 10px 0.5em 50px; }
	div#errors h4 	{ color: #DD0000; font-weight: bold; }
	div#errors ul 	{ margin-bottom: 0; }
	div#errors p 	{ margin-bottom: 0; color: #000000; }
	div#errors li 	{ margin-bottom: 0.5em; font-size: 1.084em; color: #000000;  }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

/* Float Styles
----------------------------------------------------------- */

.floatLeft 		{ float: left;  }
.floatRight 	{ float: right; }
.clearLeft 		{ clear: left; }
.clearRight 	{ clear: right; }
.clear 			{ clear: both; }

img.floatLeft 	{ margin: 15px 15px 30px 0; }
img.floatRight 	{ margin: 0 0 1.5em 1.5em; }

/* Easy Clearing Styles
----------------------------------------------------------- */
.group:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */

/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */
body { text-align: center; background: #730000 url(../images/design/body-bg.gif) 0 0 repeat-x; }
	
	#header { background: #FFFFFF url(../images/design/header-bg.jpg) 0 0 repeat-x; height: 118px;  position: relative;  }
		
			#logo  { position: absolute; top: 15px; left: 15px; border: 0;  }
			
				#logo a, #logo span.logoText { text-decoration: none; background: url(../images/design/plaudit-design-logo.gif) 0 0 no-repeat; display: block; width: 134px; height: 101px; text-indent: -9999px;  }
				
			#companyPhone  {
				display: block; position: absolute; top: 22px; right: 15px;
				padding: 0; margin: 0;
				background: url(../images/design/company-contact.gif) 0 0 no-repeat;
				text-indent: -9999px; 
			}
				#companyPhone a  {
					display: block; width: 174px; height: 43px;
				}
			
			#mainMenu { background: #504c49 url(../images/design/main-menu-bg.gif) 100% 0 no-repeat; display: block; float: right; width: 658px; position: absolute; bottom: -4px; right: 0; margin: 0; }
			
				#mainMenu ul {}
		
				#mainMenu li {list-style: none; float: left; margin: 0; padding: 7px 0 0 0; }

					#mainMenu li.active {background: url(../images/design/currentSection-bg-left.gif) 0 0 no-repeat; padding-left: 5px;  }
					
					#mainMenu li a {
						padding: 0 15px 7px 15px; display: block; text-decoration: none;
						 color: #FFFFFF; font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: 0.25px; font-size: 14px;
					}

						#mainMenu li a:hover { color: #00CCFF; }
						
						#mainMenu li a.active { background: url(../images/design/currentSection-bg.gif) right top no-repeat; color: #000000; padding: 3px 15px 4px 10px;  }
			
						#mainMenu li.first-child  { margin-left: 15px; }
							
						
	#page {	text-align: left; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ margin: 10px auto 5em auto; width: 828px; border: 5px solid #FFFFFF;	background: #e0d4ad url(../images/design/content-sides.gif) 0 0 repeat-y;		-moz-box-shadow: 1px 1px 8px rgba(51,51,51,0.8); -webkit-box-shadow: 1px 1px 8px rgba(51,51,51,0.8); box-shadow: 1px 1px 8px rgba(51,51,51,0.8);	}
		
			#breadCrumbs { background-color: #F7F7F7; border: 1px solid #B5B5B5; border-left: none; border-right: none; padding: 2px 7px; margin: 0; margin-bottom: .8em; font-size: .95em; color: #504C49;  }
				
				#breadCrumbs li {display: inline; list-style: none; margin: 0; margin-right: .2em;}
		
			#bodyContent {background: url(../images/design/content-bg.jpg) 0 0 no-repeat;  width: 827px; padding-top: 31px; }
				
					#subContent {float: left; width: 170px; }
						
						#subContent h4 {color: #4B4B4B; font-weight: bold; font-size: 1.5em; padding-left: 15px; }
						
						#subContent #localNav {display: block; border: 0px solid #AEACA4; padding: 0; margin: 0; border-top-width: 1px; border-bottom-width: 1px; background-color: #F8F6EF; font-size: .9em; }
								
								#subContent #localNav ul {padding: 0; margin: 0;  border-left: 1px solid #AEACA4;}
								
							#subContent #localNav li { display: block; border: 0px solid #AEACA4; border-bottom-width: 1px; list-style: none; padding: 0; margin: 0; }
					
								#subContent #localNav li a {
									background: transparent url(../images/design/arrow-bullet.gif) 4px 0.7em no-repeat; display: block;
									padding: 4px 5px 4px 14px; text-decoration: none; line-height: 1.1em; color: #323232;
								}

									#subContent #localNav li a:hover { background-image: url(../images/design/arrow-bullet-hover.gif); background-color: #fafac1; color: #000; }
									
										#subContent #localNav li a.active,
										#subContent #localNav li li a.active,
										#subContent #localNav li li li a.active,
										#subContent #localNav li li li li a.active { background-image: url(../images/design/arrow-bullet-active.gif); font-weight: bold; color: #000; }
									
										#subContent #localNav li ul {
											border: 0 solid #AEACA4; border-top-width: 2px; border-bottom-width: 1px; list-style-type: none;
											background-color: #f7f4e6;
										}
											#subContent #localNav li ul ul {
												background-color: #f0ecdd;
											}
											
											#subContent #localNav li li { border:none; }
											
												#subContent #localNav li li a { padding-left: 25px; background-position: 14px 0.7em; }
												#subContent #localNav li li li a { padding-left: 36px; background-position: 25px 0.7em; }
												#subContent #localNav li li li li a { padding-left: 47px; background-position: 36px 0.7em; }
												
												
													
						#subContent #testimonials {padding: 15px; }
						
							#subContent #testimonials a.heading {color: #000000; text-decoration: none; font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.2em }
								
								#subContent #testimonials a.heading:hover { color: #D6050A}
							
							#subContent #testimonials a {color: #000000; text-decoration: none; font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.2em }
							
								#subContent #testimonials a:hover {color: #000000; text-decoration: underline;}
						
							#subContent #testimonials p.quote a {text-decoration: none; font-family: Arial, sans-serif; font-size: 1em}
	
								#subContent #testimonials p.quote a:hover {text-decoration: underline; }

							#subContent #testimonials p.author {font-weight: bold; padding-right: 15px; margin-top: 0; text-align: right; }
							
					#mainContent {float: left; background-color: #FFFFFF; border: 1px solid #aeaca4; border-top: none; border-right: none;  width: 596px; padding: 0 30px; position: relative; -moz-box-shadow: -1px 2px 3px rgba(90,90,90,0.2); -webkit-box-shadow: -1px 2px 3px rgba(51,51,51,0.2); box-shadow: -1px 2px 3px rgba(51,51,51,0.2); }  
						
						#mainContent p {font-size: .95em; }
						#mainContent li {font-size: .95em; }
						
						#mainContent .title {margin-bottom: 0; }
						
						
	#footer { position: relative; background: url( ../images/design/content-main-bottom.jpg) 0 100% no-repeat; line-height: 1.2em; font-size: .8em; clear: left; padding: 0; }
		
		#footer .complianceArea {float: left; position: absolute; top: -125px; width: 82px; left: 70px;  }
		
		#footerInner { padding: 15px 15px 15px 170px; }
		
		#footer p {margin-bottom: 0; }
			
			#footerInner .infoSeperator {vertical-align: 0.2em;}

			#footerInner .bottom { padding-top: 5px;} 
			
		
		
/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
----------------------------------------------------------- */
.noLocalNav #subContent #localNav {display: none; }


/* -------------------------------------------------------------- 
	6. Template Styles
----------------------------------------------------------- */

.infoBox { position: relative;  float: right; width: 230px;  margin: 0 0 1.5em 1.5em;  padding: 15px 15px 12px; background-color: #FAF5E4; }
	
	.infoBox h4 { color: #4B4B4B; border-bottom: 1px solid #B5B5B5;}
	
	.infoBox h5 { color: #A96F00; font-weight: bold; }
	
.servicesGradient {background: url(../images/design/services-gradient.jpg) 0 0 no-repeat; width: 561px; height: 166px; display: block; padding: 0 25px;}

	.serviceInfo {float: left; margin: 25px 15px 15px 0; width: 396px; }
	
		.serviceInfo h1 {color: #4B4B4B; font-size: 1.5em;  border-bottom: 1px solid #B5B5B5;}
	
	.serviceImg {float: left; margin-top: 20px; width: 150px;   }
		
		.serviceImg img {padding-left: 20px;}
	
	.serviceImg .viewPortfolio {background: url(../images/design/view-portfolio.gif) 0 0 no-repeat; display: block; width: 128px; height: 23px; text-indent: -9999px; margin-top: -2px; }
	
	.serviceImg .viewPortfolio:hover {background-position: 0 -23px;  }
	
	.contactUs {border-top: 1px solid #aeaca4; padding-top: 15px; margin: 25px 0 35px 0;}
												
		.contactUs a {display: block; background: url(../images/design/contact-us.gif) 0 0 no-repeat; width: 100px; height: 23px; text-indent: -9999px; float: left; padding-right: 15px; }
								
		.contactUs a:hover {background-position: 0 -23px; }
							
		.contactUs img {padding-right: 25px;}
		
	.returnHome { display: block; background: url(../images/design/visit-home-button.gif) 0 0 no-repeat; height: 23px; text-indent: -9999px; margin-bottom: 20px; }
	
		.returnHome:hover {background-position: 0 -23px; }
	

/* Homepage Template
----------------------------------------------------------- */
.home #logo, .flashPages #logo  { top: 11px; }
				
.home #flash, .flashPages #flash {margin-bottom: 10px; padding-left: 15px; }

		.home #flashInner img, .flashPages #flashInner img {margin-right: -4px; }

.home #bodyContent, .flashPages #bodyContent { background: url(../images/design/content-home-top.jpg) no-repeat scroll 0 0; padding-top: 15px; }

.home #footerInner, .flashPages #footerInner { padding-left: 25px; width: 803px; }

.home .homeMainContent, .flashPages .homeMainContent { background: #FFFFFF url(../images/design/home-main-content-top.jpg) 0 0 no-repeat; position: relative;  width: 587px; padding-top: 11px; margin-left: 10px; float: left;}

	.home .homeMainContent .homeMainContentInner, .flashPages .homeMainContent .homeMainContentInner {
		background: #FFFFFF url(../images/design/home-main-content-bottom-bg.jpg) 0 100% no-repeat; width: 507px; padding: 20px 40px 40px 40px;
	}

.home h2.h1, .flashPages h2.h1, .home h1, .flashPages h1 {
	font-size: 2.5em;
	border-bottom:1px solid #B5B5B5;
	color: #D6050A;
	font-weight: normal;
}
.home h2, .flashPages h2 { color: #4B4B4B; font-size: 1.8em; }
.home h4, .flashPages h4 { border-bottom:1px solid #AEACA4; color:#000000; }
	.home h4 a.featured, .flashPages h4 a.featured { font-weight: normal; }

.home #footer .complianceArea, .flashPages #footer .complianceArea {display: none;}

.flashPages .contactUs { margin-bottom: 0; }

.home .contactUsBtn { display: block; background: url(../images/design/contact-us.gif) 0 0 no-repeat; width: 100px; height: 23px; text-indent: -9999px; }
								
		.home .contactUsBtn:hover {background-position: 0 -23px; }

.featuredProjects {position: relative; float: left; width: 180px; margin: 10px 0 0 15px; }

	.featuredProjects img {border:none; }
	
	.featuredProjects a { text-decoration: none; font-weight: bold; }
	
	.featuredProjects a:hover {color: #D6050A;}
	
	.featuredProjects p {font-size: .9em; margin-bottom: .8em;}
	
	.featuredProjects a.featured { font-weight: bold; color: #000000; text-decoration: none; display: block; }
		
		.featuredProjects a.featured:hover {color: #D6050A;}
	
	.featuredProjects img { border: 1px solid #BFBFBE; }
	
	.featuredProjects .projectName { color: #495049; }
		
		.featuredProjects .linkIcon { vertical-align: 0.2em; margin-left: 5px; border: none !important;}
		

/* Contact Us Template
----------------------------------------------------------- */
#contactSummary {float: right; width: 205px;}

.contactBox {width: 337px !important; }

#contactUsForm {margin-bottom: 25px; } 

#contactUsForm label { margin-right: 15px; font-weight: normal; font-size: .98em; width: 10px;}

#contactUsForm fieldset { border: 1px solid #e4e1d7; margin: 0 0 0.5em 0; padding: 8px 10px; background-color: #fbfbfb;}

#contactUsForm fieldset h3 { font-weight: bold; color: #0064b1; font-family: Verdana, Arial, sans-serif; margin: 0 0 0.3em 0; padding: 0; border-width: 0; font-size: 1.2em;}

fieldset#contactUsForm-contactInfo {float: left; width: 285px; margin-right: 10px; }
	fieldset#contactUsForm-contactInfo label {width: 60px; }

fieldset#contactUsForm-misc {float: left; width: 256px; }
	fieldset#contactUsForm-misc label {width: 220px;}
	fieldset#contactUsForm-misc select {width: 220px;}
	
fieldset#contactUsForm-address label, fieldset#contactUsForm-misc label { margin-top: 0; }

fieldset#contactUsForm-address {clear: left; padding-right: 267px; }
		fieldset#contactUsForm-address .streetFieldArea label {width: 300px; margin-bottom: 2px; }
	fieldset#contactUsForm-address .cityFieldArea {float: left; width: 120px;  }
		fieldset#contactUsForm-address .cityFieldArea input {width: 100px;}
	fieldset#contactUsForm-address .stateFieldArea {float: left; width: 70px;  }
	fieldset#contactUsForm-address .zipCodeFieldArea {float: left; width: 100px;  }
		fieldset#contactUsForm-address .zipCodeFieldArea label { width: 100px;  }

	p.active #projectInfo { color: blue; text-decoration: underline; cursor: pointer; }

#contactUsForm-details-helpDetails {background-color:#FFFFD2; border:1px solid #F2EEBF; margin:0 0 1em; padding:8px; position:relative; }

	#contactUsForm-details-helpDetails .collapsable-collapseButton { background: url(../images/design/collapseButton.gif) 0 0 no-repeat; display: none; width: 11px; height: 9px; background-color:#FFFFEA; border:1px solid #BEBB99; color:black; position:absolute; right:4px; text-decoration:none; top:4px; }

#contactUsForm .inputButton {display: block;
	background-color: #F7F7F7;
	font-size: 1.2em; width: auto;
	border: 1px outset #B5B5B5;
	cursor: pointer;
	padding: 1px 3px; }
	#contactUsForm .inputButton:hover {	background-color: #FEFFCF !important; }
	#contactUsForm .inputButton:active { cursor: progress; }
/* -------------------------------------------------------------- 
	7. Page Specific Styles
----------------------------------------------------------- */

/* Contact Us Success
----------------------------------------------------------- */
.success-page .complianceArea {display: none; }


/* Services
----------------------------------------------------------- */

.services { background: url(../images/design/services-top-tall.jpg) 0 0 no-repeat; width: 601px; clear: right; padding-top: 119px; }

	.innerServices { background: #fcfbf6 url(../images/design/services-bottom.jpg) 0 100% no-repeat; position: relative; margin: 0; padding: 0; padding-bottom: 5px; }
	
	.bottomServices { background: url(../images/design/services-bg.jpg) 0 0 repeat-y; margin: 0; padding: 0 20px 0 35px; }
	
		.bottomServices .service { float: left; width: 125px; margin-right: 10px ; position: relative; top: -105px; margin-bottom: -70px; }
		
			.service a.headerLink { text-decoration: none; display: block; }
		
			.service a.headerLink:visited { color: #0064B1; }
		
			.service a.headerLink:hover,
			.service a.headerLink:focus { color: #D6050A; }
			
			.bottomServices .service p { margin-bottom: 0.4em; }
			
			.bottomServices .readMore { font-size: 0.9em; }
			
				.bottomServices .readMore a { display: block; padding-left: 12px; background: url(../images/design/dbl-arrow-bullet.gif) no-repeat scroll 0 0.4em transparent; }
				
				.bottomServices .service .web { position: relative; left: 10px; top: 3px; }
				
				.bottomServices .service .internetMarketing { position: relative; left: 10px; top: 16px; }
				
				.bottomServices .service .printGraphicDesign { position: relative; left: 0; top: 5px; }
				
				.service .header { font-family: "Arial Narrow",Arial,Tahoma,Verdana,Arial,sans-serif; font-size: 1.3em; font-weight: bold; padding: 0; display: block; padding-top: 15px;  }
				
					.service span.identity  { padding-top: 25px;  }
				
					.service span.headerWebSolu  { padding-top: 33px;  }
				
					.service span.marketing { padding-top: 62px; }
					
					.service span.print  { padding-top: 37px;  }

/* Identity Design
----------------------------------------------------------- */

.navigationOverlap {position:relative; top: -20px; clear: left; }

/* Web Design Solutions
----------------------------------------------------------- */

.webSolutionsMain {background: #fcfbf6 url(../images/design/services-top.gif) 0 0 no-repeat; width: 601px; padding-top: 15px;  }
	
	.webSolutionsInner {background: #fcfbf6 url(../images/design/services-bg.jpg) 0 0 repeat-y; position: relative; margin: 0; }
	
		.webSolutionsInner ul {background: url(../images/design/services-bottom.jpg) 0 100% no-repeat; display: inline-block;  margin: 0; width: 601px; }
		
			.webSolutionsInner ul li {list-style: none; padding-bottom: 15px; border-bottom: 1px solid #e0d4ad; display: block;  padding: 15px 15px 15px 35px; margin-bottom: 0; }
				
				.webSolutionsInner .webImg {float: left; width: 85px; padding-top: 5px; text-align:center; }

				.webSolutionsInner .webInfo {padding-left: 100px; width: 440px;  }
		
				.webSolutionsInner ul li.even {background-color: #fcf9ec; margin: 0 3px;}
				
				.webSolutionsInner ul li.last {border-bottom: none; margin-bottom: 6px;}
		
		.webSolutionsInner h3 a {color: #0064B1; text-decoration: none; font-weight: bold; font-size: 1.15em; }

			.webSolutionsInner h3 a:hover {color: #D6050A;  }
		
		.webSolutionsInner p {margin-bottom: .5em; }

	 
/* Website Design
----------------------------------------------------------- */
.webQuote {float: right; margin: 4em 0 4em 35px; }



/* Website Design
----------------------------------------------------------- */

.appDev {width: 360px !important; }

/* Ecommerce
----------------------------------------------------------- */

.ecommerce {float: right; margin-left: 20px; margin-bottom: 10px; }

.ecomm {clear: none !important; width: 310px; }

/* Web Hosting
----------------------------------------------------------- */

.data-center-photos img { margin:0 5px 10px 0; border: 2px solid #cccac0; }
	.data-center-photos a:hover img { border-color: #867b51; }


/* Portfolio Main Page - Testimonials Main Page - both utilize the tables styling"
----------------------------------------------------------- */
 /* Portfolio Specific */

div.height300 {	height: 370px;}

div.featuredWork {float:left; margin-right: 15px; width: 180px; }

span.belowFeaturedImage {display:block; margin-top:1%; width:100%; }

a.projectDetails {background: url(../images/design/project-details.gif) 0 0 no-repeat; display: block; width: 124px; height: 23px; text-indent: -9999px;  }
	a.projectDetails:hover {background-position: 0 -23px; }


/*Shared */
	
div.tableStyling2 {background-color:#FCFBF5; border-color:#E0D4AD; border-style:solid; border-width:0 0 1px; position:relative; width:100%;}

div.tableStyling2 div.every_other {background-color:#FCF9EC;}

div.tableStyling2 div.item {border-top:1px solid #E0D4AD; padding:8px 0 10px 10px; position:relative; }

div.tableStyling2 p {color:#333333; line-height:1.2em; margin:0 ; padding:5px 5px 10px 0;}

div.tableStyling2 a {clear:both; color:#0064B1 !important; font-family:Verdana,Arial,sans-serif; font-size: .8em; font-weight:bold; text-decoration:none; }

img.thumbnailImage {border:1px solid #BFBFBE; margin-bottom:0.2em; }

div.tableStyling2 h3 {margin-bottom:0;  }

div.tableStyling2 span {color: rgb(135, 135, 135); font-size: 0.7em; position: relative; top: -1px;}


/* Individual Portfolio Pages
----------------------------------------------------------- */
.svw { text-align: center; }

.svw ul {	padding: 0; margin: 0; list-style: none; }

.svw ul li {padding: 0; margin: 0; }

.svwWithJS ul {display: none;}

.svw .svwLoading {font-size: 0.7em; }

#tooltip {position: absolute; z-index: 3000; background: #4b4b4b; padding: 0; opacity: 0.94; }

#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {color: #FFF; font: normal 11px Verdana; padding: 5px 6px; border: 0;}

.stripViewer { background:#FFFFFF url(../images/design/stripViewer-bg.gif) repeat-x scroll center bottom; border:5px solid #E0D4AD; margin:0 auto; overflow:hidden; position:relative; }

.stripViewer ul {font-size:1em !important; left:0; line-height:1em !important; list-style-type:none; margin:0 !important; padding:0 !important; position:absolute; top:0; }

.stripViewer ul li { float:left; text-align: center; }

.stripViewer ul li img { margin: 15px auto; }

.stripTransmitter {clear:left; margin:0 auto; margin-bottom: 15px; }

.stripTransmitter ul {display:block; font-size:1em !important; height:2em; line-height:1em !important; list-style-type:none; margin:0 !important; padding:0 !important; position:relative; }

.stripTransmitter ul li {float:left; margin:0 4px 4px 0; position:relative; }

.stripTransmitter li.stripTransmitter_slideshowToggle a {border:0 none !important; display:block; height:21px !important; margin:0 5px 0 7px !important; padding:0 !important; width:22px !important; }

	.stripTransmitter li.stripTransmitter_slideshowToggle a span {display:none; }
	
	.stripTransmitter li.stripTransmitter_slideshowToggle a.stripTransmitter_slideshowToggle_playing {background:url(../images/design/playing.gif) no-repeat scroll 2px 0.6em; }
	
	.stripTransmitter li.stripTransmitter_slideshowToggle a.stripTransmitter_slideshowToggle_stopped {background: transparent url( ../images/design/stopped.gif ) no-repeat 2px 0.6em; }

.stripTransmitter li a, .stripTransmitter li a:visited {background:#FFFFFF none repeat scroll 0 0; border:1px solid #E9E6D7; color:#0064B1 !important; display:block; font-family:Verdana,Arial; font-size:11px; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; padding:4px 7px; position:relative; text-align:center; text-decoration:none;  top:4px; }

.stripTransmitter li.stripTransmitter_slideControl a:hover, .stripTransmitter li a:visited:hover {	border: 1px solid #671b10; 	background: #671b10; color: #FFF !important; }

.stripTransmitter li a.current, .stripTransmitter li a.current:visited {border-width: 0; background: #e0d4ad; color: #4b4b4b !important; top: -1px; padding: 4px 7px 5px 7px; }

.solutionURL {background: url(../images/design/web-solutions.gif) 0 0 no-repeat; height: 15px; display:inline-block; margin-left: 15px; padding: 0 20px; font-size: 0.5em; font-weight: normal; font-family: Verdana,Arial,sans-serif;}

	.portfolio {width: 200px !important; } 
	
	.portfolio ul {margin-bottom: .5em !important;}


/* Press Releases
----------------------------------------------------------- */	
#pressReleases ul {display: inline-block;  margin: 0; width: 601px; background-color: #fcf9ec; border-top: 1px solid #e0d4ad;}
		
	#pressReleases ul li {list-style: none; padding-bottom: 15px; border-bottom: 1px solid #e0d4ad; display: block;  padding: 10px 15px; margin-bottom: 0; }
		
			#pressReleases ul li.even {background-color: #fcfbf5; margin: 0 3px;}
			
			#pressReleases ul li.last {border-bottom: none; margin-bottom: 6px;} 
				
	#pressReleases .pressDate {line-height: 1em; float: left; width: 95px; margin-right: 15px; color:#717171; font-weight:bold; font-size: 12px; font-family:Tahoma,Verdana,Arial,sans-serif; }

	#pressReleases .pressInfo {padding-left: 110px; width: 440px;  }

	#pressReleases .pressInfo a { text-decoration: none;  }
	
	#pressReleases h2 { margin: 0; margin-bottom: 2px; padding: 0; font-size: 14px; font-family:Tahoma,Verdana,Arial,sans-serif; line-height: 1.1em; }
		
	#pressReleases h2 a {color: #0064B1; text-decoration: none; font-weight: bold;  }

			#pressReleases h2 a:hover {color: #D6050A;  }
		
	#pressReleases p {margin-bottom: .5em; color:#333333; line-height:1.2em; padding:0; }
	
/* Indv. Press Releases
----------------------------------------------------------- */
	
.pressContact {border-top: 1px solid #aeaca4; padding-top: 15px; margin: 25px 0 35px 0;}


/* Testimonials
----------------------------------------------------------- */
.testimonials {background-color: #FCF9EC;  }

	.testimonials ul {width: 595px; margin: 0; }
	
		.testimonials ul li {display: block; border-top: 1px solid #E0D4AD; padding: 8px 0 10px 10px; list-style: none; font-size:1.1em !important; }
		
			.testimonials ul li.even {background-color: #FCFBF5;}
			
			.testimonials .logo {float: left; width: 200px; padding-top: 15px; }
				
				.testimonials .logo .kilter {padding-top: 35px; padding-left: 25px;  }
				
				.testimonials .logo .ciHost {padding-top: 45px;  }
			
			.testimonial { padding-left: 200px; width: 385px; }
			
			.testimonials .quote { margin-bottom:0; padding-bottom: 5px; padding-right:5px; }
			
			.testimonials .company {color:#4D4D4D; font-weight:bold; padding-bottom:0;}

			.testimonials .name {color:#5E5E5E; font-weight:normal; padding-bottom:10px; padding-top:0;}
			
			.testimonials a.readTestimonial {background: url(../images/design/complete-testimonial.gif) 0 0 no-repeat; display: block; width: 160px; height: 23px; text-indent: -9999px; }

				.testimonials a.readTestimonial:hover  {background-position: 0 -23px; }

/* Indvidual Testimonial Pages
----------------------------------------------------------- */	
 .indvTestimonial {font-size:1.1em !important; width: 400px; }
 
 	.logo {float: right; padding-top: 25px; }
 	
	.indvTestimonial .quote { margin-bottom:0; padding-bottom: 5px; padding-right:5px; }
				
	.indvTestimonial .company {color:#4D4D4D; font-weight:bold; padding-bottom:0;}
	
	.indvTestimonial .name {color:#5E5E5E; font-weight:normal; padding-bottom:10px; padding-top:0;}	
	
	
	
	
/* Employment
----------------------------------------------------------- */
.jobSpacing {margin-bottom: 5em;}
	
/* Driving Directions
----------------------------------------------------------- */

.addrBox {float: none !important; width: 145px; margin-left: 0; }

#map {float: right; display: block; width: 335px; height: 320px; margin-left: 20px; border: 3px solid #E0D4AD;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

div.bottomCells {background: url(../images/design/services-bottom.jpg) no-repeat scroll 0 100%; height: 450px; }

.directions {background: #fcfbf6 url(../images/design/services-top.gif) 0 0 no-repeat; width: 601px; padding-top: 15px;  margin-bottom: 30px; }
	
	.directionsInner {background: #fcfbf6 url(../images/design/services-bg.jpg) 0 0 repeat-y; position: relative; margin: 0; }

#driving_directions_north, #driving_directions_east, #driving_directions_south, #driving_directions_west {float: left; width: 290px; padding-left: 10px;  }

	#driving_directions_north h3, #driving_directions_east h3, #driving_directions_south h3, #driving_directions_west h3 {padding-top: 10px; color: #4B4B4B; font-weight: bold; font-size: 1.3em; margin-left: 10px; }
	
	#driving_directions_north, #driving_directions_south {border-right: 1px solid #E1D5AF; }
	
	#driving_directions_north, #driving_directions_east { min-height:200px; border-bottom:1px solid #E1D5AF;   margin-top: -15px; padding-top: 15px; }
	
	#driving_directions_south, #driving_directions_west {min-height: 233px; padding-top: 15px; }

ol.drivingDirections {color: #A96F00;	font-weight: bold;	margin: 0 30px;}

ol.drivingDirections span {	color: #000000;	font-weight: normal;}


/* Site Map
----------------------------------------------------------- */	
#siteMap li {font-size: 1em; }

#siteMap li ul, li ol {padding-top: 0;}

/*Not Found
----------------------------------------------------------- */
.not-found-page .complianceArea {display: none; }

/* Sticky page
----------------------------------------------------------- */	
#stickyMainContent {background: #FFFFFF url(../images/design/sticky-main-content-top.gif) no-repeat scroll 0 0; width: 766px; margin: 0 30px; padding-top: 15px; }
	
	#stickyMainContentInner {background: #FFFFFF url(../images/design/sticky-main-content-bottom.gif) no-repeat scroll 0 100%; padding: 15px 40px 15px 40px; width: 686px;}
	
		#stickyMainContentInner #content {width: 400px;}
		
			#stickyMainContentInner #content h1 {font-family: georgia; font-size: 3.8em; margin-bottom: 0.2em; border-bottom: none; }
		
			#stickyMainContentInner .stickyImg {position: relative; right: -55px; float: right;  }
			
.sticky-page #footer {padding-left: 15px; }
			

/* Logos
----------------------------------------------------------- */

.logos {padding-top: 40px; }
	

/* Case Studies
----------------------------------------------------------- */

.caseStudy {float: right; margin-left: 1.5em; margin-top: .5em;}

.caseStudyInfo {width: 180px !important; padding-right: 10px;  }

	.caseStudyInfo ul {margin-bottom: .5em; margin-right: 0;}
	
	.caseStudyContact {clear: right;}
	
	
/* Portfolio Callouts - Internet Marketing and E Commerce Pages
----------------------------------------------------------- */

.portfolioMain {background: #fcfbf6 url(../images/design/services-top.gif) 0 0 no-repeat; width: 601px; padding-top: 15px;  }
	
	.portfolioMainInner {background: #fcfbf6 url(../images/design/services-bg.jpg) 0 0 repeat-y; position: relative; margin: 0; }
	
		.portfolioMainInner ul {background: url(../images/design/services-bottom.jpg) 0 100% no-repeat; display: inline-block;  margin: 0; width: 601px; }
		
			.portfolioMainInner ul li {list-style: none; padding-bottom: 15px; border-bottom: 1px solid #e0d4ad; display: block;  padding: 15px 15px 25px 25px ; margin-bottom: 0; min-height: 115px; }
				
				.portfolioMainInner .webImg {float: left; width: 120px; padding-top: 5px; text-align:center;}

				.portfolioMainInner .webInfo {padding-left: 130px; width: 440px;  }
		
				.portfolioMainInner ul li.even {background-color: #fcf9ec; margin: 0 3px;}
				
				.portfolioMainInner ul li.last {border-bottom: none; margin-bottom: 6px;}
		
		.portfolioMainInner h3 a {color: #0064B1; text-decoration: none; font-weight: bold; font-size: 1.15em; }

			.portfolioMainInner h3 a:hover {color: #D6050A;  }
		
		.portfolioMainInner p {margin-bottom: .5em; }

strong.normalSpecial { font-weight: normal; }	
	strong.normalSpecial span.extra, #mainMenu li span.extra, .featuredProjects span.extra { display: none; }