/* .......................................................
//////////////////////////////////////////////////////////

BLAUSEN MEDIA
build date: may 2008
designer: andrew krzynowek

//////////////////////////////////////////////////////////
.......................................................... */

	body{
			text-align:center;
			font-family:"Lucida Sans","Trebuchet MS",Arial, Helvetica, sans-serif;
			color:#fff;
			background-color:#170a7a;}

	a{color:#fff;}
	a:hover{color:#a2e1ff;}

	h2{
			text-transform:capitalize;}

	#breadcrumb, .breadCrumb{
			text-transform:capitalize;
			color:#787dff;
			font-size:10pt;}

	h3{
			font-family:Arial, Helvetica, sans-serif;}

	.blue{color:#c6dbff;}
	#blueTitle{color:#c6dbff;}
	.selected{
			font-weight:bold;
			color:#fff;}

	hr {
			border: 0;
			color: #001b91;
			background-color: #001b91;
			height: 1px;
			clear:both;
			width: 100%;}

/*.......................................................
/////////////////////////////////////////////////////////
HEADER
/////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.......................................................	*/	

	#headerWrapper{
			width:100%;
			height:75px;
			background-image:url(../img/headerbg.jpg);}

	#header{
			margin:0px auto;
			text-align:left;
			width:1000px;}

	#header #logo{
			width:220px;
			height:75px;
			float:left;
			margin-left:20px;}

	#header	#logo a{
			display:block;
			widows:220px;
			height:75px;
			background-image:url(../img/logo.jpg);
			background-repeat:no-repeat;
			text-indent:-800000px;}

	#header #mainnav{
			width:420px;
			height:75px;
			margin-right:0px;
			float:right;}

	#header #mainnav ul{}

	#header #mainnav li{
			display:block;
			float:left;
			height:75px;}

	#header #mainnav a{
			display:block;
			text-indent:-100000px;
			float:left;
			height:75px;
			background-image:url(../img/mainnav/bg.jpg);
			background-repeat:no-repeat;}

	#nav_portfolio a{width:106px; background-position:0 0;}
	#nav_portfolio a:hover{background-position:0 -75px;}

	#nav_blog a{width:79px; background-position:-106px 0;}
	#nav_blog a:hover{background-position:-106px -75px;}

	#nav_company a{width:105px; background-position:-185px 0;}
	#nav_company a:hover{background-position:-185px -75px;}

	#nav_contact a{width:130px; background-position:-290px 0;}
	#nav_contact a:hover{background-position:-290px -75px;}

/*.......................................................
/////////////////////////////////////////////////////////
PORTFOLIO TOP SUBNAV
/////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.......................................................	*/

	#subnav{
		margin:0 auto;
		width:960px;
		height:36px;
		position:relative;
		background-image:url(../img/subnav/bg.jpg);
		z-index:100;}

	#subnav #mainLinks{
			float:left;
			margin-left:150px;}

	#subnav #mainLinks li{
		display:block;
		float:left;}

	#subnav #mainLinks a{
			display:block;
			text-decoration:none;
			font-size:10pt;
			margin-top:1px;
			padding:11px 5px 9px 4px;
			border-right:dotted 1px #a07f4e;
			color:#614924;
			line-height:1;}

	#subnav #mainLinks a:hover{
			background-image:url(../img/subnav/subnavRollOver.jpg);
			background-repeat:repeat-x;
			color:#ae4600;}

	#browseby{
			position:absolute;
			top:0;
			left:0;}

	#browseby li, #browseby li a{
			display:block;
			width:145px;
			height:36px;}			

	#browseby a{
			text-indent:-10000px;
			background-image:url(../img/portfolio/subnav.jpg);}

	#bbIndustry a{background-position:0 0;}
	#bbIndustry a:hover{background-position:-145px 0;}

	#bbDiscipline a{background-position:0 -36px;}
	#bbDiscipline a:hover{background-position:-145px -36px;}

	#bbIndustryDrop a{background-position:0 -72px;}
	#bbIndustryDrop a:hover{background-position:-145px -72px;}

	#bbDisciplineDrop a{background-position:0 -107px;}
	#bbDisciplineDrop a:hover{background-position:-145px -107px;}

