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

/* ------------------------------- global styles ------------------------------- */

html
{
}

body
{
	background: #303030 url(/img/background.jpg) repeat-x;
	/* background: #222425 url(/img/background.jpg) repeat-x; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #555;
}

hr
{
	clear: both;
	color: #fff;
	border: 0px;
	margin: 0;
	padding: 0;
}

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

img.left
{
	float: left;
	margin-right: 10px;
}

img.companyVideo
{
	float: right;
	margin-left: 10px;
}

img.right
{
	float: right;
	margin-left: 10px;
}

img.leftBorder
{
	float: left;
	margin-right: 10px;
	border: solid 1px #555;
}

img.rightBorder
{
	float: right;
	margin-left: 10px;
	border: solid 1px #555;
}

table
{
	border: none;
	padding: none;
	margin: none;
}
	
td
{
	vertical-align: top;
}

td.left
{
	width: 20%;
}

td.right
{
	width: 80%;
}	

table.postTraining td
{
	height: 85px;
}

/* ------------------------------- page layout ------------------------------- */

#wrapper
{
	margin: 0 auto;
	width: 900px;
	position: relative;
}

#top
{
	position: relative;
	height: 150px;
}

#middle
{
	position: relative;
	height: 250px;
	width: 100%;
}

#middleLeft, #middleCenter, #middleRight
{
	position: absolute;
	top: 1px;
	height: 248px;
}

#middleLeft
{
	left: 0;
/*	width: 175px; */
	width: 200px;
	background: #d8d8d8;
	background-position: right;
	background-repeat: no-repeat;
}

#middleCenter
{
	left:200px;
/*	width: 450px; */
	width: 500px;
  	border-left: solid 1px #aaa; 
	overflow: hidden;
}

#middleRight
{
	left: 700px;
	width: 200px;
}


#middleRight
{
	color: #aaa;
}

#bottom
{
	position: relative;
	top: 1px;
	padding: 0 0 0 200px;
	float: left;
	background: url(/img/background-interior.gif) repeat-y;
	width: 700px;
}

#home #bottom
{
	background: url(/img/background-home.gif) repeat-y;
	color: #aaa;
}

#bottomLeft
{
	position: absolute;
	width: 180px;
	padding: 0 10px;
	min-height: 326px;
	left: 0;
	float: left;
}

#bottomCenter
{
	width: 469px;
	padding: 15px;
	float: left;
}

#bottomCenter ul.postTraining
{
	list-style: none;
}

#bottomCenter ul.postTraining img
{
	float: left;
	clear: left;
}

#bottomCenter #factsheetContainer, #bottomCenter #resourcesContainer
{
	display: block;
	clear: both;
	text-align: center;
}

#bottomCenter .factsheetRepeater
{
	display: block;
	width: 148px;
	float: left;
	margin: 10px 4px;
}

#bottomCenter .resourcesRepeater
{
	display: block;
	width: 107px;
	height: 150px;
	float: left;
	margin: 4px;
}

#bottomCenter #factsheetContainer p, #bottomCenter #resourcesContainer p
{
	font-size: 9px;
}

#bottomCenter #factsheetContainer a
{
	text-transform: uppercase;
	font-size: 10px;
	margin: 4px;
}

#bottomCenter #factsheetContainer p
{
	font-size: 10px;
	margin: 0 0 6px 0;
}

.interior #bottomCenter
{
	height: auto !important;
}



#bottomRight
{
	float: right;
	padding: 16px;
	width: 168px;
	color: #aaa;
}

#bottomRight.center
{
	margin: 12px auto;
	text-align: center;
}

#bottomRight a
{
	color: #aaa;
	margin-top: 0px;
}

#bottomRight h3
{
	font-size: 11px;
	color: #aaa;
}

#bottomRight p
{
	line-height: 22px;
}

#bottomRight ul
{
	list-style: none;
}

#bottomRight .emphasis
{
	color: #e7e090;
	font-style: normal;
}

#bottomRight .quote
{
	font-style: italic;
	line-height: 22px;
}

#bottomRight .attribution
{
	font-style: normal;
	line-height: 22px;
	display: block;
	text-align: right;
}

#footer
{
	margin: 0px 0 20px 200px;
	padding: 10px 0;
	width: 500px;
	border-top: solid 1px #555;
	clear: both;
	color: #aaa;
	font-size: 9px;
	position: relative;
}

#footer .links, #footer a
{
	line-height: 24px;
	color: #aaa;
}

#footer .copyright
{
	line-height: 24px;
	position: absolute;
	text-align: right;
	right: 0px;
}


/* ------------------------------- typography ------------------------------- */

a
{
	color: #8b0b7c;
}

a:hover

{
	text-decoration: underline;
}

a:visited
{
}

h1, h2, h3, h4
{
	color: #8b0b7c;
}

h2
{
	font-size: 13px;
	margin-top: 0;
	font-weight: normal;
}

h2.emphasis
{
	font-weight: bold;
}

.subtitle
{
	font-weight: normal;
	font-style: italic;
}

h4
{
	font-size: 11px;
	color: #555;
}

.emphasis
{
	font-style: italic;
}

#middleRight p
{
	bottom: 0;
	font-size: 14px;
	line-height: 19px;
	position: absolute;
	bottom: 0;
	padding: 16px;
	margin: 0;
	color: #aaa;
}

#middleRight .emphasis
{
	font-size: 17px;
	font-weight: bold;
	font-style: normal;
	color: #ddd;
}

#bottomLeft h4
{
	margin: 12px 0 0 0;
	color: #aaa;
}


#bottomCenter .emphasis
{
	font-weight: bold;
	font-style: normal;
}
	
#bottomCenter .reference
{
	font-style: normal;
	color: #000;
}

#bottomCenter .reference i
{
	font-style: italic;
}	

#bottomCenter .attribution
{
	font-style: normal;
	text-align: right;
	display: block;
	font-size: 10px;
}	

#bottomCenter .attribution .book
{
	font-style: italic;
	text-align: right;
}	

#bottomCenter .quote
{
	font-style: italic;
	line-height: 22px;
}
	
#bottomCenter .portfolioDetail
{
	margin: 10px 0;
	display: block;
	float: left;
}

#bottomCenter .portfolioDetail img
{
	border: solid 1px #999;
	float: left;
}

#bottomCenter .portfolioDetail p
{
	margin: 0 0 0 110px;
}

#bottomCenter.bios p
{
	margin-left: 120px;
}

/*
#bottomCenter.bios img
{
	clear: left;
}

*/


.bios p
{
	margin: 0 0 9px 0;
	padding: 0;
}

#bottomCenter .bioName
{
	font-weight: bold;
	display: block;
}

#bottomCenter .bioTitle
{
	font-weight: bold;
	font-style: italic;
}
	
.magazine
{
	font-style: italic;
}

/* sidebar */

#bottomRigbt h3
{
	text-transform: uppercase;
	font-size: 11px;
}


#bottomRight h4
{
	color:#aaa;
}


/* ------------------------------- list definitions ------------------------------- */

ul
{
	list-style: square;
	padding-left: 15px;
	margin-left: 0;
}

ul.webResources
{
	list-style: none;
	margin-left: 120px;
}
	
ul.partners
{
	list-style: none;
	margin-left: 0;
}
	
ul.purpleBullet
{
	list-style-image: url(/img/bullet-purple.gif);
}

ul.purpleBullet li
{
	padding: 0 0 12px 0;
}

ul.portfolio
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#bottomRight ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}


li
{
	padding: 6px 0;
}

dl.newsletters
{
	margin-left: 130px;
}

#newsletterOptin
{
	clear:both;
	padding-top: 6px;
}

dt, dt a
{
	font-weight: bold;
	text-decoration: none;
	margin-top: 1em;
}

dd, dd a
{
	padding: 0;
	margin: 0;
	text-indent: 0;
}

#bottomRight dt, #bottomRight dd
{
 	font-size: 10px;
}

ul.portfolio
{
	list-style: none;
}

/* ------------------------------- Page-specific styles ------------------------------- */

#home #bottomCenter
{
	color: #aaa;
}

#home #bottomCenter .emphasis

{
	color:#d2d2d2;
}

#home #bottomCenter h2
{
 	font-weight: bold;
}
	

#home #bottomCenter h2, #home #bottomRight h3, #home #bottomCenter a
{
	color: #ddd;
}

#home #bottomCenter ul li a
{
	font-weight: bold;
	color: #ddd;
	text-decoration: none;
}

#portfolioDetail #portfolioLarge
{
	position: relative;
	top: 1px;
}

#resources a
{
	color: #555;
}


#regForm td
{
	vertical-align: middle;
}


#regForm input
{
	width: 300px;
}

#regForm input.button
{
	width: 120px;
}

#services #bottomRight h3
{
	margin-bottom: 0;
}

#services #bottomRight ul li
{
	padding-bottom: 0;
}

#services .factsheet {
	display:block;
	float:left;
	margin:0 0 12px;
	position:relative;
	text-align:center;
	width:50%;
}
	
