@charset "UTF-8";
/* CSS Document */

/* Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
  font-family: Gotham Black;
  src: url(../type/Gotham-Black.eot);
  src: local("Gotham Black"), url(../type/Gotham-Black.otf) format("opentype");
}


@font-face {
  font-family: TextPro;
  src: url(../type/PFDinTextPro-Medium.eot);
  src: local("TextPro"), url(../type/PFDinTextPro-Medium.ttf) format("truetype");
}


@font-face {
  font-family: HelveticaNeue;
  src: url(../type/HelveticaNeue.eot);
  src: local("HelveticaNeue"), url(../type/HelveticaNeue.ttc) format("truetype");
}

body {font-family: HelveticaNeue, Helvetica, Geneva, sans-serif; font-size:12px; color:#666; line-height: 17px; background: #444; }

.clearClass {
	clear: both;
	}
	
#header {
	margin: 0 0 5px 0;
	width: 960px;
	height: 219px; 
	background: url(../imgs/header01.jpg) no-repeat;
	z-index: 0;
	position:relative;
	
		-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
	}
	
#navigation { 
	width: 960px;
	font-size:14px;
	color:#FFF;
	font-family: TextPro, Helvetica, sans-serif;
	z-index: 10;
	background: transparent;
	position: relative;
	top: 180px;
	}	
	
#navigation ul {
	margin: 0 125px 0 0;
	padding: 0;
	width: 835px;
	}

#navigation ul li { 
	margin: 15px 0;
	padding: 0 5px;
	float:right;
	}
	
#navigation ul li a {
		color:#FFF;
		text-decoration:none;}	

#navigation ul li a:hover {
		color: #FF9900;}	
	
#navigation .selected a {color: #FF9900;}		
	
h1{
	margin: 0 0 0 -80px;
	padding: 0;
	position:relative;
	height: 10px;
	z-index: 2;
	top: 0;
	left: 0;
	width: 80px;
	float: left;
	text-indent:-9999px;
	/*background: #444 url(../imgs/header01.jpg) -20px left no-repeat;
	width: 960px; 
	height: 219px;
	text-indent: -9999px;
			-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;*/
	}

h2 {
	margin: 0 0 13px 0;
	padding: 0;
	font-family: Geneva, sans-serif;
	font-size:15px;
	color: #333;
	font-weight:normal;
	}

h3 {
	font-size:25px;
	font-family: Gotham Black, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	margin: 0 0 20px 0;
	}

h4 {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	padding: 0 0 4px 0;
	}
	
h5 {
	font-size:20px;
	font-family: Gotham Black, Helvetica, sans-serif;
	color: #FFF;
	margin:0 0 3px 0;
	padding: 0;
	line-height: 22px;
	}	

#wrapper {
	margin: 0px auto;
	padding:0px;
	width: 960px;
	position: relative;
	}
	
/* UPPER LEVEL CONTENT -- 3 COLUMNS */

#fullContentWrap {
	margin: 0;
	padding:0;
	width: 960px; 
		box-shadow:  0px 2px 8px #222;
		-moz-box-shadow: 0px 2px 8px #222;
		-webkit-box-shadow: 0px 2px 8px #222;
		
		-moz-border-radius: 5px 5px 0px 0px; 
		-khtml-border-radius: 5px 5px 0px 0px; 
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius:5px 5px 0px 0px;
} 

#upperContentWrap {
		background: #F7F7F7;
		border:1px solid #F7F7F7;
		-moz-border-radius: 5px 5px 0px 0px; 
		-khtml-border-radius: 5px 5px 0px 0px; 
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius:5px 5px 0px 0px;
		 
		}
	
	
#aboutEx{
	margin: 0;
	padding: 30px 23px;
	width: 268px;
	float:left;
	}	
	
#aboutEx p {line-height: 25px;}	

#aboutEx a {
	color:#333;
	display:block;
	text-align:right; 
	color:#000066; 
	text-decoration:none;
	}	
	
#aboutEx a:hover {text-decoration:underline;}		
		
	
#newsEx {
	margin: 0 12px 0 13px;
	padding: 30px 23px;
	width: 258px;
	float:left;
	}	
	
#newsEx p {line-height: 25px;}		
	
#newsEx img {
	float: left;
	margin: 0 15px 0px 0;
	background-color:#999;
		}
		
#newsEx a {
	color:#333;
	display:block;
	text-align:right; 
	color:#000066; 
	text-decoration:none;
	}	
	
#newsEx a:hover {text-decoration:underline;}		
	
#featuredEx {
	margin: 0;
	padding: 30px 23px;
	width: 268px;
	float:left;
	}	
	
#featuredEx p {padding: 8px 0 0 0;
line-height: 25px;}		
	
#featuredEx img {
	float: left;
	margin: 0 15px 0px 0;
	background-color:#999;
		}	
	
#featuredEx a {
	color:#333;
	display:block;
	text-align:right; 
	color:#000066; 
	text-decoration:none;
	}	
	
#featuredEx a:hover {text-decoration:underline;}	
	
	
/* LOWER CONTENT -- NOTEBOOK / PORTFOLIO / CONTACT INFO */	
	