/*.......................................................
/////////////////////////////////////////////////////////
BANNER
/////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.......................................................	*/	

	#bannerWrapper{
			width:100%;
			height:284px;}

	#banner{
			width:1000px;
			height:284px;
			margin:0 auto;
			background-image:url(../img/home/banner.jpg);
			background-repeat:no-repeat;}

/*.......................................................
/////////////////////////////////////////////////////////
MAIN CONTENT
/////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.......................................................	*/		

	#contentWrapper{
			width:100%;}

	#content{
			width:1000px;
			text-align:left;
			margin:0 auto;
			background-repeat:no-repeat;}

	#home{
			background-color:#050054;}	

	#home #contentWrapper{
			background-position:center;
			background-repeat:repeat-y;
			background-image:url(../img/home/contentbgWrapper.jpg);}

	#home #content{
			width:1000px;
			text-align:left;
			margin:0 auto;
			background-image:url(../img/home/contentbg.jpg);
			background-repeat:no-repeat;
			padding-top:25px;
			padding-bottom:25px;}

	#newWork{
			width:660px;
			float:left;
			margin-left:20px;}

	#aboutUs{
			width:280px;
			float:left;
			margin-left:20px;}

	#content h2{
			letter-spacing:-3px;
			line-height:1.1;
			padding-bottom:0px;			
			color:#fff;}
			
	#home #content h2{			
			font-size:20pt;
			margin-bottom:20px;
			border-bottom:solid 1px #008fe1;}		
	
	#home #content p{
			font-size:9pt;
			color:#a3c3ff;
			padding-bottom:20px;}
		
	.workHome{
			float:left;}
	
	.workHome a{
			text-decoration:none;
			line-height:2;
			padding-bottom:5px;
			color:#a3c3ff;
			font-size:10pt;
			letter-spacing:-1px;}
			
	.workHome a:hover{	
			color:#fff;}
	
	#content .workHome p{
			font-size:8pt;
			line-height:1;
			color:#a3c3ff;
			padding:15px 0px 15px 0px;
			width:214px;}
			
	.workHome img.portimg{
			border:solid 2px #fff;}
			
	.workHome ul{}
			
	.workHome ul li{
			display:block;
			height:20px;
			border-bottom:solid 1px #2268b6;}
	.workHome ul li a{
			background-image:url(../img/home/plus.gif);
			background-repeat:no-repeat;
			background-position: 3px 5px;
			display:block;
			height:20px;
			text-indent:20px;
			line-height:1.4;
			font-size:10pt;}
			
	/* 	portfolio
	------------------------------------------------------------------*/
	#portfolio #contentWrapper{
			background-repeat:repeat-x;
			background-image:url(../img/portfolio/contentBgWrapper.jpg);
			background-color:#080491;}
			
	#portfolio #content{
			background-image:url(../img/portfolio/contentbg.jpg);
			padding-top:0px;
			min-height:450px;
			padding-bottom:50px;}
			
	#portfolioHolder{
			width:960px;
			position:relative;
			padding-top:50px;
			margin-left:20px;}
			
	#pagination{
			position:absolute;
			top:62px;
			right:0;
			color:#b1d0ff;
			letter-spacing:-1.5px;}
	#pagination a{
			color:#b1d0ff;}
	#pagination a:hover{
			color:#fff;}
			
	#portfolio #content h2{
			font-size:25pt;
			margin-bottom:5px;
			border-bottom: solid 1px #2774d3;}
			
	.workPort{
			float:left;
			padding-bottom:5px;}
	
	.workPort a{			
			text-decoration:none;
			padding-bottom:5px;
			line-height:2;
			color:#a3c3ff;
			font-size:10pt;
			letter-spacing:-1px;}
			
	.workPort a:hover{
			color:#fff;}
	
	#content .workPort p{
			font-size:8pt;
			line-height:1;
			color:#a3c3ff;
			padding:15px 0px 15px 0px;
			width:214px;}
			
	.workPort img.portimg{
			border:solid 1px #fff;}
	
			
	/* 	inside portfolio pages
	------------------------------------------------------------------*/
	
	#portfolio #client{
			width:660px;
			margin-top:30px;
			float:left;}
	
	#portfolio #clientNav{
			width:280px;
			margin-top:30px;
			float:left;
			margin-left:20px;}
			
	#clientNav .navElement{
			display:block;
			cursor:pointer;
			min-height:41px;
			clear:both;
			background-image:url(../img/portfolio/portPieceNavBg.jpg);
			background-repeat:repeat-x;
			background-color:#030063;}
			
	#clientNav .navElement:hover{
			background-image:url(../img/portfolio/portPieceNavBgRoll.jpg);
			background-color:#0c00aa;}
			
	#clientNav .navElement p{
			margin-top:12px;
			letter-spacing:-.5px;
			font-size:9pt;}
			
	#clientNav .navElement img{
			border:solid 1px #fff;
			margin:5px;}
			
	
	
			
			
	/* blog
	------------------------------------------------------------------*/
	#blog #contentWrapper{
			background-image:url(../img/blogAndPortWrapper.jpg);
			background-position:center;
			background-repeat:repeat-y;
			background-color:#080491;}
			
	#blog #content{			
			background-image:url(../img/blogAndPortBG.jpg); 
			padding-top:45px;
			padding-bottom:50px;
			font-size:10pt;
			line-height:1.4;}
			
	#blog #content .article{
			padding-bottom:15px;
			margin-bottom:15px;
			border-bottom:dotted 1px #787dff;}
			
	#blog #content h2{
			font-size:25pt;
			margin-bottom:8px;}
			
	#blog #content h3{
			font-size:15pt;
			line-height:1.1;
			margin-bottom:8px;
			color:#9a9fff;}
	
	#blog #content .date{
			color:#787dff;
			font-size:9pt;}
			
	#blog #content p{
			padding-bottom:20px;}

	#blogContent{
			width:660px;
			float:left;
			margin-left:20px;}

	#blogNav{
			width:280px;
			float:left;
			margin-left:20px;}

	#blogNav .articleLink{
			padding-bottom:15px;
			margin-bottom:15px;
			border-bottom:solid 1px #4f55df;}

	#blogNav .articleLink .link a{
			display:block;
			line-height:1.1;
			letter-spacing:-1.5px;
			text-decoration:none;
			font-size:11pt;
			color:#85a2ff;}

	#blogNav .articleLink .link a:hover{
			color:#fff;}

	#blogNav .articleLink .linkDate{
			font-size:11pt;
			line-height:1.1;
			letter-spacing:-1.5px;
			color:#fff;}

	#blogNav .inspirationLinks a{
			font-size:11pt;
			line-height:1.3;
			padding:2px;
			border-top:solid 1px #150fc4;
			text-decoration:none;
			display:block;
			letter-spacing:-1.5px;
			color:#f4c547;}

	#blogNav .inspirationLinks a:hover{
			color:#fff;}

	/* company and contact
	------------------------------------------------------------------*/
	#company #contentWrapper, #contact #contentWrapper{
			background-image:url(../img/blogAndPortWrapper.jpg);
			background-position:center;
			background-repeat:repeat-y;
			background-color:#080491;}

	#company #content, #contact #content{			
			background-image:url(../img/blogAndPortBG.jpg); 
			padding-top:45px;
			padding-bottom:50px;
			font-size:11pt;
			letter-spacing:-1px;
			line-height:1.2;}

	#company #content h2, #contact #content h2{
			font-size:25pt;
			border-bottom: solid 1px #2774d3;
			margin-bottom:8px;}

	#company #content h3, #contact #content h3{
			font-size:17pt;
			color:#b3bdff;
			line-height:1;
			letter-spacing:-.5px;
			margin-bottom:10px;}

	#company #content p, #contact #content p{
			padding-bottom:20px;}

	#companyContent ul{
			float:left;
			margin:10px 0 10px 0;
			width:300px;}

	#companyContent ul li{
			display:block;
			margin-bottom:10px;
			background-image:url(../img/home/plus.gif);
			background-repeat:no-repeat;
			background-position:3px 5px;
			padding-left:20px;
			line-height:1.2;}

	#companyContent, #contactContent{
			width:660px;
			float:left;
			margin-left:20px;}

	#company_contact_nav{
			width:280px;
			float:left;
			margin-left:20px;}

	#company_contact_nav ul{
			margin-top:37px;}

	#company_contact_nav ul li{
			display:block;
			height:41px;}

	#company_contact_nav ul li a{
			display:block;
			height:41px;
			font-size:14pt;
			letter-spacing:-1.2px;
			text-decoration:none;
			line-height:2;
			text-indent:20px;
			background-image:url(../img/compAndContNav.jpg);
			background-repeat:repeat-x;}

	#location{
			float:left;
			font-size:12pt;
			line-height:1.2;
			letter-spacing:-1px;}

	.locationPerson{
			float:left;
			font-size:11pt;
			letter-spacing:-.5px;
			line-height:1.2;
			margin-right:20px;}

	.locationPerson h4{
			font-size:18pt;
			color:#b3bdff;
			letter-spacing:-1.5px;}

	.locationPerson a{
			color:#7b91f0;}

	.formelement{
			padding-top:15px;
			padding-bottom:15px;
			border-bottom: solid 1px #2f3db2;}

	.formelement label{
			float:left;
			width:180px;
			font-size:14pt;
			margin-right:30px;}

	.formelement input, .formelement textarea, .formelement select{
			float:right;
			width:350px;
			padding:5px;
			font-family:"Lucida Sans";
			font-size:12pt;
			color:#fff;
			background-color:#0b00a4 !important;
			border:solid 1px #473ec1; !important;
			background-image:url(../img/contact/inputBg.jpg);
			background-repeat:repeat-x;}

	.formelement textarea{
			height:140px;}

	.formelement input.submit{
			width:150px;
			cursor:pointer;}

	.formelement br{
			clear:both;}

/*.......................................................
/////////////////////////////////////////////////////////
FOOTER
/////////////////////////////////////////////////////////
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.......................................................	*/	

	#footerTopWrapper{
			width:100%;
			text-align:left;
			font-size:9pt;
			background-image:url(../img/footer/top.jpg);
			background-repeat:no-repeat;
			background-position:top center;
			background-color:#0b056f;
			border-top:solid 1px #1000b0;}

	#footerTopWrapper a{
			text-decoration:none;}

	#footerTopWrapper a:hover{
			color:#fff;}

	#footerTop{
			width:960px;
			height:220px;
			position:relative;
			padding:30px 0px 30px 0px;
			margin:0px auto;}

	.footerBlock{
			float:left;}

	#footerNav1{}

	#footerNav2{
			position:absolute;
			top:140px;}

	#footerNav3{
			margin-left:20px;}

	#footerNav4{
			margin-left:20px;
			position:absolute;
			top:140px;}

	ul.footerPort{
			width:210px;
			margin:10px 0px 10px 0px;}

	ul.footerPort li{
			display:block;
			height:16px;
			width:105px;
			float:left;}

	ul.footerPort li a{
			background-image:url(../img/footer/plus.gif);
			background-position:0px 2px;
			background-repeat:no-repeat;
			font-size:8pt;
			text-transform:capitalize;
			color:#3e90ff;
			text-indent:13px;
			display:block;}

	ul.footerComp{
			width:151px;
			margin:10px 0px 10px 0px;}

	ul.footerComp li{
			display:block;
			height:16px;
			width:151px;
			text-align:left;
			float:left;}

	ul.footerComp li a{
			background-image:url(../img/footer/plus.gif);
			background-position:0px 2px;
			background-repeat:no-repeat;
			font-size:8pt;
			text-transform:capitalize;
			color:#3e90ff;
			text-indent:13px;
			display:block;}

	#footerBlog{
			float:right;
			width:280px;
			text-align:left;
			background-image:url(../img/footer/rss.jpg);
			background-position:210px 0px;
			background-repeat:no-repeat;}

	#footerBlog h2{
			font-size:22px;
			letter-spacing:-1px;}

	#footerBlog p{
			width:200px;
			color:#1e88ff;}

	#footerBlog a{
			color:#1e88ff;}

	#footerBottomWrapper{
			width:100%;
			background-color:#050054;
			border-top:solid 1px #2d1da1;}

	#footerBottom{
			width:960px;
			margin:0px auto;
			clear:both;
			font-size:9pt;
			text-align:left;
			padding:10px 0 10px 0;}

	#footerBottom a{
			font-size:9pt;}

	#footerBottom #xhtml{
			padding-left:10px;
			color:#ff5454;}

	#footerBottom #firefox{
			padding-left:10px;
			color:#226bff;}