@charset "utf-8";
/* CSS Document */

	body, html{
		margin:0;
		padding:0;
		background:#FFFFFF url(images/background.jpg) top left no-repeat;
		font-family:Verdana, sans-serif;
	}
	
	/* header */
	.header{
		padding-left:90px;
		padding-top:9px;
		background:url(images/pat1.gif) top repeat-x;
		height:65px;
	}
	.logo{
		vertical-align:top;
		text-align:left;
	}
	
	#flashMenu{
		margin-left:10px;
		background-color:transparent;
	}
	
	#flashMenu a{
		width:160px;
		min-width:160px;
		height:120px;
		display: table-cell; display: inline-table; display: inline-block;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		color:#8A8C8F;
	}
	
	#flashMenu a:hover{
		color:#11680E;
	}
	/* end header */
	
	/*latest projects and news*/	
	#left{
		float:left;
		margin-top:220px;
		margin-left:30px;
		background-color:#FFFFFF;
		width:265px;
	}
	.latest{
	}
	
	.h2hold{
		padding:2px;
		padding-left:0;
		border-top:1px solid #000000;
		border-right:1px solid #000000;
		height:38px;
		width:180px;
		float:left;
	}
	.latest h2, .project h2{
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		background:url(images/back_h2.jpg) top repeat-x;
		height:14pt;
		padding:5px 5px;
		margin:0;
	}
	
	.latestLeftTop{
		float:left;
	}
	
	.latestProject{
		clear:both;
		padding:2px;
		width:219px;
		height:auto;
		border:1px solid #000000;
		border-top:none;
		text-align:center;
		font-size:10px;
	}
	
	#project{
	
	}
	#news{
		margin-top:50px;
		height:130px;
	}
	/*end latest projects and news*/
	
	/* home page*/
	.indContent{
		margin-left:20px;
		float:left;
	}
	
	.indText{
		font-size:10pt;
	}
	
	.txtPad{
		padding:20px 20px;
	}
	.txtPad a{
	color:#333333;
	}
	
	.indText p:first-letter {
		color: #ff3300;
		font-size:14pt;
		font-weight:bold;
	}
	.indText p{
		margin:0;
		padding:0;
	}
	/* end home page */
	
	/* H1 title */	
	.pageTitle{
	}
		
	h1{
		font-weight: bold;
		font-size:18pt;
		color:#000000;
	}
	
	.h1Bullet{
		width:24px;
		height:23px;
		margin:10px 3px;
		float:left;
	}
	
	.firstWord{
		font-size:24pt; 
		color:#97CBFF;
	}
	/*end H1 title */
	
	
	/*text page*/
	.pageContent{
		margin:auto;
		width:700px;
	}
	
	.pageContent a{
		color:#AAAAFF;
		text-decoration:none;
	}
	.pageContent a:hover{
		text-decoration:underline;
		color:#8080FF;
	}
	/*end text page*/
	
	/*projects page*/
	.ph2hold{
		padding:2px;
		padding-left:0;
		border-top:1px solid #000000;
		border-right:1px solid #000000;
		height:38px;
		width:220px;
		float:left;
	}
	
	.project{
		background-color:#FFFFFF;
		float:left;
		margin-left:20px;
		margin-bottom:20px;
	}
	.project a{
		color:#000000;
	}
	.project a:hover{
		color:#000000;
	}
	.projectCont{
		clear:both;
		padding:5px;
		height:auto;
		border:1px solid #000000;
		border-top:none;
		font-size:10pt;
	}
	
	.projectInfo{
		padding:5px;
		width:240px;
		height:150px;
	}
	/*end projects page*/
	
	/*footer*/
	.footer{
		clear:both;
		margin:10px;
		padding:20px;
		height:30px;
		width:783px;
		text-align:center;
		font-size:10pt;
	}
	
	.footer a{
		color:#AAAAFF;
		font-weight:bold;
		text-decoration:none;
	}
	.footer a:hover{
		text-decoration:underline;
		color:#8080FF;
	}
	/*end footer*/
	
	/*contact form*/
	.forma{
		margin:40px auto;
		width:380px;
	}
	.inputDiv{
		padding:2px;
		text-align:left;
		vertical-align:top;
	}
	.inputField {
		height:17px;
		padding:2px;
		width:250px;
		float:right;
	}
	input {
		border:1px solid #CDCDCD;
		color:#AAAAFF;
		font-family:"Verdana","Arial","Tahoma",sans-serif;
		font-size:11px;
	}
	textarea{
		border:1px solid #CDCDCD;
		color:#AAAAFF;
		font-family:"Verdana","Arial","Tahoma",sans-serif;
		font-size:11px;
		height:90px;
		float:right;
		padding:2px;
		width:250px;
	}
	#contact_form input.submit {
		float:right;
		background-color:#F7F7F7;
		color:#000000;
		padding:2px 5px;
		text-align:center;
		width:120px;
	}
	#contact_form input.submit:hover {
		background-color:#97A1EE;
		color:#FFFFFF;
	}
	
	.cntText{
		border:1px solid #000000;
		background-color:#FFFFFF;
		padding:10px;
		font-size:10pt;
		width:380px;
	}
	/* end contact form */
	
	.wrap{
		background:url(images/page_bg.jpg) center right no-repeat;
		
	}
	
	.za{
		width:850px;
	}
	
	.pagination{
		clear:both;
		font-size:10px;
		font-weight:bold;
		text-align:center;
	}
	
	.special {
		width:5px;
		visibility:hidden;
	}
	
	.txtBot{
		background:url(images/txt-bot.jpg) top left no-repeat;
		width:455px;
		height:40px;
	}
	
	#lindza{
		position:absolute;
		top:0;
		left:860px;
		background:url(images/pat2.gif) left repeat-y;
		width:20px;
		height:100%;
	}
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
	#lightbox a img{ border: none; }
	
	#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }
	
	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	
	#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	
	#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
	
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
	
	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }