<!--
body{
font-family:Arial, Helvetica, sans-serif;
background-color:#FFF;
margin-top:0;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-size:16px;
line-height:20px;
color:#336699;
background-image:url(../images/sky_background.jpg);
background-position:50% 50%;
scrollbar-base-color:#369;
}
hr{
color:#EOEDF5;
background-color:#EOEDF5;
border: 0;
height: 1px;
}
h1{
line-height:32px;
}

#wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#inner{
position:relative;
width:960px;
height:700px;
text-align:left;
}
#slideshowholder ul{
list-style:none;
margin:0;
padding:0;
}
#slideshowholder li{
background-image:none;
margin:0;
padding:0;
padding-left:0;
}
#Logo-Bar {
	position:absolute;
	left:0px;
	top:20px;
	width:675px;
	height:100px;
	background-image:url(../images/bluesky-inspired-logo.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #fff;
}
#expobanner{
float:right;
margin:21px 21px 21px 0;
}

#Login-panel {
	position:absolute;
	left:675px;
	top:20px;
	width:285px;
	height:100px;
	background-color:#C9E6F6;
	font-size:12px;
	line-height:18px;
	color:#666666;

}
#Login-panel form{
margin:0;
padding:0;
	padding-top:10px;
	padding-left:14px;
}
#Login-panel div{
margin-top:2px;
}
#Login-panel input{
border:none;
height:18px;
width:130px;
}
#Login-panel label{
float:left;
width:60px;
}
#Login-panel h1{
font-size:14px;
font-weight:bold;
color:#003366;
margin-bottom:0;
margin-top:0;
}

#main-nav {
	position:absolute;
	left:0px;
	top:120px;
	width:960px;
	height:24px;
	background-color:#7CA2BE;
	background-image:url(../images/nav-bg.gif);
	z-index:101;
}
#main-nav a{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#main-nav a:hover{
color:#003366;
}
#main-nav h1{
margin-top:0;
margin-bottom:0;
margin:0;
line-height:22px;
}
#main-nav h1 a{
margin-top:0;
margin-bottom:0;
color:#003366;
font-size:16px;
}
#main-nav ul{
float:left;
width:900px;
color:#FFFFFF;
margin:0;
list-style:none;
padding:0;
padding-left:25px;
}
#main-nav li{
float:left;
width:auto;
margin-right:23px;
padding-left:0;
}

.flash-replaced{
z-index:1;
}