#lowerContentWrap {
	background:#D7D7D7;
	border-top: 1px solid #333;
	padding: 30px 23px; 
	width: 914px;
	}		
	
#left 	{
	margin: 0;
	padding: 0 30px 0 0;
	float: left;
	width: 585px;
	border-right: 1px dotted #333333;
	}

#notebook {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #969696;}
	
.title {
	font-size:20px;
	font-weight:normal;
	color: #333;
	line-height: 20px;
	}
	
.author {
	font-size:13px; 
	color: #666;
	margin: 5px 0 10px 0;
	}	
	
#notebook p { 
font-size:20px;
color: #333;
line-height:33px;
font-weight: normal;
}	

#notebook p img { float:left; padding: 0 8px 0px 0;}

#notebook p a { display: block; text-align:right; color:#000066; text-decoration:none;}
#notebook p a:hover {
	text-decoration:underline;}	
	
	
#portfolioWrap {
	padding: 30px 0 0 0;
	border-top: 1px solid #D4D4D4;
	width: 585px;}	

.article {
	margin: 0 0 20px 0;
	font-size:13px;
	}
	
.article p {
	line-height: 20px;
	font-size:12px;
	}	
	
.article img {
	float: left;
	padding: 0 5px 0 0;
	}	

.article p a { 
display: block;
color: #222;
font-weight: bold;
}

.myBook a { color: #900; text-decoration:none; font-weight: bold;}
.myBook a:hover {text-decoration: underline;}
.player {margin: 10px 0 0 0;}


#portLeft {
	width: 290px;
	padding: 0 15px 0 0;
	float: left;
	border-right: 1px solid #969696;
	}
	
			.video_preview {
				width: 290px;
				height: 200px;
				margin:0 0 20px 0;
				float:left;
				background: #3c3c3c;
				border: 0;
				overflow: hidden;
				position:relative;
				}
				.video_preview a {text-decoration: none;}
				
				.video_preview img {
					position: absolute;
					top: 0;
					left:0;
					border: 0;
					}
					
					
				.video_caption {
					float: left;
					position: absolute;
					background: #000000;
					height: 300px;
					width: 270px;
					padding: 10px;
					color:#FFF;
					opacity: .8;
					/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
					}	
				.video_caption p {font-size: 11px; line-height: 14px;}	
					
					.captionfull .video_caption {
						bottom: 200px;
						left: 0;
						}
					.caption .video_caption {
						bottom: 300px;
						left: 0;
						}	
						
					.cover {
						top: 200px;
					} 

					.captionlrg {
						bottom: 300px;
						left: 0;
						}	
						
					.coverlrg {
						top: 200px;
					} 
				
	
#portRight {
		padding: 0 0 0 15px;
		width: 263px;
		float: left;
		border-left: 1px solid #D4D4D4;
		}
		
#radio {
	padding: 0 0 00px 0;
	border-bottom: 1px solid #969696;
	}
	
#print {
	margin: 0;
	padding: 30px 0 0 0;
	border-top: 1px solid #D4D4D4;
	}	
	
	
.archive { 
	text-align:right; 
	text-decoration:none;
	margin: 0 0 20px 0;
	color: #900;
	}	
	
.archive a {display: block; color: #000066; text-decoration:none; }	

.archive a:hover {text-decoration: underline;}
	
	
	/* contact */
	
#right {
	margin: 0px 0 0 27px;
	padding: 0px;
	width: 271px;
	float:left;
	color: #3C3C3C;
	}	
	
#adLibForm {
	font-size: 13px;
	line-height: 25px;
	margin: 0 0 20px 0;
	}
	
#adLibForm a {
	color: #000066;
	text-decoration: none;
	}
	
#adLibForm a:hover {text-decoration: underline;}



#subContactForm  {
	color: #444;
	font-size: 17px;
	line-height: 30px;
	margin: 0 0 20px 0;
	}
	
#subContactForm  a {
	color: #000066;
	text-decoration: none;
	}
	
#subContactForm  a:hover {text-decoration: underline;}
	
#main-contact-form {
		margin: 10px 0 0 0;}	
		
		
	
#main-contact-form fieldset {
	margin: 0 0 10px 0;
	}
	
#main-contact-form fieldset label {
	display: block; 
	margin: 0 0 0px 0;
	font-weight: bold;
	}	
	
#main-contact-form fieldset input, 
#main-contact-form fieldset textarea {
	width: 249px;
	padding: 5px;
	border: none;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #F7F7F7 url(../imgs/input_bg.gif) repeat-x top left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
#main-contact-form fieldset input:focus, 
#main-contact-form fieldset textarea:focus {	
	background: #FFC;
	}
	
#formComment {
		height: 100px;
		resize: none;}	
		



/* STYLES FOR THE CONTACT PAGE, CONTACT FORM -- USED HERE TO MAKE FORM WIDER */ 

#contact-page-form {
		margin: 10px 0 0 0;}	
		
		
	
#contact-page-form fieldset {
	margin: 0 0 10px 0;
	}
	
