/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/

div#printLogo{display:block;}


.globalNavShell{
	display:none;
}
/*~~~~~~~~~~~~~~~~~ end header ~~~~~~~~~~~~~~~~~*/
.indexPageTitle{
	width:960px;
	/*margin:0 auto;*/
	margin:0 0 36px 0;
	padding:52px 0 0 0;
	position: relative;
}
.levelTwoPageTitle{
	width:960px;
	/*margin:0 auto;*/
	margin:0 0 36px 0;
	padding:74px 0 0 0;
	position: relative;
	/*min-height:66px;*/}

.logoHomeLink{display:none;}
h1.h1-index, h2.pageTitle{
	text-align:left;
	font: normal 36px/44px Arial, Helvetica, sans-serif ;
	color:#0099FF;
	margin: 0  ;
}
h2.pageTitle a{
	font: normal 36px/44px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ccc;
}

.contentContainer{
	width:960px;
	text-align:left;
	margin:0 auto;
	
}


/*~~~~~~~~~~~~~~~~~ Subnav~~~~~~~~~~~~~~~~~*/
.portfolioNav{
	font: italic bold 14px/22px Georgia, "Times New Roman", Times, serif;
	width: 960px;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 31px;
	padding-left: 10px;
	margin-top:44px;
}
.ie .portfolioNav{overflow: hidden;}

.indexContent p a, .indexContent ul li a, .indexContent ol li a{
	color:#0099FF;
	text-decoration:none;
	padding:  0 0 1px 0;
	background:url('../images/ui/underline-blue.gif') repeat-x 0 bottom;
	font: 14px/22px Arial, Helvetica, sans-serif;
}

.portfolioNav li{
	color:#000 !important;
	display: inline !important;
	margin: 0px !important;
	padding: 0px !important;
}
.portfolioNav li span{
	color: #ccc !important;
	display: inline-block !important;
	padding: 5px 0px 9px 0px !important;
	
}
.portfolioNav li a{
	color:#000 !important;
	text-decoration:none !important;
	text-transform:lowercase !important;
	font: italic bold 14px/22px Georgia, "Times New Roman", Times, serif !important;
	white-space: nowrap !important;
	display: inline-block !important;
	padding: 5px 7px 9px 3px !important;
	background:none !important;
}
.portfolioNav li a.active{
	color: #09F !important;
}


/*~~~~~~~~~~~~~~~~~ portfolio Paging ~~~~~~~~~~~~~~~~~*/

.indexContent  .bigMainColumn .portfolioNav li{
	background:none;
	text-indent:0;
}
.indexContent .bigMainColumn .portfolioNav li.dots{position:relative;right:5px;}
.indexContent .bigMainColumn .portfolioNav li span{
	color: #09F;  padding: 5px 1px 9px 2px;
}
.indexContent .bigMainColumn .portfolioNav li a{
	padding: 5px 7px 9px 3px;
}
.indexContent .bigMainColumn .portfolioNav li a:hover, .indexContent  .bigMainColumn .portfolioNav li a.active{
	color: #09F;
}
/*~~~~~~~~~~~~~~~~~ portfolio Items ~~~~~~~~~~~~~~~~~*/

.portfolioDetail{
	padding: 0 0 12px 10px;
	
}
.portfolioDetail span.viewlesstip
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	background:url(../images/ui/button-ViewLessToolTip.gif) no-repeat 0px 0px;
	display:none;
	text-indent:-9999px;
	width:99px;
	height:25px;
}
.portfolioDetail a.pItem{
	background:#EFEFEF;
	display:block;
	width:930px;
	height:320px;
	border:5px solid #EFEFEF;
	float:left;
	margin: 0 20px 22px 0;
	position:relative;
	text-decoration:none;
	overflow:hidden;
}

.portfolioDetail a.pItem .inner{
	width:930px;
	/*height:319px;
	overflow:hidden;*/
	display:block;
}
.portfolioDetail a.pItem img{
	border:1px solid #DFDFDF;
	display:block;
	cursor:hand;
}
.portfolioDetail a.pItem .moreImageButton, .portfolioDetail a.pItem .lessImageButton{
	background:url(../images/ui/button-ViewMoreOrLess.gif) no-repeat 0px 0px;
	height:25px;
	position:absolute;
	bottom:0px;
	left:1px;
	right:1px;
	border-bottom: 1px solid #dfdfdf;
	text-indent: -9999px;
	cursor:hand;
}
.portfolioDetail a.pItem:hover .moreImageButton{
	background-position: 0px -25px;
}
.portfolioDetail a.pItem .lessImageButton{
	background-position: 0px -50px;
}
.portfolioDetail a.pItem:hover .lessImageButton{
	background-position: 0px -75px;
}
.portfolioDetail a.pItem:active img{
	cursor:hand;
	cursor:pointer;
	}