#main-content {
	position:absolute;
	left:0px;
	top:144px;
	width:675px;
	height:500px;
	background-color:#B1D2E6;
	z-index:1;
	overflow:hidden;
}
#main-content-full {
	position:absolute;
	left:0px;
	top:144px;
	width:960px;
	height:500px;
	background-color:#B1D2E6;
	z-index:1;
	overflow:hidden;
}
#main-content-front {
	position:absolute;
	left:0px;
	top:144px;
	width:675px;
	height:500px;
	background-color:#B1D2E6;
	z-index:1;
}
#main-content h1, #main-content-full h1{
font-size:60px;
line-height:58px;
color:#E0EDF5;
font-weight:bold;
margin-bottom:14px;
margin-top:0px;
padding-top:0;
}
#innernav h1{
line-height:19px;
}
#main-content h2{
font-size:16px;
line-height:16px;
color:#336699;
font-weight:bold;
margin-bottom:6px;
margin-top:0px;
padding-top:0;
}
#main-content h3{
font-size:16px;
line-height:16px;
color:#336699;
font-weight:bold;
margin-bottom:2px;
margin-top:0px;
padding-top:0;
}
#main-content p{
padding-top:0;
margin-top:0;
padding-bottom:8px;
margin-bottom:0px;
}
#main-content ul{
list-style:none;
margin-left:0;
padding-top:0;
padding-left:0;
margin-top:8px;
padding-bottom:12px;
margin-bottom:0;
float:left;
}
#main-content li{
margin-top:0;
padding-top:0;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 3px;
padding-left:25px;
margin-bottom:3px;
float:left;
width:100%;
}
#main-content a{
float:left;
color:#E0EDF5;
text-decoration:none;
font-size:19px;
font-weight:bold;
vertical-align:top;
width:auto;
background-image:url(../images/group-nav-arrow-content.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:30px;
}
#main-content a:hover{
color:#FFF;
background-image:url(../images/group-nav-arrow-content-ove.gif);
}
#main-content a img{
border:none;
vertical-align:text-bottom;
}
#emaillink a{
font-size:16px;
color:#336699;
background-image:none;
}
#emaillinkb a{
font-size:16px;
color:#336699;
background-image:none;
}
#backbutton{
position:absolute;
right:20px;
top:32px;
}
#backbuttoninner{
float:left;
}
#main-content-inner {
margin-top:30px;
margin-left:25px;
width:650px;
height:445px;
position:relative;
}
#main-content-full-inner {
margin-top:30px;
margin-left:25px;
width:915px;
height:445px;
position:relative;
}
#main-content-full-projects {
margin:0;
margin-top:30px;
margin-left:25px;
width:935px;
height:445px;
position:relative;
}
.parafill{
line-height:26px;
float:left;
width:100%;
}
#scroller {
width:650px;
margin-right:20px;
height:373px;
/*line-height:auto;*/
}
#accordion{
width:285px;
overflow:hidden;
}
#accordion div{
width:285px;
overflow:hidden;
}
#accordionfront{
width:285px;
overflow:hidden;
}
#accordionfront div{
z-index:-1;
width:285px;
overflow:hidden;
}
#main-content-text {
width:640px;
}
#main-content form{
margin:0;
padding:0;
margin-top:18px;
}
#main-content label{
margin:0;
padding:0;
font-weight:bold;
width:190px;
text-align:right;
margin-right:25px;
float:left;
}
#main-content input{
margin:0;
padding:5px;
width:408px;
height:30px;
float:left;
border:0;
margin-bottom:1px;
background-color:#E0EDF5;
}
#main-content textarea{
margin:0;
padding:5px;
width:408px;
height:150px;
float:left;
border:0;
margin-bottom:1px;
background-color:#E0EDF5;
overflow:hidden;
}

#formlabels ul{
float:left;
width:215px;
list-style:none;
margin-right:0px;
}
#formlabels li{
width:190px;
height:28px;
line-height:24px;
background-image:none;
margin-left:0;
padding-left:0;
padding-top:0;
margin-top:0;
margin-bottom:1px;
}
#submitbutton{
margin-top:2px;
float:right;
width:90px;
height:26px;
background:none;
}
#submitbutton input{
float:right;
width:86px;
height:20px;
background:none;
padding:0;
margin:0;
margin-top:8px;
}
label.error{
width:100%;
font-size:12px;
color:#FF0000;
float:right;
}
#innernav{
width:190px;
float:left;
padding:0;
margin:0;
margin-right:25px;
}
#innernavfull{
width:100%;
float:left;
}
#innernav h2{
font-size:20px;
color:#E0EDF5;
margin-bottom:15px;
line-height:21px;
}
#innernavfull h2{
font-size:20px;
color:#E0EDF5;
margin-bottom:15px;
}
#innernav li{
height:auto;
background-image:none;
margin-left:0;
padding-left:0;
line-height:19px;
float:left;
margin-right:0;
padding-right:0;
}
#innernavfull li{
width:100%;
height:auto;
background-image:none;
margin-left:0;
padding-left:0;
line-height:19px;
}
#innernav li a{
background-image:url(../images/inner-nav-up.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#DBEEF8;
width:157px;
height:auto;
color:#AECCE6;
padding-left:10px;
padding-top:5px;
padding-bottom:6px;
margin-bottom:0px;
padding-right:25px;
font-size:16px;
}
#innernavfull li a{
background-image:url(../images/inner-nav-up.gif);
background-repeat:no-repeat;
background-position:right top;
background-color:#DBEEF8;
width:96%;
height:auto;
float:left;
color:#AECCE6;
padding-left:10px;
padding-top:5px;
padding-bottom:6px;
margin-bottom:2px;
padding-right:15px;
font-size:16px;
}
#innernav li a:hover{
background-image:url(../images/inner-nav-down.gif);
background-repeat:no-repeat;
background-color:#DBEEF8;
float:left;
color:#336699;
}
#innernavfull li a:hover{
background-image:url(../images/inner-nav-down.gif);
background-repeat:no-repeat;
background-color:#DBEEF8;
float:left;
color:#336699;
}
#innernav li a:active{
background-image:url(../images/inner-nav-down.gif);
background-repeat:no-repeat;
background-color:#DBEEF8;
float:left;
color:#336699;
}
#innernavfull li a:active{
background-image:url(../images/inner-nav-down.gif);
background-repeat:no-repeat;
background-color:#DBEEF8;
float:left;
color:#336699;
}
#innernav li h2{
font-size:16px;
line-height:19px;
color:#336699;
margin-bottom:0;
padding-bottom:0;
}
#inner-nav-content {
float:left;
width:409px;
padding-left:0px;
padding-top:9px;
}
#inner-nav-content p{
/**border-bottom:#E0EDF5 1px solid;**/
padding-bottom:12px;
margin-bottom:12px;
}
#inner-nav-content ul{
/*border-bottom:#E0EDF5 1px solid;*/
}

