* { margin: 0; padding: 0; }

/* commented backslash hack \*/ 
html, body { height:100%; } 
/* end hack */
html,body { margin:0; padding:0; }

img { border: 0; }

.block { display: block; }
.clear { clear: both; }
.none { display: none; }


body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	/* background: #efc868 url(../images/bkg-body.gif) repeat-x; */
	background: #660066;
	text-align: center; }
	
body.intro { background: #9a0000; }

#flashy {
	width: 955px; /* container border makes main area width 955px */
	margin: 0 auto; }
	
#wrapper {
	width: 957px; /* container border makes main area width 955px */
	margin: 0 auto;
	/* background-color: #efc968; */
	background: #efc968 url(../images/bkg-wrapper.gif) repeat-y;
	text-align: left;
	min-height: 100%;
	height: auto; }
	
#wrapper-short {
	width: 957px; /* container border makes main area width 955px */
	margin: 0 auto;
	/* background-color: #efc968; */
	background: #efc968 url(../images/bkg-wrapper.gif) repeat-y;
	text-align: left;
	border-bottom: 1px solid #c36434; }
	
#container {
	padding: 0 1px; }
	
* html #wrapper { height: 100%; }
* html #container { height: 100%; }


/* Links ######################################## */

a, a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }

a { outline: none; }


/* Header ######################################## */

#header {
	position: relative;
	background: #660066 url(../images/bkg-header.gif) no-repeat top right;
	width: 955px;
	height: 290px;
	z-index: 10; }
	
	.home #header { background-image: url('../images/bkg-header-home.gif'); }
	
#logo {
	float: left;
	width: 233px;
	height: 273px;
	text-indent: -4000px;
	background: url(../images/logo.gif) no-repeat; }
	
#logo a {
	display: block;
	width: 233px;
	height: 273px; }
	
#header h1 { 
	position: absolute;
	top: 18px;
	left: 189px;
	text-indent: -4000px;
	font-size: 12px; }
	
#header h2 {
	position: absolute;
	top: 145px;
	left: 189px;
	text-indent: -4000px;
	font-size: 12px; }
	
#header h1.bio { width: 565px; height: 165px; background: url(../images/h1-bio.jpg) no-repeat; }

#header h1.services { width: 530px; height: 145px; background: url(../images/h1-services.jpg) no-repeat; }

#header h1.portfolio { width: 526px; height: 120px; background: url(../images/h1-portfolio.jpg) no-repeat; }
#header h2.portfolio { width: 526px; height: 29px; background: url(../images/h2-portfolio.jpg) no-repeat; }

#header h1.clients { width: 526px; height: 120px; background: url(../images/h1-clients.jpg) no-repeat; }
#header h2.clients { width: 526px; height: 29px; background: url(../images/h2-clients.jpg) no-repeat; }

#header h1.contact { width: 590px; height: 130px; }
#header h1.contact a { display: block; width: 590px; height: 130px; background: url(../images/h1-contact.jpg) no-repeat; }
#header h1.contact a:hover { display: block; width: 590px; height: 130px; background: url(../images/h1-contact-over.jpg) no-repeat; }

h3 {
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #660066; }

h4 {
	font: bold 13px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333333; }
	
/* Navigation ######################################## */

#navigation {
	position: absolute;
	top: 26px;
	left: 273px;
	margin: 0;
	padding: 0;
	list-style: none; }
	
#navigation li {
	float: left;
	height: 20px; }

#navigation li#bio { width: 32px; background: url(../images/nav-bio.gif) no-repeat; }
#navigation li#bio-on { width: 32px; background: url(../images/nav-bio-on.gif) no-repeat; }
#navigation li#services { width: 82px; background: url(../images/nav-services.gif) no-repeat; }
#navigation li#services-on { width: 82px; background: url(../images/nav-services-on.gif) no-repeat; }
#navigation li#portfolio { width: 95px; background: url(../images/nav-resources.gif) no-repeat; }
#navigation li#portfolio-on { width: 95px; background: url(../images/nav-resources-on.gif) no-repeat; }
#navigation li#clients { width: 69px; background: url(../images/nav-clients.gif) no-repeat; }
#navigation li#clients-on { width: 69px; background: url(../images/nav-clients-on.gif) no-repeat; }
#navigation li#contact { width: 63px; background: url(../images/nav-contact.gif) no-repeat; }
#navigation li#contact-on { width: 63px; background: url(../images/nav-contact-on.gif) no-repeat; }

#navigation li a { display: block; height: 16px; text-indent: -4444px; text-decoration: none; }


/* Content ######################################## */

#content-short { height: 310px; }
#content { padding: 15px 202px 30px 233px; }

#content td { 
	vertical-align: top;
	line-height: 18px; }

#content p { margin: 7px 0; }

#content p.quote {
	border-top: 1px solid #990000;
	font-weight: bold;
	text-indent: -5px;
	margin: 14px 0 7px 0;
	padding-top: 7px; }
	
.portfolio-results {}
.portfolio-results td { vertical-align: top; }
.portfolio-results td.text { padding: 27px 180px 18px 0; width: 100%; }
.portfolio-results td.text p { margin: 7px 0; }

.portfolio-results2 {}
.portfolio-results2 td { vertical-align: top; }
.portfolio-results2 td.text { padding: 0; width: 100%; }
.portfolio-results2 td.text p { margin: 7px 0; }

	
table.portfolio-list {
	position: absolute;
	top: 273px;
	width: 955px;
	z-index: 100; }

table.portfolio-list td.image { width: 180px; }
table.portfolio-list td.image img { margin: 0 12px 0 17px; }

table.portfolio-list td.text { padding-right: 15px; }

table.portfolio-list td p { margin: 8px 0; }

.text2 { padding: 0 0 10px 35px}
.text3 { padding: 0 30px 0 0}
.text4 { padding: 0 0 10px 20px}

.highlight {
	font-weight: bold;
	color: #660066; }