/* Remove default styling from every element */

* {
   padding: 0;
   margin: 0;
}

/* end Remove default styling */






/*   HTML items defined here   */


a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
a:active {
	color: #990000;
	text-decoration: none;
}



body {
	background-color: #202020;
	text-align: left;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.56em;
	font-weight: normal;
	color: #990000;
	text-align: left;
	margin: 0 20px 10px 20px;
	padding: 0;
	
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.13em;
	line-height: 1.25em;
	font-weight: normal;
	color: #990000;
	text-align: left;
	margin: 15px 0 5px 20px; 
	padding: 0;
}


h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.13em;
	line-height: 1.25em;
	font-weight: normal;
	color: #990000;
	text-align: left;
	margin: 40px 20px 5px 20px; 
	padding: 0 0 3px 0;
	border-bottom: #000000 solid 1px;
}


p {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.3em;
	text-align: left;
	color: #000000;
	margin: 2px 20px 15px 20px; 
	padding: 0;
}

ul {
	margin: 0; 
	padding: 0 0 13px 32px;
}

li {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.3em;
	text-align: left;
	color: #000000;
	margin: 0; 
	padding: 0;
}


sup {
	font-size: 75%;
	line-height: 0;
}


img {
	border-style: none;
	margin: 0; 
	padding: 0;
}

img.pageImageLeft {
	border-style: none;
	margin: 0 20px 20px 0; 
	float: left;
	padding: 0;
}

img.pageImageRight {
	border-style: none;
	margin: 0 0 20px 10px; 
	float: right;
	padding: 0;
}



input, select, textarea {
	text-align: left;
	margin: 8px; 
	padding: 0;
}

input.center {
	text-align: center;
	margin: 8px; 
	padding: 0;
}








/*   CLASS items defined here   */


.flashVer {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.3em;
	text-align: right;
	color: #990000;
	margin: 2px 20px 15px 20px; 
	padding: 5px;
}




.phoneTableParagraph {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.3em;
	text-align: left;
	color: #000000;
	margin: 6px; 
	padding: 0;
}


.smallCap_span {
	font-size: 70%;
}

.imgFrame {
	border-width: 2px;
	border-color: #990000;
	border-style: solid;
	margin: 0; 
	padding: 0;
}

.imgCenter {
	border-width: 2px;
	border-color: #990000;
	border-style: solid;
	margin: 0 auto; 
	padding: 0;
}

.bold {
	font-weight: bold;
}


.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: .8em;
	line-height: .9em;
	text-align: center;
	color: #FFFFFF;
	margin: 0; 
	padding: 10px;
}
















/*   DIV items defined here   */

#wrap {
	width: 1000px;
	text-align: left;
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
}


#content {
	width: 940px;
	text-align: center;
	margin: 20px 30px 20px 30px;
	padding: 0;
}



#foot {
	background: transparent url(../images/back-footer.gif) repeat-x;
	background-color: #515151;
	clear: both;
	margin: 0;
	padding: 8px 0 0 0;
}



#flashcontent {
	width: 1000px;
	text-align: left;
	background: #202020;;
	margin: 0;
	padding: 0;
}









/* Photo area with image replacement so text only browsers can see it */


/* establish positioning context */
	#pagePhoto { 
		position : relative;
		margin: 36px 0 0 0;
		padding: 0;
	}
	
	/* replace h1 w/ image via Phark method */
	#pagePhoto h1.vision {
		width : 1000px;
		height : 337px;
		background: transparent url(../images/pageImage-vision.jpg) no-repeat;
		text-indent : -9999px;
		margin: 0;
		padding: 0;
	}
	
	#pagePhoto h1.portfolio {
		width : 1000px;
		height : 337px;
		background: transparent url(../images/pageImage-portfolio.jpg) no-repeat;
		text-indent : -9999px;
		margin: 0;
		padding: 0;
	}
	
	#pagePhoto h1.marketing {
		width : 1000px;
		height : 337px;
		background: transparent url(../images/pageImage-marketing.jpg) no-repeat;
		text-indent : -9999px;
		margin: 0;
		padding: 0;
	}











/* Branding Area with Site Navigation
Author: Steve */
	
	/* establish positioning context */
	div#branding { 
		position : relative;
		margin: 0;
		padding: 0;
	}
	
	/* replace h1 w/ image via Phark method */
	div#branding h1 {
		width : 1000px;
		height : 127px;
		background: transparent url(../images/branding.gif) no-repeat;
		text-indent : -9999px;
		margin: 0;
		padding: 0;
	}
	
	
	
	/* clickable area for home button */
	div#branding a#logoHomeBtn {    
		display : block;
		position : absolute; /* reestablish positioning for image replacement - THIS IS A HACK FOR IE7 */
		/* position : relative;  // reestablish positioning for image replacement */
		float: left;
		width : 107px;
		height: 107px;
		margin-left: 0px;
		margin-top: 12px;
		z-index: 10;
	}
	
	
	
	
	
	
	/* tagline text in branding image, hide this text */
	div#branding blockquote {
		position : absolute;
		top : -9999px;
		margin: 0;
		padding: 0;
	}
	
	/* move this nav list to fit in header/branding area */
	div#branding ul {
		position : absolute;
		top : 127px;
		left : 0px;
		height : 36px;		
		margin : 0;
		padding : 0;
		list-style : none;
	}
	
	div#branding ul#nav_main li {
		float : left;
		margin : 0;
		padding : 0;
		overflow : hidden;
	}
	
	/* make anchors behave as buttons */
	div#branding ul#nav_main a {
		display : block;
		position : relative; /* reestablish positioning for image replacement */
		height : 36px;
		/*float : left;  Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items because the anchors are set to block, so we float the anchors too */
	}
	
	/* make space for images */
	div#branding ul#nav_main a#vision {
		width : 333px;
	}
	
	div#branding ul#nav_main a#portfolio {
		width : 334px;
	}
	
	div#branding ul#nav_main a#marketing {
		width : 333px;
	}
	
	
	/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off) */
	div#branding ul#nav_main a span {
		position : absolute;
		width : 100%;
		height : 100%;
	}

	/* offsetting a single image for all navigation text */
	div#branding ul#nav_main a#vision span {
		background : url(../images/nav_main.gif) 0px 0px;
	}
	
	div#branding ul#nav_main a#portfolio span {
		background : url(../images/nav_main.gif) -333px 0px;
	}
	
	div#branding ul#nav_main a#marketing span {
		background : url(../images/nav_main.gif) -667px 0px;
	}
	
	

	/* hover states */
	div#branding ul#nav_main a:hover#vision span {
		background-position: 0px -36px;
	}

	div#branding ul#nav_main a:hover#portfolio span {
		background-position: -333px -36px;
	}

	div#branding ul#nav_main a:hover#marketing span {
		background-position: -667px -36px;
	}
	 
	
	
	/* here states */
	div#branding ul#nav_main a#vision.here span {
		background-position: 0px -36px;
	}

	div#branding ul#nav_main a#portfolio.here span {
		background-position: -333px -36px;
	}

	div#branding ul#nav_main a#marketing.here span {
		background-position: -667px -36px;
	}
    



/* 	END Branding Area with Site Navigation */