#services .factsheet img
{
	margin: 0 0 12px 0;
}

#bottomCenter #factsheetContainer a.emailLink
{
	margin-left:18px;
	display:none;
}
	
#services #bottomCenter #lightBulb
{
	margin: 18px 10px 6px 0;
}

#services .citationRight
{
	font-size: 8px;
}

#events #bottomLeft li
{
	list-style:none;
	color: #aaa;
	background:none;
}
	

#videoLink
{
	float:right;
}

#videoLink ul
{
	margin: 0;
}
	
#videoLink li
{
	list-style-type: none;
	margin-left: -6px;
}
			
.quoteMark
{
	clear:both;
}


/* ------------------------------- client landing/ftp pages ------------------------------- */

#client #middle
{
	right: 0;
}

#client #middleRight
{
}
	
#client #middleLeft
{
	background-image: url(/img/middle_left_partners.jpg);
}

#client #content
{
	width: 468px;
	padding: 16px;
	background: #fff;
}
	
	
/* ------------------------------- blog ------------------------------- */

#blog
{
	color: #d2d2d2;
}

#blog h2
{
	font-size: 14px;
	color: #d2d2d2;
	font-weight: bold;
}
	
#blog a {
	color:#d2d2d2;
	text-decoration:underline;
}

#blog div#content
{
	margin:0 0 0 200px;
	padding:0 5px 0 10px;
	width:485px;
}
	 
