@CHARSET "ISO-8859-1";
/*
 ***** TAG LEVEL DEFINITIONS *****
 */
li,span,table,td,th,cite,caption,pre,p,b,label,i,em,u,h1,h2,h3,h4,select,input,textarea,input[type="text"]:focus,textarea:focus {
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #333;
}

a {
	font-size: 12px;
	text-decoration: none;
	color: #b0700a;
}

a:hover {
	font-size: 12px;
	text-decoration: underline;
}

#footer a {
	color: #c48108;
}

a[href^=mailto]{
	background: url(../images/silkIcons/email.png) 0 center no-repeat;	
	padding-left: 22px;	
}

a.email, .iconEmail {
	background: url(../images/silkIcons/email.png) 0 center no-repeat;	
	padding-left: 22px;		
}

table,td,th {
	font-size: 12px;
}

b, strong {
	font-weight: bold;
	font-size: 12px;
}

i, em {
	font-style: italic;
	font-size: 12px;
}

u {
	text-decoration: underline;
}

h1 {
	font: 24px palatino, georgia, Times;
	font-style:	italic;
	margin: 3px 0 3px 0;
}

h2 {
	font: 18px Arial;
	color: #c48108;
	padding-bottom: 6px;
	padding-top: 6px;
}

h3 {
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	color: #0066a6;
	width: 100%;
}

h4, .brownText {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;	
	color: #996600;		
}

ol {
	padding-left: 0px;
	list-style-type: decimal;
}

.small {
	font-size: 11px;
}

/*
 ***** COLORS *****
 */
.brown {	
	color: #e99009;
}

.drkGray {
	color: #212121;
}

.drkBlue {
	color: #0066a6;
}

.smallGrey {
	font-size: .9em;
	color: #666;
}

/*
 ***** PAGE LAYOUT STYLES *****
 */

body {
	background: #fafdff;
	line-height: 15px;
}

#header {
	width: 100%;
	height: 147px;
	background: url("../images/bgHeader.jpg") repeat-x;
}

#headerContent {
	height: 147px;	
}

#pageContainer {
	
}

.pageContent {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

#pageLeftCol p {
	padding-top: 6px;
	padding-bottom: 6px;		
}

#logo1 {
	width: 299px;
	height: 147px;
	float: left;
	display: block;
	background: url("../images/logo1.jpg") left no-repeat;
}

#logo1 a {
	display: block;
	width: 299px;
	height: 147px;	
}

#logo1 a span {
	display:  none;
}

#businessCard {
	display: block;
	width: 273px;
	height: 144px;
	float: right;
	display: block;
	background: url("../images/businessCard.png") left no-repeat;
}

#businessCard span {
	display: none;
}

#greenBarHome {
	width: 100%;
	height: 22px;
	background: url("../images/greenBarHome.gif") repeat-x;
}

#greenBarMenu {
	width: 100%;
	height: 35px;
	background: url("../images/greenBarMenu.gif") repeat-x;
}

.blueFadeContainer1 {
	width: 100%;
	background: url("../images/bgBlueFade1.jpg") bottom repeat-x;
}

.blueFadeContainer2 {
	width: 100%;
	background: url("../images/bgBlueFade2.jpg") top repeat-x;
}

.grayBorderTop {
	border-top: 1px solid #bdbbbb;
}

.grayBorderBottom {
	border-bottom: 1px solid #bdbbbb;
}

.grayFadeContainer1 {
	width: 100%;
	background: #ededed url("../images/bgGrayFade1.jpg") top repeat-x;
}

#homePaperContainer {
	width: 634px;
	margin-left: 156px;
	margin-top: 20px;
}

#homePaper1 {
	width: 390px;
	height: 243px;
	background: url("../images/bgHomePaper1.png") no-repeat;
	float: left;
}

#homePaper2 {
	width: 236px;
	height: 243px;
	background: url("../images/bgHomePaper2.png") no-repeat;
	float: right;
}

#homePaper2 .contentContainer {
	margin: 15px 20px 0 20px;	
}

.homePagePhoto {
	width: 367px;
	height: 216px;
	margin: 12px 0 0 12px;
}