#inner-nav-content h2{
color:#fff;
margin-bottom:12px;
}
#inner-nav-content h3{
margin-bottom:12px;
}
#inner-nav-news {
float:left;
width:390px;
margin-left:0px;
padding-top:9px;
}
#inner-nav-news h2{
color:#336699;
margin-bottom:12px;
}
#inner-nav-news h3{
margin-bottom:12px;
}
#navon a{
background-image:url(../images/inner-nav-down.gif);
}
#bulletlinks{
margin-bottom:10px;
width:100%;
float:left;
margin-top:0;
padding-top:0;
}
#bulletlinks li {
background-image:url(../images/bullet.gif);
background-position:3px left;
vertical-align:top;
}
#bulletlinks li a{
background-image:none;
font-size:inherit;
width:100%;
height:auto;
float:none;
}
#bulletlinks li a:hover{
background-image:none;
font-size:inherit;
}
#bulletlinkstwo{
margin-bottom:10px;
width:100%;
float:left;
margin-top:0;
padding-top:0;
}
#bulletlinkstwo li {
background-image:url(../images/bullet.gif);
background-position:3px left;
vertical-align:top;
}
#bulletlinkstwo li a{
background-image:none;
font-size:inherit;
width:100%;
height:auto;
float:none;
}
#bulletlinkstwo li a:hover{
background-image:none;
font-size:inherit;
}
#right-image {
	z-index:1;
	position:absolute;
	left:675px;
	top:144px;
	width:285px;
	height:500px;
	background-image:url(../images/Inspired/statement-holder.jpg);
	overflow:hidden;
}
#rightimageholder {
	position:relative;
	width:285px;
	height:500px;
}
#right-image-flash {
	z-index:1;
	position:relative;
	width:285px;
	height:500px;
}
#rightwindowtitle{
position:absolute;
left:15px;
top:391px;
background-color:#114271;
z-index:50;
width:247px;
color:#B1D2E6;
font-weight:bold;
padding-left:10px;
height:24px;
}
#rightjobopps{
position:absolute;
left:15px;
top:417px;
background-color:#114271;
z-index:50;
width:237px;
color:#fff;
font-size:10px;
font-weight:bold;
padding-left:10px;
padding-right:10px;
line-height:12px;
padding-top:5px;
height:54px;
background-image:url(../images/front/bullet.gif);
background-repeat:no-repeat;
background-position:235px 36px;
}
#rightjobopps a{
color:#fff;
text-decoration:none;
}