#blog div#access, #blog div.skip-link, #blog div#header #blog-title, #blog div#header #blog-description
{
	display: none;
}

div#wrapper.hfeed #divMiddleCenter
{
	background-image: url(/img/segment_banners/Blog.jpg);
}

div#menu
{
	float: left;
	margin-top: 275px;
}
	
div#menu ul li, div.gallery dl, div.navigation div.nav-previous
{
	float: none;
}

#blog div#secondary {
	float:left;
	clear:left;
	left: 700px! important;
	margin-left:0px;
	padding:16px;
	position:absolute;
	width:178px;
}

#blog .sidebar
{
	font-size: 11px;
	font-weight: normal;
}

#blog .sidebar a
{
	text-decoration: none;
}

#blog .sidebar a:hover
{
	text-decoration: underline;
}
	
#blog .sidebar h3 
{
	font-size:12px;
	color: #aaa;
}

#blog .sidebar h3
{
	margin:0 0 6px 0;
}

#blog .sidebar div, #blog .sidebar h4, #blog .sidebar ul, #blog .sidebar li 
{
	margin:0 0 6px 0;
	padding:0;
}

#blog .sidebar ul li ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
	border: none;
	padding-bottom: 0;
	padding-top: 0px;
}

#blog .sidebar ul 
{
	margin: 0 0 12px 0;
}

#blog .sidebar li#recent-posts ul li
{
	margin-bottom: 6px;
}

#blog ul.children
{
	margin-left: 14px;
}	
	
#blog .sidebar ul li {
	list-style-type: none;
	margin: 0 0 3px 0;
	border-bottom: solid 1px #aaa;
	padding-top: 6px;
}
	

/* ------------------------------- background images ------------------------------- */


#home #middleLeft, #blog  #middleLeft
{
	background-image: url(/img/middle_left_resources.jpg);
}

#services #middleLeft
{
	background-image: url(/img/middle_left_skills.jpg);
}

#portfolio #middleLeft
{
	background-image: url(/img/middle_left_tools.jpg);
}

#resources #middleLeft
{
	background-image: url(/img/middle_left_resources.jpg);
}

#company #middleLeft
{
	background-image: url(/img/middle_left_partners.jpg);
}

#events #middleLeft
{
	background-image: url(/img/middle_left_resources.jpg);
}

#blog #middleLeft
{portfolioDetail
	background-image: url(/img/middle_left_resources.jpg);
}


#services #middleCenter
{
	background-image: url(/img/segment_banners/Auditorium_Woman_Grey.jpg);
}

#portfolio #middleCenter
{
	background-image: url(/img/segment_banners/portfolio.jpg);
}

#services.design #middleCenter
{
	background-image: url(/img/segment_banners/design.jpg);
}

#resources #middleCenter
{
	background-image: url(/img/segment_banners/MeetingRoom_Man_Plaid.jpg);
}

#company #middleCenter, #client #middleCenter
{
	background-image: url(/img/segment_banners/Glass_Man_Grey.jpg);
}

#events #middleCenter
{
	background-image: url(/img/segment_banners/registration_page.jpg);
}

#blog div#middleCenter
{
	background-image: url(/img/segment_banners/Blog.jpg);
}