/* Pixillion CSS */
/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body 
{
    font-family: Arial;
    font-size: 13px;
    color: #5f5f5f;
    line-height:16px;
    font-weight:normal;
    background: url(images/top-bg.gif) #fff repeat-x top left;
}

#content-right p
{
	margin-bottom:17px;
	color:#5f5f5f;
	margin-right:12px;
}

#content-right ul
{
	list-style-type:disc;
	list-style-position:inside;
	font-family:Arial;
	color:#5F5F5F;
}

#content-right ol
{
	list-style-type:decimal;
	list-style-position:inside;
	font-family:Arial;
	color:#5F5F5F;
}

.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix 
{
	display: inline-block;
}
 
html[xmlns] .clearfix 
{
	display: block;
}
 
* html .clearfix 
{
	height: 1%;
}

#page
{
	margin:auto;
	width:960px;
	color: #333;
}

#header
{
	margin:auto;
	margin-top:6x;
	width:960px;
	margin-bottom:10px;
}

#top-tab
{
	background:#1a90c6;
	width:20px;
	height:7px;
	float:right;
	position:relative;
}
#logo
{
	float:left;
	display:inline;

}
#logo a
{
	background:url(images/logo.gif) top left no-repeat;
	height:0 !important;
	padding-bottom:120px;
	text-indent:-9999px;
	display:block;
	width:230px;
	margin-top:8px;
}

#search
{
	float:right;
	display:inline;
	margin-top:51px;
	margin-right:-18px;
}

#ajaxSearch_input
{
	background:url(images/search-bg.gif) top left no-repeat;
	border:none;
	height:16px;
	width:178px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:5px;
	color:#5f5f5f;
	font-style: italic;
}

#ajaxSearch_submit
{
	background:url(images/search-btn.gif) top left no-repeat;
	width:50px;
	border:none;
	height:30px;
	padding-top:6px;
	text-indent:-9999px;
	position:relative;
	top:5px;
}

#navigation
{
	float:right;
	display:inline;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}

#navigation a
{
	color:#5f5f5f;
	font-size:17px;
	font-family:Arial;
	text-decoration:none;
}

#navigation a:hover
{
	color:#1a90c6;
	height:50px;
}

#navigation li
{
	height:25px;
	display:inline;
	list-style-type: none;
	padding-left: 10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:8px;
	border-left:1px solid #c7c7c7;
}

#navigation li.active a, #left-column li.active a
{
	color:#1a90c6;
}

div#carousel, div.carousel-item
{
	width:960px;
	height:300px;
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
}

div#carousel, div.carousel-item
{
	background:url(images/carousel-backing.gif) top left no-repeat;
}

div.carousel-image
{
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}

div.carousel-content
{
	float:right;
	display:inline;
	width:335px;
	margin-right:25px;
	margin-top:17px;
	text-align:left;
	margin-left:20px;
}

a#carousel-link
{
	color:#1a90c6;
	padding-left:25px;
	padding-top:2px;
	background:url(images/read-more-icon.png) top left no-repeat;
}

#carousel-nav
{
	position:relative;
	margin-top:-45px;
	margin-left:465px;
	z-index:15;
}

#carousel-nav a, #carousel-nav a.activeSlide
{
	float:left;
	display:block;
	height:13px;
	width:13px;
	margin-right:8px;
	text-indent:-9999px;
	background:#1a90c6;
}

#carousel-nav a.activeSlide
{
	background:#d3c084;
}

#content
{
	background:url(images/content-bg.gif) top left repeat-y;
	padding:10px;
	width:960px;
}

#content-right
{
	background:#fff;
	float:left;
	display;inline;
	width:630px;
	margin-left:10px;
	padding:18px;
	padding-right:0;
	border:1px solid #ededed;
}

#breadcrumbs
{
	margin-bottom:25px;
}

#left-column
{
	width:280px;
	float:left;
	display:inline;
	margin-top:1px;
}

#left-column ul
{
	background:#fff;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:10px;
}

#side-menu, #side-menu-projects
{
	background:#fff;
	padding:10px;
	padding-bottom:20px;
}

div.projects-all a
{
	background:url(images/all-projects-btn.gif) top left no-repeat;
	height:0;
	padding-bottom:65px;
	display:block;
	text-indent:-9999px;
	margin-top:10px;
}

#home-main
{
	background:#fff;
	width:545px;
	padding:20px;
	border:1px solid #ededed;
	float:left;
	display:inline;
	padding-bottom:16px;
	

}

#home-side
{
	float:left;
	width:342px;
	margin-left:10px;
	display:inline;
}

#home-contact
{
	background:#fff;
	padding:10px 15px;
	padding-bottom:2px;
	margin-left:1px;
	min-height:170px;
}

div.newsletter a
{
	display:block;
	height:0 !important;
	padding-bottom:160px;
	width:345px;
	text-indent:-9999px;
	background:url(images/call-to-action-newsletter.jpg) top left no-repeat;
	margin-bottom:10px;
}