#footer-links {
	position:absolute;
	left:0px;
	top:644px;
	width:675px;
	height:75px;
	background-color:#FFFFFF;
	font-size:12px;
	line-height:12px;
	letter-spacing:-0.1px;
	overflow:hidden;
}
.topfooter{
height:12px;
line-height:12px;
width:100%;
float:left;
}
#footer-links ul{
float:left;
width:900px;
color:#999999;
margin:0;
margin-top:10px;
list-style:none;
padding:0;
padding-left:25px;
height:12px;
}
#footer-links li{
float:left;
width:auto;
margin-right:10px;
padding-left:0;
border-right:#999999 1px solid;
padding-right:10px;
height:10px;
min-height:10px;
padding-top:0px;
margin-top:0px;
padding-top:0;
}
#footer-links h1{
margin-top:0;
margin-bottom:0;
line-height:12px;
}
#footer-links h1 a{
color:#999999;
text-decoration:none;
font-size:12px;
}
#footer-links a{
margin-top:0;
padding-top:0;
color:#999999;
text-decoration:none;
font-size:12px;
line-height:12px;
}
#footer-links a:hover{
color:#999999;
text-decoration:underline;
}

#group-select {
	position:absolute;
	left:675px;
	top:644px;
	width:285px;
	height:75px;
	background-color:#FFFFFF;
}
#group-menu {
z-index:100;
background-color:#7dbaff;
width:285px;
position:absolute;
left:675px;
top:775px;
font-size:16px;
font-weight:bold;
display:none;
height:75px;
overflow:hidden;
}

#group-menu img{
border:0;
text-align:right;
}
#group-menu-content{
list-style:none;
padding-top:0px;
line-height:18px;
margin-left:0;
padding-left:0px;
margin-top:0;
margin-bottom:15px;
margin-left:0;
width:450px;
font-size:20px;
font-weight:bold;
}
#group-menu-content img{
border:0;
text-align:right;
vertical-align:bottom;
}
#group-menu-content li{
margin-left:0;
padding-left:0;
margin-bottom:0px;
cursor:pointer;
background-image:none;
float:left;
line-height:26px;
}
#group-menu ul{
list-style:none;
padding-top:18px;
line-height:18px;
margin-left:0;
padding-left:15px;
margin-top:0;
margin-bottom:15px;
}
#group-menu li{
margin-left:0;
padding-left:0;
margin-bottom:6px;
cursor:pointer;
height:18px;
}
#group-menu h1{
font-size:16px;
}
#group-menu a{
float:left;
background-image:url(../images/group-nav-arrow-trans.gif);
background-repeat:no-repeat;
background-position:right;
width:256px;
}
#group-menu a:hover{
background-image:url(../images/group-nav-arrow.gif);
}
#group-menu li div{
margin-top:0;
padding-top:0;
float:left;
width:235px;
height:14px;
line-height:18px;
cursor:pointer;
}
#group-menu-content li div{
margin-top:0;
padding-top:0;
float:left;
width:262px;
height:26px;
line-height:21px;
cursor:pointer;
}
#group-menu-content a{
margin-top:0;
padding-top:0;
text-decoration:none;
color:#E0EDF5;
}
#group-menu-content a:hover{
color:#fff;
}
#group-menu a{
margin-top:0;
padding-top:0;
text-decoration:none;
color:#badaff;
}
#group-menu a:hover{
color:#fff;
}
#group-btn{
position:absolute;
bottom:0;
cursor:pointer;
}
#group-btn-over{
position:absolute;
bottom:0;
cursor:pointer;
}
.contentlinks{
}
#next-doc-nav{
list-style:none;
padding-top:0px;
line-height:18px;
margin-left:0;
padding-left:0px;
margin-top:0;
margin-bottom:15px;
margin-left:0;
width:450px;
font-size:20px;
font-weight:bold;
float:right;
padding-bottom:0;
position:absolute;
bottom:0px;
right:25px;
z-index:100;
}

