body {
	background-color:#d8d5d5;
	margin:auto;
	font-family: arial, helvetica, verdana, sans-serif;
	color:#000;
	font-size:12px;
}

.clear {clear:both;}

.wrapper {
	margin:auto;
	width:1000px;
}

a {
	text-decoration:none; color:#ea6d2d;
}



/* HEADER ******************************************************************* */

.header {
	height:60px;
	background-color:#98918F; 
}

.header a.btn {
	width:137px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 18px 60px 0px 0px;
	float: right;
	background-image: url(./images/rfk-btn.gif);
}

.header a.btn:hover {
	background-color: transparent;
	background-position: 0px -30px;
}

#navcontainer ul {
padding: 3px 0 3px 0;
margin-left: 25px;
margin-top:18px;
color: #fff;
font-size:12px; 
float: left;
}

html>body #navcontainer ul {margin-left: 52px;}

#navcontainer ul li { 
	display: inline; 
}
#navcontainer ul li#active a { 
	color:#4a4b4d;
}

#navcontainer ul li a {
	padding: 2px 8px 2px 8px;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a.lastItem {
	border-right: 0px solid #fff;
}

#navcontainer ul li a:hover {
	color: #FFBB00; 
}


/* SLUG ******************************************************************* */

.slug {
	font-size:12px; 
	color:#ddd;
	line-height:20px;
	padding: 20px 60px 20px  60px;
	background-color: #636466;
}

.slug img {
	position:relative; 
	top:2px; left:0; 
	margin-right:8px; 
}

a#contact-me {
	color: #98918F;
	text-decoration:none;
}

a#contact-me:hover {
	color: #FFBB00;
}

/* CONTENT AREA ******************************************************************* */

.content {
	padding:0 60px 0px 60px;
	background-color:#636466;
}

.mainContainer {
	border: 1px solid #fff;	
	background-color:#eee;
	padding: 12px;
}

img#contTtile {
	margin:23px 0 28px 0px;
}


/* splash  ******************************************************************* */

#splash .mainContainer {
	background-color:#98918F;
	color:#ddd;
	height:450px;
}

#splash .slug {
	height:20px;
}

img.splashBranding {
	margin:180px 0 0px 292px; 
}

#splash .mainContainer p {
	text-align:center;
	text-transform:uppercase;
	letter-spacing:3px;
	word-spacing:6px;
	font-size: 16px;
	padding:10px;
}

#splash .enter-link  {
	text-align: center;
	margin-top:108px;
}

#splash .enter-link a {
	text-transform:uppercase;
	letter-spacing:3px;
	color:#ddd;
	font-size: 12px;
	padding: 0 0px 2px 0px;
}

#splash .enter-link a:hover {
	border-bottom:1px dotted #d8d5d5;
}


/* HOME  ******************************************************************* */

.mainContainer#home {
	background-color:#98918F;
	height:450px;   /* used to match the size of the splash page */
}

#home .welcomeTxt {
	margin:48px;
}

.welcomeTxt p {
	font-size:16px; 
	line-height:21px;
	color:#fff;
}

.welcomeTxt p a {
	color:#FFBB00;
	
}
.welcomeTxt p a:hover {
	border-bottom: 1px dotted #fff
}


/* COLUMNS  ******************************************************************* */

#resume .col1, #selWorks .col1, #recognitions col1, #contact .col1, #diversions .col1 {
	float:left;
	margin-right: 20px;
}

#resume .col2 {
	float:left;
	margin-right: 20px;
}

#resume .col3, #selWorks .col2, #diversions .col2 {
	float:left; 
	margin-right: 0px;
}


/* this heights are for pages that are very short. Delete them as pages grow.  */
#contact .col1 {
	height: 300px;
}


/* SUBNAV  ******************************************************************* */

#subNav {
	margin:0;
	padding:0 ;
	width: 125px;
	font-size: 13px; 
}

#subNav  li {
	list-style: none; 
	padding: 6px  0 6px 4px;
	text-align:left;
	border-top:1px solid #c4bebc;
}

#subNav  li:hover {
	background-color:#D8D1D0;
}

#subNav li a {
	display: block;
	text-decoration: none; 
	color: #4a4b4d; 
}

#subNav li a:hover {
	text-decoration: none;
 }

#subNav  li#current {
	list-style: none; 
	padding: 6px  0 6px 4px;
	text-align:left;
	background-color:#c4bebc;
	border-top:1px solid #c4bebc;
}


/* NEXT PREVIOUS BUTTONS ****** SELECTED WORKS / DIVERSIONS ************************************************************* */

#selWorks a.nextBtn, #selWorks a.previousBtn,
#diversions a.nextBtn, #diversions a.previousBtn {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 0px 6px;
	float: right;
}
#selWorks a.nextBtn,
#diversions a.nextBtn {
	background-image: url(../common/images/nextBtnY.gif);
	width:34px;
	height: 20px;
}

#selWorks a.previousBtn,
#diversions a.previousBtn {
	background-image: url(../common/images/previousBtnY.gif);
	width:51px;
	height: 20px;
}
#selWorks a.nextBtn:hover, #selWorks a.previousBtn:hover,
#diversions a.nextBtn:hover, #diversions a.previousBtn:hover {
	background-color: transparent;
	background-position: 0px -20px;
}


/* SAMPLES ******************************************************************* */

.sampleCont {
	width:708px; 
	border-top: 1px solid #c4bebc; 
	padding-top:8px;
	line-height:16px; 
}