.portfolio{
	padding: 0 0 12px 10px;
	
}
.indexPortfolio{
	display:block;
	/*height:330px;*/
	padding-left: 10px;
}

.indexPortfolio .pItem{
	background:#CCC;
	display:block;
	width:290px;
	height:144px;
	border:5px solid #EFEFEF;
	float:left;
	margin: 0 20px 22px 0;
	position:relative;
	text-decoration:none;
}
.indexPortfolio .everyThirdPItem{
	
	margin-right: 0;
}
.indexPortfolio .pItem .inner{
	width:290px;
	height:143px;
	overflow:hidden;
	display:block;
}
.indexPortfolio .pItem img{
	border:1px solid #DFDFDF;
}
.indexPortfolio .pItem .title{
	margin:20px 0 0 0;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
}
.indexPortfolio .pItem .link{
	margin:10px 0 0 0;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	padding: 0 0 2px 0;
	background:url('../images/ui/underline-white.gif') repeat-x 0 bottom;	
}
.indexPortfolio .pItem .title, .indexPortfolio .pItem .link{
	display:none;
}
.indexPortfolio .pItem:hover {
	cursor:pointer;
	z-index:999;	
}

.indexPortfolio .pItem:hover .inner{
	position:absolute;
	width:290px;
	height:190px;
	background:#0099FF;
	z-index:999;
	top:-30px;
	left:-30px;
	padding:30px 30px 79px 30px;
	overflow:hidden;
	min-height:1px;
}
.indexPortfolio .pItem:hover img{
	border:1px solid #0099FF;
	
}
.indexPortfolio .pItem:hover .title{
	display:block;
}
.indexPortfolio .pItem:hover .link{
	display:inline-block;	
}
/*~~~~~~~~~~~~~~~~~ related Projects~~~~~~~~~~~~~~~~~*/
.relatedProjects{
	clear: both;
	margin: 0 10px;
	padding: 0 0 44px 0;
	
}
.relatedProjects a{
	margin:5px 0px 0 8px;
	height: 70px;
	width: 138px;
	display: block;
	float: left;
	overflow: hidden;
	border:solid 5px #EFEFEF;
}
	
.relatedProjects a.firstItem{
	margin-left:0;	
	
}