div.opportunities a
{
	display:block;
	height:0 !important;
	padding-bottom:160px;
	width:345px;
	text-indent:-9999px;
	background:url(images/call-to-action-opportunity.jpg) top left no-repeat;
		margin-bottom:10px;
}


#content-right div.news-thumb img
{
	border:2px solid #DFDBDB;
	float:left;
	margin-bottom:20px;
	margin-right:0px;
}

div.news-thumb img
{
border:2px solid #DFDBDB;
}


div.news-article
{
	border-bottom:1px solid #e1e1e1;
	margin-bottom:18px;
	line-height:18px;
	padding-bottom:20px;
	margin-top:0px;
	float:left;
	display:inline;
}

div.news-article-last
{
	margin-bottom:20px;
	line-height:18px;
	float:left;
	display:inline;
}

div#content-right ul#projects li
{
	color:#686F74;
	float:left;
	font-family:"Helvetica Neue",sans-serif;
	height:145px;
	line-height:17px;
	margin-right:10px;
	overflow:hidden;
	text-align:center;
	width:147px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	background:none;
	margin-left:0px;
	padding-left:0px;

}

.project-info
{
	background:#000;
	height:125px;
	width:142px;
	margin:auto;
	position:relative;
	text-align:left;
	padding:8px;
	color:#fff;
	margin-left:2px;
	margin-right:2px;

}

.image-grid img 
{
	border:2px #dfdbdb solid;
}

#side-menu, #side-menu-projects
{
	padding:10px;
}

#side-menu li, #side-menu-projects li, #left-column li
{
	padding:10px;
	border-bottom:1px solid #e1e1e1;
}


#side-menu li a, #side-menu-projects li a, #left-column li a
{
	color:#5f5f5f;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
}

#side-menu li a:hover, #side-menu-projects li a:hover, #left-column a:hover
{
	color:#1a90c6;
	text-decoration:none;
}

a#read-more
{
	color:#1a90c6;
	padding-left:21px;
	padding-top:1px;
	background:url(images/read-more-icon.png) top left no-repeat;
}

#footer
{
	background:url(images/footer-bg.gif) top left no-repeat;
	height:45px;
	margin-bottom:10px;
	width:960px;
	clear:both;
	color:#fff;
	padding-top:20px;
	padding-left:26px;
	font-size:14px;
}

div.copywrite
{
	float:left;
	display:inline;
}

div.disclaimer
{
	float:left;
	display:inline;
	margin-left:20px;
}

.disclaimer li
{
	display:inline;
	margin-right:10px;
	padding-right:10px;
}

.disclaimer li.bordered
{
	border-right:1px solid #fff;
}

div.disclaimer a
{
	color:#fff;
}

div.disclaimer a:hover
{
	color:#fff;
	text-decoration:none;
}

div.site-by
{
	float:right;
	display:inline;
	margin-right:50px;
	margin-top:-8px;
}

div.site-by a
{
	background:url(images/pixillion-logo.png) 0px 0px no-repeat;
	height:0;
	display:block;
	padding-bottom:31px;
	width:120px;
	text-indent:-9999px;	
}

div.site-by a:hover
{
	background:url(images/pixillion-logo.png) 0px -31px no-repeat;
	height:0;
	display:block;
	padding-bottom:31px;
	width:120px;
	text-indent:-9999px;	
}

h1
{
	font-size:22px;
	color:#717171;
	font-weight:normal;
	margin-bottom:25px;
	margin-top:10px;
	line-height:28px;
}

h2
{
	font-size:18px;
	color:#717171;
	font-weight:normal;
	margin-bottom:17px;
	margin-top:27px;
	line-height:24px;
}

h3
{
	font-size:22px;
	color:#1a90c6;
	font-weight:normal;
	margin-bottom:20px;
	line-height:24px;
}

div.carousel-content p
{
	font-weight:normal;
	font-size:13px;
	margin-bottom:15px;
}

div.news-thumb
{
	float:left;
	display:inline;
	margin-right:10px;

}

.news-article p, .news-article-last p
{
	line-height:18px;
	float:right;
	display:inline;
	margin-bottom:10px;
	width:450px;
}

.news-article h2, .news-article-last h2
{
	margin-top:0;
	margin-bottom:8px;
}

#news-stream div.news-thumb
{
	width:156px;
	height:100px;
}

#news-stream .news-article h2, #news-stream  .news-article-last h2
{
	float:right;
	display:inline;
	margin-top:0;
	width:378px;
}

#news-stream  .news-article p, #news-stream .news-article-last p
{
	
	width:379px;
}

h4
{
	color:#8b8b8b;
	font-size:27px;
	clear:both;
	font-weight:normal;
	margin-top:34px;
	margin-bottom:40px;
}

h5
{
	font-size:18px;
	color:#717171;
	font-weight:normal;
	margin-bottom:17px;
	margin-top:-10px;
}

a
{
	color:#1a90c6;
}