#pageLeftCol {
	float: left;
	width: 632px;
	padding: 0px;
}

#pageRightCol {
	width: 308px; 
	float: right;
}

#footer {
	background: #1a1a1a;
	border-top: 2px solid #000;
	width: 100%;
	height: 300px;
}

#footer .pageContent {
	width: 916px;
	margin-top: 6px;
	background: #2b2b2b;
	padding: 12px;
}

#footer .pageContent p {
	color: #999;
}

#footer .pageContentClear {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/***** PAPER CARD STYLES *****/

.paper5ColHeader {
	width: 393px;
	height: 9px;
	background: url("../images/headerPaper5Col.png") no-repeat;
}

.paper5ColFooter {
	width: 393px;
	height: 20px;
	background: url("../images/footerPaper5Col.png") no-repeat;
}

.paper5ColBG {
	width: 393px;
	background: url("../images/bgPaper5Col.png") repeat-y;
}

.paper5ColContent {
	width: 363px;
	margin-left: 15px;
}

.paper4ColHeader {
	width: 308px;
	height: 7px;
	background: url("../images/headerPaper4Col.png") no-repeat;
}

.paper4ColFooter {
	width: 308px;
	height: 10px;
	background: url("../images/footerPaper4Col.png") no-repeat;
}

.paper4ColBG {
	width: 308px;
	background: url("../images/bgPaper4Col.png") repeat-y;
}

.paper4ColContent {
	width: 280px;
	margin-left: 15px;
}

.paper4ColHeaderRSS {
	position: absolute;
	background: url("../images/paper4ColHeaderRSS.png") top no-repeat;
	margin: -10px 0 0 1px;
	width: 306px;
	height: 31px;	
}

.paper4ColHeaderBook {
	position: absolute;
	background: url("../images/paper4ColHeaderBooks.png") top no-repeat;
	margin: -10px 0 0 1px;
	width: 306px;
	height: 31px;	
}

.paper4ColPortfolio {
	position: absolute;
	background: url("../images/paper4ColHeaderPortfolio.png") top no-repeat;
	margin: -10px 0 0 1px;
	width: 306px;
	height: 31px;
}

.paper4ColHeaderRSS h3,.paper4ColHeaderBook h3,.paper4ColPortfolio h3 {
	padding: 9px 0 0 50px;
}

.paperContent {
	padding: 30px 12px 12px 24px;
}
 
/***** END PAPER CARD STYLES :: TEXT STYLES *****/

/***** LIST STYLES *****/

ul .listItem {
	padding-top: 6px;
}

.blogList, .dashedList, hr {
	padding-top: 6px;
	border-bottom: 1px dashed #dcdada;
}

/***** END LIST STYLES *****/

/***** END TEXT STYLES :: BEGIN BUTTON STYLES *****/

.buttonVCard {
	display: block;
	width: 32px;
	height: 48px;
	background: url("../images/iconVCard.png") no-repeat;
}

.buttonVCard span {
	display: none;
}

.buttonRSS {
	display: block;	
	width: 32px;
	height: 48px;
	background: url("../images/iconRSS.png") no-repeat;
}

.buttonRSS span {
	display: none;
}

.buttonCV {
	display: block;	
	width: 32px;
	height: 48px;
	background: url("../images/iconCV.png") no-repeat;
}

.buttonCV span {
	display: none;
}

.buttonLinkedIn {
	display: block;	
	width: 32px;
	height: 48px;
	background: url("../images/iconLinkedIn.png") no-repeat;
}

.buttonLinkedIn span {
	display: none;
}

.coolButton {
       display: block;
       height: 26px;
       width: 121px;
       cursor: pointer;
       text-decoration: none;
}

.buttonBGBlueGray {
       background: url(../images/bgButtonBlueGray.gif) 0 0 no-repeat;  
}
.buttonBGRedGray {
       background: url(../images/bgButtonRedGray.gif) 0 0 no-repeat;  
}
.buttonBGYellowGray {
       background: url(../images/bgButtonYellowGray.gif) 0 0 no-repeat;        
}
.buttonBGYellow {
       background: url(../images/bgButtonYellow.gif) 0 0 no-repeat;    
}
.buttonBGRed {
       background: url(../images/bgButtonRed.gif) 0 0 no-repeat;      
}
.buttonBGGreen {
       background: url(../images/bgButtonGreen.gif) 0 0 no-repeat;    
}