#next-doc-nav h1{
float:none;
padding-bottom:0;
line-height:22px;
}
#next-doc-nav img{
border:0;
text-align:right;
vertical-align:bottom;
}
#next-doc-nav li{
margin-left:0;
padding-left:0;
margin-bottom:0px;
cursor:pointer;
background-image:none;
float:right;
line-height:26px;
clear:both;
text-align:right;
width:100%;
}
#next-doc-nav li a{
float:right;
}
#columnone{
width:300px;
margin-right:24px;
float:left;
margin-bottom:18px;
}
#columnone ul{
margin-left:0;
padding-left:0;
}
#columnone li{
margin-left:0;
padding-left:25px;
width:300px;
}
#columntwo{
width:300px;
float:left;
margin-bottom:18px;
}
#columntwo ul{
margin-left:0;
padding-left:0;
}
#columntwo li{
margin-left:0;
padding-left:25px;
width:300px;
}
#map{
width:100%;
height:325px;
font-size:20px;
}
.geo{
display:none;
}
.acctip{
position:absolute;
top:3px;
left:125px;
font-size:10px;
text-align:right;
width:150px;
}
#sitemap li{
float:left;
list-style:none;
background-image:none;
width:100%;
}
/*Dropdown Nav*/

#jsddm
{	margin: 0;
	padding: 0;}
	
	#jsddm li
	{	float: left;
		list-style: none;
		padding-top:0;
		margin-top:0;
		height:24px;
		}

	#jsddm li a
	{	display: block;
		text-decoration: none;
		white-space: nowrap}

	#jsddm li a:hover
	{	}
		
		#jsddm li ul
		{	
		width:auto;
			position: absolute;
			visibility: hidden;
			z-index:100;
			padding:5px;
			font-size:12px;
			background: #7CA2BE;}
		
		#jsddm li ul li
		{	float: none;
			z-index:100;
			padding-top:0;
			margin-top:0;
			margin-right:5px;
			}
		
		#jsddm li ul li a
		{	width: auto;
			background: #7CA2BE;
			z-index:100;
			font-size:14px}
		
		#jsddm li ul li a:hover
		{	background: #7CA2BE}


/* defaults for all examples */  
 #kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;
	 float:left; 
 }  
 #kwicks li{  

     display: block;  
     overflow: hidden;  
     padding: 0;  
     cursor: pointer;  
 }  
 #kwicks li{  
 /*height:79.1px;*/
 height:71.42px;
     width: 285px;    
	 display:block;
 } 

 #frontaccholder{
 float:left;
 position:relative;
 height:100%;
 }
 #frontlistheader{
 float:left;
 height:25px;
 font-size:16px;
	font-weight:bold;
	color:#00437A;
	margin-left:15px;
 }
 #frontlistheader{
 float:left;
 height:25px;
 font-size:16px;
	font-weight:bold;
	color:#00437A;
	margin-left:15px;
 }