a:hover
{
	text-decoration:none;
}

.newsletter-side a
{
	height:0!important;
	padding-bottom:152px;
	overflow:hidden;
	display:block;
	width:280px;
	background:url(images/newsletter-side.jpg) no-repeat 0 0;
	text-indent:-9999px;
	border:2px #dfdbdb solid;
	margin-left:-1px;
	margin-bottom:8px;
}

.newsletter-side a:hover
{
	background:url(images/newsletter-side.jpg) no-repeat 0 -153px;
	margin-bottom:8px;
}

/*.case-study-side a
{
	height:0!important;
	padding-bottom:152px;
	overflow:hidden;
	display:block;
	width:280px;
	background:url(images/case-study-side.jpg) no-repeat 0 0;
	text-indent:-9999px;
	border:2px #dfdbdb solid;
	margin-left:-1px;
}

.case-study-side a:hover
{
	background:url(images/case-study-side.jpg) no-repeat 0 -153px;
}*/

a.download-link
{
	background:url(images/download-case-study-btn.gif) top left no-repeat;
	display:inline-block;
	height:0 !important;
	width:250px;
	padding-bottom:37px;
	text-indent:-9999px;
	margin-bottom:20px;
}

.quote-box
{
	clear:both;
	background:#eeeeee url(images/quote-footer.gif) bottom left no-repeat;
	width:590px;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
}

p.quote
{
	color:#1a90c6;
	font-style:italic;
	font-size:16px;
	line-height:20px;
}

p.quote-info
{
	font-size:12px;
	font-weight:bold;
}

#content-right img.project-thumb
{
	float:none;
	margin-bottom:0px;
	margin-right:0px;
		border:2px #dfdbdb solid;
}
	

#home-contact {
line-height:20px;
}

.no-show
{
	display:none;
}

.show
{
	display:inline;
}

#content-right img
{
	float:left;
	margin-bottom:20px;
	margin-right:20px;
		border:2px #dfdbdb solid;
}

.project-info h2, .project-info p, #content-right .project-info p
{
	color:#fff !important;
	margin-bottom:8px;
	margin-top:5px;
}

#content-right .project-info p
{
	font-size:11px;
}

input
{
	border:1px solid #dfdbdb;
	padding:5px;
	margin-bottom:10px;
}

input.submit 
{
	margin-left:91px;
}

table
{
	width:410px;
}

td, .required
{
	color:#5f5f5f;
	font-family:Arial;
}

.hotimage span 
{
display:inline-block;
float:left;
height:153px;
overflow:hidden;
width:306px;
}

div#people-nav
{
	margin-bottom:20px;
}

h1.people {
margin-bottom:10px;
}

ul.whonav {
margin:0px 0px 30px 0px !important;
float:left;
width:100%;
}

ul.whonav li {
float:left;
background:none !important;
padding:0px 4px 0px 0px !important;
margin:0px !important;
}

ul.whonav li.last {
border-left:1px solid #717171;
padding:0px 0px 0px 4px !important;
}

ul.whonav li a {
font-size:14px;
}

ul.whonav li.active a {
color:#717171;
text-decoration:none;
}

div.people-thumb
{
	/*float:left;
	display:inline;*/
	margin-right:16px;
	margin-bottom:16px;
	height:232px;
	clear:left;
}

#content-right div.people-thumb img
{	
	/*float:none;*/
	margin:0;
	width:140px;
	height:auto;
}

div.people-info
{
	/*width:170px;
	background:#fff;
	height:30px;
	opacity:0.8;
	margin-top:-55px;*/
	width:440px;
	display:block;
	position:relative;	
	margin-left:20px;
	padding-left:10px;
	float:left;
}

div.people-info p {
	font-size:14px;
	line-height:18px;
	margin:12px 0px 20px 0px !important;
}

div.people-info h2, div.people-info h1 {
	font-size:16px;
	margin:0px;
	line-height:18px;
}

div.people-info h1 {
	font-weight:bold;
	margin-bottom:2px;
}

div.people-info a {
font-size:14px;
}

div#content-right ul
{
	list-style-position: none !important;
	list-style:none;
	margin-bottom:20px;
	margin-top:20px;
}

div#content-right ul li
{
	background:url(images/blue-square.gif) 0px 5px no-repeat;
	margin-bottom:5px;
	margin-left:10px;
	padding-left:15px;
}

div.resource {
border-bottom:1px solid #bcbcbc;
float:left;
width:610px;
margin-bottom:25px;
}

div.resource-info {
width:445px;
float:left;
margin-bottom:25px;
}

div.resource-info h1 {
font-size:18px;
line-height:24px;
margin:0px 0px 5px 0px;
}

div.resource-info p {
font-size:14px;
line-height:18px;
}

div.resource-info a {
font-size:14px;
background:url("images/downloadimg.jpg") no-repeat left bottom;
padding-left:23px;
}

div.resource img {
float:right;
margin:5px 0px 0px 10px !important;
}