.coolButton:hover {
       background-position: 0 -26px;
       text-decoration: none;
}

.coolButton span {      
       display: block;
       height: 26px;
       width: 95px;
       padding: 3px 0 0 20px;       
       font-size: 12px !important;
       font-weight: bold;
       color: #333;
       text-align: center;
}

.coolButton span.add {
       background: url(../images/silkIcons/add.png) 3px 4px no-repeat;
}
.coolButton span.email {
       background: url(../images/silkIcons/email.png) 3px 4px no-repeat;
}
.coolButton span.update {
       background: url(../images/silkIcons/arrow_refresh.png) 3px 4px no-repeat;
}
.coolButton span.save {
       background: url(../images/silkIcons/disk.png) 3px 4px no-repeat;
}
.coolButton span.cancel {
       background: url(../images/silkIcons/delete.png) 3px 4px no-repeat;
}
.coolButton span.search {
       background: url(../images/silkIcons/magnifier.png) 3px 4px no-repeat;
}
.coolButton span.login {
       background: url(../images/silkIcons/key_go.png) 3px 4px no-repeat;
}
.coolButton span.close {
       background: url(../images/silkIcons/exclamation.png) 3px 4px no-repeat;
}
.coolButton span.ok {
       background: url(../images/silkIcons/accept.png) 3px 4px no-repeat;
}
.coolButton span.star {
       background: url(../images/silkIcons/asterisk_orange.png) 3px 4px no-repeat;
}
.coolButton span.folderOpen {
       background: url(../images/silkIcons/folder_page.png) 3px 4px no-repeat;
}
.coolButton span.commentAdd {
       background: url(../images/silkIcons/comment_add.png) 3px 4px no-repeat;
}

/***** END BUTTON STYLES :: BEGIN MENU STYLES *****/

#mainMenuLinks {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	height: 33px;
}

#mainMenuLinks ul {
	width: 100%;
	list-style: none;
}

#mainMenuLinks li.tab {
	height: 33px;
	padding: 0 10px 0 10px;
    text-align: center;
	display: inline;	
	float: left;
	cursor: pointer;
	border-right: 1px solid #9BC238;
}

#mainMenuLinks li.tabLeft {
	height: 33px;
	padding: 0 10px 0 10px;
    text-align: center;
	display: inline;	
	float: left;
	cursor: pointer;
	border-right: 1px solid #9BC238;
	border-left: 1px solid #9BC238;
}	

#mainMenuLinks li.tab:hover, #mainMenuLinks li.tabLeft:hover {
	background: url("../images/greenBarMenuHover.gif") repeat-x right top;
}

#mainMenuLinks a {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	height: 31px;
	display: block;
	margin-top: 7px;
}

#mainMenuLinks a:hover {
	color: #000;
	text-decoration: none;
	display: block;
	margin-top: 7px;
}

/***** END MENU STYLES *****/

/***** RIGHT COLUMN STYLES *****/


/***** PORTFOLIO STYLES *****/

.portfolioThumbContainer {
	width: 152px; 
	height: 95px; 
	float: left; 
	margin: 0 3px 9px 3px;
}

.portfolioThumbContainer.left {
	margin-left: -5px;
}

#portfolioImageContainer {
	position: absolute;
	width: 373px;
	height: 216px;
	margin: -3px 0 0 10px;
}

#portfolioInfoContainer {
	position: relative;
	z-index: 12;
}
	
/***** POPUP BALLON STYLES *****/

.bubbleInfo {
	position: relative;
}

.trigger {
	border: none;
	cursor: pointer;
}

.popup {
	width: 169px;
	height: 101px;
	background: url("../images/bgPopup1.png") no-repeat top;
	position: absolute;
	display: none;
	z-index: 5;
}

.popupContent {
	
	padding: 0 12px 0 12px;
}

