.boxgrid{ 
				width: 288px; 
				height: 166px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				color:white;
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%;
				opacity: .8; 
				top:170px; /*Important for stupid caption to show*/
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}


.action { text-align:right; padding-right:4px;}
.action a { color:white;}
.status { padding-right:4px;}
em { font-style:italic !important;}
.clearfix { clear:both;}
body { font:Arial, Helvetica, sans-serif; background:url(../images/other-page-bg.jpg) no-repeat top center;}
#header { width:945px; height:172px; margin:0 auto;}
#header #logo { width:408px; float:left; height:172px;}
#header #other { width:408px; float:right; height:172px;}
#breadcrumb-info { width:945px; margin:0 auto; height:71px;}
	#breadcrumb-info img.title { float:left; padding-top:17px;}
	#breadcrumb-info .contacts { float:right; padding-top:27px; width:500px;}
	.clearfix { clear:both;}
#wrap { width:945px; margin:0 auto; margin-top:12px;}
#navigation { width:910px; height:44px; color:#FFFFFF; margin:0 auto; background:#000;}
.r-left { float:left; width:160px; margin-right:2px;}/*Change the values to fit parent div*/
.r-right { float:left; width:160px; margin-left:2px;}/*Change the values to fit parent div*/
.r-middle { float:left; width:585px; margin-left:1px;}/*Change the values to fit parent div*/
#container { width:946px; min-height:188px; height:auto !important; height:188px; margin:0 auto; background:#FFFFFF/* url(../images/container-bg-logo.jpg) bottom left no-repeat*/; margin-top:-2px; padding-top:15px;}
#container .left-col { float:left; width:280px; border-right:1px solid #999999;}
	#container .left-col p {  font:12px georgia; padding-top:10px;}
	#container .left-col h1 { background:url(../images/news-header-bg-x.png) repeat-x bottom; padding:10px 5px 5px 5px; font:18px arial; margin:0; height:32px; text-indent:20px;}
		.news{ width:90%; padding:0 5px; margin-right:4px;}
		.news ul { padding:15px 0 0 10px;}
		.news ul li { line-height:1.5em !important; background:url(images/bullet.jpg) no-repeat; padding:0 0 9px 19px; font:12px tahoma; color:#666;}
		.news ul li a { border-bottom:1px dashed #ccc; color:#000; padding-bottom:4px; width:90%; display:block;}
#container .right-col { width:645px; float:right; padding:0 10px;}
	#container .right-col h1 {padding:10px 5px 0px 0px; font:18px arial; margin:0; height:32px; text-indent:5px; border-bottom:1px dashed #CCC; color:#cc6600;}
	#container .right-col h2 {padding:10px 5px 0px 0px; font:bold 15px arial; margin:0; height:32px; text-indent:5px; border-bottom:1px dashed #CCC; color:#cc6600;}
	#container .right-col p {  font:12px arial;line-height:1.8em; padding-top:10px; padding-left:5px; margin:0; color:#666;}
	.starting-header { font:30px georgia; color:#666666;}
	.image-float-left { float:left; padding-right:10px;}
	.image-float-right { float:right; padding-left:10px;}
.column { width:281px; padding:0 5px; float:left; min-height:150px; height:auto !important; height:150px;}
#not-availible { border:10px solid #cc3300; margin-right:4px; background-color:#DE7D5C; color:white;}
#conversa{ border:10px solid #0d5e89; background-color:#5E93B1; color:white; margin-right:2px; margin-left:3px;} 
#availible{ border:10px solid #0d5e89; background-color:#5E93B1; color:white; margin-right:3px;}
#specialty { border:10px solid #0d5e89; background-color:#5E93B1; color:white; margin-left:5px;}
.column h1 { font:20px Arial; margin:10px 0;}
.column p { margin:0; font:12px arial;}
.column ul { padding:5px 0 0 10px;}
.column ul li { line-height:1.5em; background:url(../images/bullet.gif) no-repeat; padding-left:19px; padding-bottom:9px; font:11px arial;}
.link li { line-height:1.5em; background:url(../images/bullet.gif) no-repeat; padding-left:19px; padding-bottom:9px; font:12px georgia;}
#footer { width:100%; margin:0 auto; height:172px; background:url(../images/footer-bg-x.jpg) repeat-x; color:#FFFFFF; font:14px georgia;}
	.footer-packing { width:945px; margin:0 auto; padding-top:15px;}
	.footer-left { float:left; width:230px;}
	.footer-right { float:right; width:680px;}
	.footer-header { font:25px italic georgia; font-family:Georgia;}
	.footer-right img { float:right; padding-left:10px;}
	#footer a { color:white; text-decoration:none; border-bottom:1px dashed #CCCCCC;}
	#footer a:hover { color:white; text-decoration:underline;}
/* custom Jcaption text style only*/
.project-title { font:20px bold , Arial, "Trebuchet MS"; text-indent:10px;}
.desc { margin:0;}
.desc a { color:white;}
/**/
.tiny { font:11px arial; text-indent:10px; padding:5px 0; color:#cc0000;}
/* Error Page Style*/
.error { border:4px solid #F1BABA; padding:15px; font:bold 15px arial; background-color:#FFF4F0;}
.errordetail { font:bold 13px arial; color:#CC0000; padding-left:20px;}
.error-icon { padding-right:5px;}
.okay { border:4px solid #00CC66; padding:15px; font:bold 15px arial; background-color:#B2E0B2;}

#content-container { width:945px; margin:0 auto; ; padding-top:26px;}
#content-container div { background:white;min-height:140px; height:auto !important; height:140px}

/*For the nyro close button only*/
	a.nyroModalClose#closeBut { background:#fff url(../images/ny-close.png) no-repeat 3px center; padding:3px; color:#666; padding-left:25px; border:2px solid #999; font:11px arial; margin:0 0 5px 0;}