/*~~~~~~~~~~~~~~~~~~~~~~~ people Styles Start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.indexContent .peopleVideoContainer {
	width: 294px;
	margin-left: 10px;
	height: 220px;
	float: left;
	margin-bottom: 44px;
	position: relative;
	margin-right: 16px;
}
.indexContent .peopleDetails {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 124px;
}
.peopleDetails h2{
	margin:0;
	padding-top: 24px;
	font-size: 20px;
}
.indexContent .peopleDetails p {
	margin: 0px;
}
.indexContent .peopleDetails p a {

	font-size:12px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~ contact Styles Start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.indexContent .oneThird3Columns {
	width: 294px;
	float: left;
	position: relative;
	margin: 0px 16px 0 10px;}
	
.indexContent .oneThird3Columns .address{
	font-style: italic;
	color: #0099FF;
}
.mapContainer{
	height:550px;
	position:relative;
	/*background:#F4FBFF url(../images/temporaryMapImage.gif) repeat 0px 0px;*/
	margin:38px 0 0 0;
}
.mapContentContainer{
	position:absolute;
	top:0; right:0;bottom:0;left:0;
	
}
/*~~~~~~~~~~~~~~~~~~~~~~~ Right Column Nav Styles Start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.indexContent .rightNavColumn{width:280px;margin:22px 0 0 0;float:left;
}
.rightNavColumn fieldset {position:relative;}
.rightNavColumn fieldset label{color:#999;}
.rightNavColumn fieldset input {
	width:228px;
	height:14px;
	display:block;
	border:solid 1px #ccc;
	color: #999;
	padding: 8px 40px 8px 10px;
	
}
.rightNavColumn fieldset a {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:1px;
	top:1px;
	background: url(../images/ui/button-Search.gif) no-repeat 0px 0px;
	text-indent: -99999px;
}
.indexContent .rightNavColumn .tags{
	margin-top: 39px;
}

.ie .indexContent .rightNavColumn .tags{margin-top: 37px;}
.indexContent .rightNavColumn .tags a{
	font: italic bold 14px/22px Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-decoration: none;
	display: block;
	margin-bottom: 11px;
}
.indexContent .rightNavColumn .tags a:hover, .indexContent .rightNavColumn .tags a.active{color:#09F;}
.indexContent .rightNavColumn  .socialIcons {margin:21px 0 0 0;}

.indexContent .rightNavColumn  .socialIcons a{width:22px;height:22px;display:block;text-indent:-99999px;}
.indexContent .rightNavColumn  .socialIcons a.rss{
	background: url(../images/ui/button-rss.gif) no-repeat 0px 0px;
}
.indexContent .rightNavColumn  .socialIcons a.twitter{
	background: url(../images/ui/button-twitter.gif) no-repeat 0px 0px;
}
.indexContent .rightNavColumn  .socialIcons a.facebook{
	background: url(../images/ui/button-facebook.gif) no-repeat 0px 0px;
}
.indexContent .rightNavColumn  .socialIcons a:hover{
	background-position: 0px -22px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~ Page Styles Start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.topBanner{
	margin:58px 10px 22px;
	background:#EFEFEF;
	padding:5px;
	}
.ie6 .topBanner{margin:58px 10px 23px 10px;}	
.safari .topBanner{margin:58px 10px 20px 10px;}
.topBanner img{ border:solid 1px #DFDFDF;}

.topBannerNoBorder{
	margin:58px 10px 22px;
	background:#fff;
	padding:0px;
	}
.ie6 .topBannerNoBorder{margin:58px 10px 23px 10px;}	
.safari .topBannerNoBorder{margin:58px 10px 20px 10px;}


.indexContent .colLeft, .indexContent .colRight{
	float:left;
	width:440px;
	margin:0;
	padding: 0;
}
.ie6 .indexContent .colRight{
	width:430px;
	margin:0;
	padding: 0;
}
.indexContent .portfolioDetailInfo{
	padding: 27px 0 0 0 ;
}
.safari .indexContent .portfolioDetailInfo{
	padding: 30px 0 0 0 ;
}
.indexContent .colLeft{
	margin:0 60px 0 10px;
}
.indexContent .bigMainColumn{
	width:540px;
	margin: 0 120px 0 10px;
	padding:  2px 0 0 0;
	float:left;
	overflow: hidden;
	}
.indexContent .blogdetail img
{
    border: 5px solid #EFEFEF;
	padding: 1px;
	background: #DFDFDF;
	vertical-align: text-top;
	margin: 0 0 0 0;
	width:528px;
	height:auto;
}
.indexContent .blogdetail {}

.indexContent .blogdetail h2{
	margin: 44px 0 22px 0;

}
	
img.blogThumb 	{
	float: right;
	border: 5px solid #EFEFEF;
	padding: 1px;
	background: #DFDFDF;
	vertical-align: text-top;
	margin-top: 4px;
	margin-bottom: 22px;
	margin-left: 20px;
	width:208px;
	height:auto;
}
img.blogImage 	{
	border: 5px solid #EFEFEF;
	padding: 1px;
	background: #DFDFDF;
	vertical-align: text-top;
	margin: 0 0 0 0 ;
	width:528px;
	height:auto;
}
.openingText{
	color: #09F;
	font-size: 18px;
	line-height: 22px !important;
	margin:-44px 0 54px 0;
}
.moz .openingText{line-height: 20px; margin:-44px 0 55px 0;}
.safari .openingText{line-height: 20px; margin:-44px 0 55px 0;}

.safari .indexContent .bigMainColumn { margin-top:-2px;}
.ie6 .indexContent .bigMainColumn { margin-left:5px;}	
.indexContent .date{
	color:#999999;
	font: italic 12px/22px Georgia, "Times New Roman", Times, serif;
}
.indexContent p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#454545;
	line-height:22px;
	margin: 0 0 22px 0;
}
.indexContent p.title{
	margin: 2px 0 22px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.indexContent .bigMainColumn p span.date{
	position:relative;
	top:-21px;
	line-height:22px;
	font-style: italic;
	color: #999;
}
.indexContent .blogDetail p span.date{
	top:-25px;
}
.indexContent .bigMainColumn p span.date a{
	color:#999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
	background-image:none;
	}

.indexContent .bigMainColumn p span.caption{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0099FF;
	margin-top: -22px;
}
.ie .indexContent p a{
	font: 14px/22px Arial, Helvetica, sans-serif;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Quote styles START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Quote styles ALT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#FFF;
	background: #0099FF;
	line-height:22px;
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0 0 0 0;
	
	/*text-indent: 0px;*/
	
}
blockquote img{ display:none;}
cite {
	color:#454545;
	clear: both;
	font: normal 14px/22px Arial, Helvetica, sans-serif;
	display: block;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Quote styles END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1.inPage{
	margin:-4px 0 14px 10px;
	}
.safari h1.inPage, .ie8 h1.inPage{
	margin:-4px 0 12px 10px;
	}
	
.indexContent ul{
	/*margin-top: 44px;*/
	margin-bottom: 44px;
}
.indexContent li{
	list-style: none;
	background: url(../images/ui/listBullet.gif) no-repeat 0px 8px;
	text-indent: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 22px;
	color: #454545;
}
.ie .indexContent li{
	background: url(../images/ui/listBullet.gif) no-repeat 0px 9px;
}
.indexContent li a{}
/*~~~~~~~~~~~~~~~~~~~~~~~ Blogg Comments Styles Start~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.indexContent .commentContainer{
	width:540px;
	float:left;
	clear: both;
	margin: 0 120px 0 10px;
	padding: 0px;
	
	}
	
.indexContent .commentContainer h2{
	color:#000;
	margin-bottom: 20px;
}
.indexContent .commentContainer .comment{
	margin-top: 10px;
	background: #FFFFFF;
	padding: 16px 20px 0px;
	position: relative;
}
.indexContent .commentContainer .comment p{
	color: #454545;
	margin: 0px;
	padding: 0px 0px 22px;
	font: 14px/22px Arial, Helvetica, sans-serif;
}
.indexContent .commentContainer .comment span.reply{text-align: justify;
	font-size: 12px;
	position: absolute;
	right: 20px;}
.indexContent .commentContainer div.reply{margin-bottom: 1px;
	background: #E1F3FF;
	padding: 16px 20px 0px;
	position: relative;
	
}
.indexContent .commentContainer div.reply img#point{display:none;}
.indexContent .commentContainer .reply p{color: #454545;
	margin: 0px;
	padding: 0px 0px 22px;
	font: 14px/22px Arial, Helvetica, sans-serif;}
.indexContent .commentContainer div.firstReply{margin-top:1px ;}
.indexContent .commentContainer div.firstReply img#point{
	display:block !important;
	position:absolute;
	top: -21px;
	right: 70px;
}
.indexContent .commentContainer .authorReply p, .indexContent .commentContainer .authorReply p span.commentor{color:#0099FF;}
.indexContent .commentContainer span.commentor{
	font: italic 12px Georgia, "Times New Roman", Times, serif;color:#666;
}
	
.indexContent .commentFormContainer{
	width:540px;
	margin: 0 120px 0 10px;
	padding:  0px 0 0 0;
	float:left;
	}
div#replyform
{
    margin-left:0px;
    margin-bottom:20px;
}
.blueFullWidth{background:#F4FBFF;padding:0 0 30px 0;}	
.commentFormContainer h2{}
.commentFormContainer textarea, .commentFormContainer input{
background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font: 14px Arial, Helvetica, sans-serif;
	color: #999999;
	padding:8px 10px 8px 10px;
	margin:0 0 22px 0;}
.commentFormContainer textarea.comment{
	height: 92px;
	width: 518px;
}
.ie .commentFormContainer textarea.comment{margin-left:-10px;}	
.commentFormContainer input.commentorName{width:238px;height:14px;float:left;margin-right:20px}
.commentFormContainer input.commentorEmail{width:238px;height:14px;float:left;}
.commentFormContainer a.buttonSend{	background:url(../images/ui/buttonCommentForm.gif) no-repeat 0px 0px;
	width:73px;	height:32px;display:block;	text-indent:-9999px;float:right;}

.commentFormContainer div.success
{
    float:left;
}
.commentFormContainer p.error, .commentFormContainer div.success p, .commentFormContainer p.blog-reply-wait
{
    color:#C00;
    font:bold 14px Arial, Helvetica, sans-serif;
}
.commentFormContainer div.success p
{
    color:#6C0;
    float:left;
    margin-top:0px;
}
.commentFormContainer p.blog-reply-wait
{
    color:#6C0;
    float:left;
    margin-top:6px;
    display:none;
}
.commentFormContainer div.success img
{
    float:left;
    margin-right:5px;
}
.commentFormContainer a.blog-reply-cancel
{
    color:#0099FF;
	text-decoration:none;
	padding:  0 0 1px 0;
	background:url('../images/ui/underline-blue.gif') repeat-x 0 bottom;
	font: 14px/22px Arial, Helvetica, sans-serif;
	float:right;
	margin:2px 15px 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~ Page Styles End~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Start Client Band ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.clientBand{display:none;}

div.clientList{display:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Client Band ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Start Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footerShell{display:none;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/