#contact-page-form fieldset label {
	display: block; 
	margin: 0 0 0px 0;
	font-weight: bold;
	}	
	
#contact-page-form fieldset input, 
#contact-page-form fieldset textarea {
	width: 449px;
	padding: 5px;
	border: none;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #F7F7F7 url(../imgs/input_bg.gif) repeat-x top left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
#contact-page-form fieldset input:focus, 
#contact-page-form fieldset textarea:focus {	
	background: #FFC;
	}

#contact-page-form #formComment {
		height: 150px;
		resize: none;}

	
	
.contactDepartment {
		margin: 0 0 20px 0;
		line-height: 20px;}
	
.contactDepartment a {color: #000066; text-decoration:none;}

.contactDepartment a:hover {text-decoration: underline;}
	
	

/* NOTEBOOK BLOG PAGE */

#notebook_blog {}

#notebook_blog h3 { font-size: 45px; margin: 20px 0;}

.notebook_post	{
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #969696;
	border-top: 1px solid #D4D4D4;
		}
		
.first { padding-top: -20px; border-top: none;}	
.last { padding-top: -20px; border-bottom: none;}	
.only {padding-top: -20px; border:none;}

.notebook_post p { 
font-size:14px;
color: #333;
line-height:23px;
font-weight: normal;
margin-bottom:23px;
}	

.notebook_post p img { float:left; padding: 0 8px 0px 0;}

.notebook_post p a { color:#000066; text-decoration:none;}

	
/* ABOUT PAGE */	
	
	
#about_wrap {}

#about_wrap h3 { font-size: 45px; margin: 20px 0;}	

.about_post	{
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #969696;
	border-top: 1px solid #D4D4D4;
		}
		
.about_post ul { font-size: 11px; color: #444; list-style-type:disc; margin: 0 0 0 20px;}

.about_post ul li { margin:5px;}
		
.first { padding-top: -20px; border-top: none;}	
.last { padding-top: -20px; border-bottom: none;}	

.about_post p { 
font-size:14px;
color: #444;
line-height:25px;
font-weight: normal;
margin-bottom:23px;
}	

.about_post p img { float:left; padding: 5px 8px 0px 0;}

.about_post a {color:#000066; text-decoration:none;}

.about_post a:hover {text-decoration: underline;}

.awards_post a { margin: 20px 0 0 0; display:block; color:#000066; text-decoration:none; text-align:right;}

.awards_post	{
	padding: 20px 0 10px 0;
	border-top: 1px solid #D4D4D4;
		}
		
.awards_post ul { font-size: 11px; color: #444; list-style-type:disc; margin: 0 0 0 20px;}

.awards_post ul li { margin:5px;}

.awards_post a:hover {text-decoration: underline;}

#contact_wrap { font-size:15px; color: #444; line-height:30px; padding: 0 0 0 30px;}

#contact_wrap h3 { font-size: 45px; margin: 20px 0;}


/* PORTFOLIOPAGE */
	
#portContentWrap {
	background:#C1C1C1;
	border-top: 1px solid #333;
	padding: 30px 23px; 
	width: 914px;
	}	
	
#port_inter_left {
	margin: 0;
	padding: 0 12px 0 0;
	width: 290px;
	float: left;
	border-right:  1px dotted #D4D4D4;
	}	
	
#port_inter_cent {
	margin: 0;
	padding: 0 15px 0 15px;
	width: 290px;
	float: left;
	border-left: 0px solid green;
	border-right: 0px solid green;
	}	
	
#port_inter_right {
	margin: 0;
	padding: 0 10px 0 15px;
	width: 265px;
	float: left;
	border-left: 1px dotted #D4D4D4;
	}
	
.marketplace {
		padding: 20px 0 0 0;
		border-top: 1px solid #969696;}	
		
.marketplace a { color:#000066; text-decoration:none;}
.marketplace a:hover { text-decoration: underline;}
	
#lowerContactWrapper {
	background:#C1C1C1;
	border-top: 1px solid #333;
	padding: 30px 23px; 
	width: 914px;
	}	
	
#contact_daivid {
	margin: 0;
	padding: 0 12px 0 0;
	width: 290px;
	float: left;
	border-right:  0px dotted #D4D4D4;
	}	
	
#contact_people {
	margin: 0;
	padding: 0 15px 0 15px;
	width: 268px;
	float: left;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	color: #444;
	}	
	
#contact_book {
	margin: 0;
	padding: 0 10px 0 15px;
	width: 277px;
	float: left;
	border-left: 0px dotted #D4D4D4;
	}			
	
#contact_book p {line-height:25px;}	
#contact_book p img { float:left; padding: 0 8px 0px 0;}

#contact_book p a { color:#000066; font-weight:bold;}


/* Links */
	
#links  {
		margin: 40px 0 0 0;
		font-size:11px;}	
	
#links a { 
	margin: 8px 0;
	padding: 0;
	color: #000066;
	font-style:italic;
	text-decoration:none;
	display:block;
}	
	
#links a:hover {
		color:#000066;
		text-decoration:underline;
		font-weight: bold;
		}	
		
#footer {margin: 10px auto; text-align:center; color: #CCC;}