.popupContent p {
	font-size: 12px;
	color: #999;	
}

/***** SLIDESHOW STYLES *****/

#slideshow {
    position: relative;
    height: 350px;
}

#slideshowDiv {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshowDiv.active {
    z-index:10;
}

#slideshowDiv.last-active {
    z-index:9;
}

#slideshowCaption {
	width: 373px;
	height: 50px;
	background: #2b2b2b;	
	border-bottom: 2px solid #1a1a1a;
	border-top: 2px solid #1a1a1a;	
}

#slideshowCaption p {
	padding: 6px;
	color: #999;
}

/***** AMAZON STYLES *****/

.imgLeft {
	float: left;
	margin:0.5em 1.2em 1.2em 0;
	position: relative;	
}

.imgBorder {
	border: 1px solid #000;
}

.imgBorderBook {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
}

.imgCaption {
	display: block;
	width: 100%;
	padding: 4px;
	text-align: center;
}

/***** PHOTO & IMAGE STYLES *****/

.photo {
	padding: 6px;
	margin : 6px 12px 6px 12px;
	background: #212121 url("../images/bgCaption.png") repeat-x bottom;
}

.photo img {
	border: 1px solid #fff;
}

.photo.left {
	position: relative;
	float: left;
}

.photo.right {
	position: relative;
	float: right;
}

.photo .caption {
	padding: 6px;
}

.photo .caption span {
	color: #999;
}

/***** FORM STYLES *****/

select, input, textarea {
       padding: 1px;
       font-size: 12px;
}

input[type="text"]:focus, textarea:focus {
       background: #FFFFD2;
       padding: 2px;
       border: 1px solid #6699CC;
       font-size: 12px;
}

label {
	display: block;
	font-family: Arial;
	font-size: 12px;
    font-weight: bold;
	margin-top: 6px;
}

/***** SOME ADMIN SPECIFIC STYLES *****/

.toggleOn {
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/silkIcons/accept.png") no-repeat;
	cursor: pointer;
}

.toggleOff {
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/silkIcons/acceptGray.png") no-repeat;
	cursor: pointer;
}

/***** SITE MESSAGES *****/

.errorMessageBig {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: red;
       background: url(../images/iconWarningBig.gif) no-repeat top left;
       height: 25px;
       padding-left: 28px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}
.successMessageBig {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: #CC6600;
       background: url(../images/iconSuccessBig.gif) no-repeat top left;
       height: 25px;
       padding-left: 28px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}
.activityMessageBig {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: #CC6600;
       background: url(../images/ajaxAnimBlack.gif) no-repeat top left;
       height: 25px;
       padding-left: 28px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}


.errorMessageSmall {
       font-family: arial;
       font-weight: bold;
       font-size: 1em;
       background: url(../images/silkIcons/error.png) no-repeat top left;
       padding-left: 18px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}

.successMessageSmall {
       font-family: arial;
       font-weight: bold;
       font-size: 1em;
       color: #CC6600;
       background: url(../images/silkIcons/accept.png) no-repeat top left;
       padding-left: 18px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}

/***** END SITE MESSAGES *****/

/***** ICONS AND STUFF *****/

.iconPhone {
	background: url(../images/silkIcons/phone.png) 0 center no-repeat;
	padding-left: 22px;
}

.iconIM {
	background: url(../images/silkIcons/emoticon_smile.png) 0 center no-repeat;
	padding-left: 22px;
}

.iconVCard {
	background: url(../images/silkIcons/vcard.png) 0 center no-repeat;
	padding-left: 22px;
}

.iconCV {
	background: url(../images/silkIcons/page.png) 0 center no-repeat;
	padding-left: 22px;
}

.iconRSS {
	background: url(../images/silkIcons/feed.png) 0 center no-repeat;
	padding-left: 22px;
}

.iconLinkedInSmall {
	background: url(../images/silkIcons/linkedin.png) 0 center no-repeat;
	padding-left: 22px;
}

.iconDelicious {
	background: url(../images/silkIcons/delicious.png) 0 center no-repeat;
	padding-left: 22px;
}