.sectiontitle{
	position:absolute;
	width:249px;
	top:0;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:15px;
	background-image:url(../images/front/bullet.gif);
	background-repeat:no-repeat;
	background-position:100% 5px;
}
.sectiontitle a{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.sectiontitle a:hover{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.sectiontitle a:visited{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
.sectiontitleselected{
background-image:none;
	color:#00437A;
}
.awardholder{
float:left;
width:425px;
margin-bottom:20px;
}
.awardcol1{
float:left;
width:100px;
font-weight:bold;
}
.awardcol2{
float:left;
width:325px;
}
#awards a{
background-image:none;
}
#map h2{
position:absolute;
top:10px;
left:15px;
color:#E0EDF5;
}
#map h3{
position:absolute;
top:10px;
left:475px;
color:#E0EDF5;
font-size:16px;
}
#map h4{
position:absolute;
top:30px;
left:475px;
color:#E0EDF5;
font-size:14px;
margin-top:0;
}
#map h3 a{
font-size:16px;
background-image:url(../images/General/map-bullet_03.gif);
}
#map h3 a:hover{
color:#E0EDF5;
background-image:url(../images/General/map-bullet_03.gif);
}
#frontwindowholder{
float:left;
position:relative;
height:500px;
width:675px;
}
#frontwindow{
position:absolute;
z-index:100;
top:390px;
left:25px;
width:624px;
height:85px;
}
#frontwindowtitle{
padding:0;
margin:0;
width:637px;
height:24px;
padding-left:10px;
color:#b1d2e6;
font-weight:bold;
float:left;
}


#frontwindowlinks{
float:left;
padding:0;
margin:0;
margin-top:2px;
width:650px;
height:60px;
padding-left:0px;
color:#b1d2e6;
font-weight:bold;
}
#frontwindowlinks p{
margin-top:10px;
line-height:10px;
padding-right:8px;
}
#frontwindowlinks img{
border:0;
}
#frontwindowlinks a{
text-decoration:none;
color:#FFFFFF;
}
#frontwindowlinks a:hover{
text-decoration:none;
color:#b1d2e6;
}
#frontwindowlinks ul{
float:left;
padding:0;
margin:0;
width:650px;
height:60px;
list-style:none;
list-style-position:inside;
padding-left:0;
}
#frontwindowlinks li{
font-size:16px;
float:left;
padding:0;
margin:0;
margin-left:2px;
padding-left:10px;
padding-right:2px;
width:auto;
height:60px;
color:#FFFFFF;
}
.transBG{
cursor:pointer;
}
#portfoliodetails h3{
width:160px;
float:left;
clear:left;
vertical-align:text-top;
margin-bottom:4px;
line-height:18px;
}
#portfoliodetails ul{
float:left;
clear:left;
margin-bottom:0;
padding-bottom:0;
}
#portfoliodetails li{
float:left;
clear:left;
width:360px;
}
#portfoliodetails span{
float:left;
width:222px;
vertical-align:text-top;
line-height:18px;
margin-bottom:4px;
}
#portfoliodetails p{
margin-top:6px;
line-height:19px;
float:left;
margin-bottom:0;
clear:both;
width:95%;
}
#portfoliodescription {
width:100%;
margin-top:6px;
float:left;
}
#portfoliodescription hr{
color:#EOEDF5;
background-color:#EOEDF5;
height:1px;
border:1px #EOEDF5 solid;
float:left;
width:100%;
}
#portfoliodescription p{
margin-bottom:0;
clear:left;
}
#portfoliodescription h2{
float:left;
margin-right:0px;
font-style:italic;
font-size:18px;
line-height:21px;
}
#portfoliodescription div h2{
float:left;
width:180px;
margin-right:0px;
}
#portfoliodescription img{
float:right;
}
#portfoliodescription div p{
float:left;
width:180px;
margin-right:0px;
}
#normalbulletlist{
float:left;
width:100%;
}
#normalbulletlist li{
background-image:none;
margin-left:0;
padding-left:0;
float:left;
width:100%;
}
#prev{
float:left; width:98px;
}
#next{
float:left; width:67px
}
#next a{
background-image:url(../images/inner-nav-down.gif);
}
#prev a{
background-image:none;
}
#jScrollPaneContainer{

}