.sampleHdr {
	float:left; 
	font-size:15px; 
	font-weight:bold; 
	color:#636466; 
	margin-bottom:20px; 
	margin-top:12px; 
}

.sampleIntro p {
	margin-top:16px;
	width:562px;
}
.sampleIntro p.first {
	margin-top:0px;
}

.sampleIntro img {
	float:right;
}

.sample {
	float:left; 
	margin-right:20px; 
	width:344px;
}

.sample-no-margin {
	float:left; 
	margin-right:0px; 
}

.sampleDescription {
	float:left; 
}

.sampleDescription .leadIn {
	font-weight:bold;
}

.sample-row {
	margin-bottom:20px;
}

.sample-row-no-margin {
	margin-bottom:0;
}


/* WEBSITE  ******************************************************************* */

#sites .sampleDescription, 
#print .sampleDescription {
	width:344px; 
	margin-right:0;
}

.bulletItem { 
	margin-top:12px;
}

.bullet {
	float:left; 
	height:30px; 
	width:26px; 
	margin-right: 6px; 
	background: url(../common/images/bulletItem.jpg) 0 2px no-repeat; 
}

.bullet div {
	height:30px; 
	width:26px; 
	font-size:16px; 
	font-weight:bold; 
	color:#fff;
	padding: 7px 0 0 8px;
}


/* GUIDES ******************************************************************* */

#guides {}

#guides .intro {}

#guides .sample-row {
	margin-top:20px;
	margin-bottom:0;
}

#guides img {
	border:1px solid #636466; 
	margin-right:20px; 
	width:174px;
}

#features .sample-row {
	margin-bottom:20px; 
	float:left;
}

#features img, #covers img {
	border: 1px solid #636466;
}


/* VIDEOS ******************************************************************* */

#videos .leadIn {
	font-weight:bold;
}

.video-clips {
	float:left; 
	margin-right:20px; 
	width:248px;
}

.video-sample {
	margin-bottom:20px;
}

.video-sample-last-item {
	margin-bottom:0px;
}

.video-clips-summary {
	float:left; 
	width:440px;
}


/* RESUME ******************************************************************* */

#resume a:hover {border-bottom: 1px dotted #636466;}

.columnHdr {
	font-weight:bold; 
	font-size: 15px; 
	color:#636466;
	padding: 0 0 0 12px;
}

.columnHdr-no-indent {
	font-weight:bold; 
	font-size: 15px; 
	color:#636466;
	padding: 0 0 0 0px;
}


 #history {
	padding: 0 0 0 0px;
	margin:0;
	width:197px; 
}

#education {
	padding: 0 0 0 12px;
	margin:0;
	width:197px; 
	background-image: url(../common/images/bgColumnRule.gif);  
	background-repeat: repeat-y;
}

#profile {
	padding: 0 0 0 12px;
	width:394px; 
	margin:0;
	background-image: url(../common/images/bgColumnRule.gif);  
	background-repeat: repeat-y;
}

#education li, #history li, #profile li {
	list-style: none;
	margin-top:12px;
	font-size:12px; 
	line-height:16px;
}
#education li .leadin, #history li .leadin, #profile li .leadin {
	font-weight:bold;
}

/* DIVERSIONS ******************************************************************* */

#diversions .intro  {
font-size:12px; 
line-height:16px;
width:708px;
margin-bottom:20px;
}


/* CONTACT ******************************************************************* */

#contactInfo {
	width:708px; 
	padding:0px;
	line-height:16px; 
	margin:0;
}

#contactInfo li {
	list-style: none; 
	padding: 6px  0 20px 0px;
	margin-top:0px;
	border-top:1px solid #ccc;
	line-height:16px;
}
#contactInfo li.lastItem {
	list-style: none; 
	padding: 6px  0 0px 0px;
	margin-top:0px;
	border-top:1px solid #ccc;
	line-height:16px;
}

#contactInfo li .leadIn {
	width:145px;
	float:left;
	font-weight:bold;
	font-size:15px; 
	color:#636466; 
}

#contactInfo li .info {
	float:left;
}


/* RECOGNITION ******************************************************************* */

#recognitions .col1 {
	width:708px;
}

#recognitions .intro  {
	line-height:16px;
}

#cogs {
	margin:0;
	padding:0;	
}

#cogs li {	
	list-style: none;
	border-top:1px solid #ccc;
	margin-top:20px;
	padding: 6px  0 0 0;
	line-height:16px;
}

#cogs li img {
	float:left; 
	padding-top:3px; 
	margin-right:20px;
}

#cogs li .org {	
	float:left;
	width:125px;
	margin-right:20px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:15px; 
	color:#636466; 
}

#cogs li .info {	
}

/* SPECIAL PROJECTS  &  CONSULTING   ******************************************************************* */

#special-projects .col1, #consulting .col1 {
	width:708px;
}

#special-projects .intro, #consulting .intro {
	line-height:16px;
}

#projects, #consults {
	margin:0;
	padding:0;	
}

#projects li, #consults li {	
	list-style: none;
	border-top:1px solid #ccc;
	margin-top:20px;
	padding: 6px  0 0px 0px;
	font-size:12px; 
	line-height:16px;
}

#projects li img, #consults li img {
	float:left; 
	padding-top:3px; 
	margin-right:20px;
}

#projects li .org,  #consults li .org {	
	float:left;
	width:125px;
	margin-right:20px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:15px; 
	color:#636466; 
}

#projects li .info, #consults li .info {	
	padding-top:0px;
}