/* Project Scroller */
.project-scroller{
height:65px;
margin-bottom:12px;
width:934px;
overflow:hidden;
margin-right:0;
}
#scroll{
padding-right:20px;
}
.project-scroller h2{
color:#E0EDF5;
width:140px;
float:left;
}
.project-scroller img{
height:65px;
border:none;
}
.project-scroller a{
display:block;
height:65px;
clear:none;
position:relative;
}
#main-content-full-inner .projects-alt{
padding-right:0;
margin-right:0;
}
.projects-sub-menu li .btnOn{
color:#FFFFFF;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 641px;
	height:65px;
	float:left;
	margin-right:0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:10000em;
	position:absolute;	
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	width:88px;
	margin-right:4px;
}
.items a {

}
.items a img{
margin:0;
padding:0;
}
.browse {
float:left;
width:14px;
cursor:pointer;
}
.browse img{
position:absolute;
top:40%;
height:auto;
}
.right{
margin-left:0px;
float:left;
text-align:left;
}
.right img{
margin-left:2px;
}

/* box styling */
#overlay {
	 /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#B1D2E6; 
	color:#336699;
    width:958px;
	height:499px;
    /*min-height:670px; */
    border:none	; 
	padding-top:0px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 0px 0px #000; 
    -webkit-box-shadow: 0 0 0px #000;
}

/* default close button positioned on upper right corner */
#overlay .close {
	background-image:url(../js/resources/close-text-blue.png);
	background-repeat:no-repeat;
	position:absolute; right:14px; top:-21px;
	cursor:pointer;
	height:14px;
	width:54px;
}
#projmainimg{
width:675px;
height:499px;
overflow:hidden;
float:left;
}
#projmainimg img{
width:675px;
border:none;
}
#projright{
width:280px;
height:499px;
float:left;
overflow: hidden;
position:relative;
}
#projright h2{
font-size:18px;
line-height:21px;
color:#336699;
float:left;
clear:both;
margin-top:14px;
margin-left:14px;
margin-right:14px;
margin-bottom:0;
}
#projright ul{
float:left;
clear:both;
list-style:none;
margin-left:14px;
font-size:12px;
line-height:14px;
color:#336699;
padding-left:0;
margin-bottom:14px;
margin-top:10px;
}
#projright ul li{
width:265px;
}
#projright p{
margin-top:0;
margin-bottom:12px;
}
#projright ul span{
display:block;
float:left;
}
#projright ul span.projtitle{
font-weight:bold;
width:113px;
}
#projright ul span.projdetails{
width:140px;
}
#projnav{
width:260px;
float:left;
padding:15px;
}
.projprev{
float:left;	
width:140px;
}
.projnext{
float:right;
width:100px;
}
.projprev, .projnext {
line-height:15px;
margin-right:5px;
color:E0EDF5;
font-size:15px;
text-decoration:none;
font-weight:bold;
position:relative;
height:15px;
display:block;
vertical-align:text-top;
}
.projprev span{
position:absolute;
top:0;
left:15px;
}
.projnext span{
position:absolute;
top:0;
right:15px;
}
.projprev img, .projnext img{
border:none;
}
.projnext img{
float:right;
}
#projimages{
padding:15px;
}
.projTH{
float:left;
width:90px;
height:67px;
margin-right:15px;
}

.jScrollPaneContainer #projdescription{

}
#projdescription{
float:left;
margin-right:14px;
font-size:12px;
line-height:14px;
height:235px;
padding-top:0;
margin-left:14px;
width:255px;
overflow:auto;
}
.clearboth{
margin-left:6px;
display:inline;
clear:none;
white-space: nowrap;
}
.truncate_more_link{
color:#E0EDF5;
font-weight:bold;
text-decoration:none;
font-size:14px;
white-space: nowrap;
}
.jScrollPaneContainer{
float:left;
margin-left:0px;
}
.project-scroller .projects-sub-menu{
list-style:none;
margin:0;
font-size:18px;
line-height:20px;
color:#e5f1f7;
float:left;
padding-left:0;
width:125px;
clear:none;
}
.projects-sub-menu li{
height:20px;
}
.projects-sub-menu li a{
height:20px;
color:#e5f1f7;
text-decoration:none;
}
.projects-sub-menu li a:hover{
color:#FFF;
}
-->