body {
	font-family: Veranda, Arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #333;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: 0;
	width: 800px;
	height: 600px;
}

#wrapper{
	background-position: center top;
	text-align: center;
	width: 100%; height:100%;
	left: 100px;
}

a{
	font-family: Veranda, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

a hover{
	color: #ff6600;
}


/* Intro Page */

.intrologo {
	height: 100px;
	width: 778px;
	position: absolute;
	left: 100px;
	top: 250px;
	z-index: 40;
}

.introphoto1 {
	height: 100px;
	width: 85px;
	position: absolute;
	padding: 3px;
	left: 430px;
	top: 215px;
	z-index: 50;
}

.introphoto2 {
	height: 100px;
	width: 85px;
	position: absolute;
	padding: 3px;
	left: 520px;
	top: 215px;
	z-index: 50;
}

.introphoto3 {
	height: 100px;
	width: 85px;
	position: absolute;
	padding: 3px;
	left: 610px;
	top: 215px;
	z-index: 50;
}

.introphoto4 {
	height: 100px;
	width: 85px;
	position: absolute;
	padding: 3px;
	left: 700px;
	top: 215px;
	z-index: 50;
}

.introphoto5 {
	height: 100px;
	width: 85px;
	position: absolute;
	padding: 3px;
	left: 790px;
	top: 215px;
	z-index: 50;
}

/* General page */ 

.aialogo{
	height: 75px;
	position: absolute;
	padding: 0px;
	left: 100px;
	top: 515px;
	z-index: 10;
	font-family: Veranda, Arial, helvetica, sans-serif;
	font-size: 11px bold;
	color: #ffffff;
	text-decoration: none;
}


.aialogo3{
	height: 75px;
	width: 150 px;
	position: absolute;
	padding: 0px;
	left: 0px;
	top: 415px;
	z-index: 10;
	font-family: Veranda, Arial, helvetica, sans-serif;
	font-size: 11px bold;
	color: #ffffff;
	text-decoration: none;
}

.logo {
	height: 100px;
	width: 778px;
	position: absolute;
	left: 100px;
	top: 10px;
	z-index: 40;	
}

.aia{
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 14px bold;
	color: #ffffff;
	text-decoration: none;
}


.aia2{
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 14px bold;
	color: #ffffff;
	text-decoration: none;
	position: absolute;
	padding: 0px;
	left: 460px;
	top: 330px;
}
/*Content*/
.positionbox{
	width: 800px;
	height: 400px;
	}

.contentbox{
	position: absolute;
	left: 100px;
	top: 125px;
	width: 800px;
	height: 400px;
	}

.bodytable{
	width: 775px;
	height: 450px;
	border: 0px;
	color: #fff;
	font-family: Veranda, Arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.bodytable a{
	color: #999;
}

/*Home*/
.binfo {
	color: #fff;
	font-family: Veranda, Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	padding: 10 0 0 0;
	vertical-align: top;
}

.binfo a{
	font-size: 15px;
}

/*Principals*/

.principaltd {
	height: 415px;
	overflow: hidden;
	}

.principals {
	font: Veranda Arial Helvetica sans-serif;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	color: #fff;
	padding: 0 0 5 0;
}

.principals a:hover{
	color: #FF6600;
}

.princphoto {
	font: Veranda Arial Helvetica sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	padding: 0 0 0 0;
	z-index: 0;
}

/*Projects*/

.transOFF {
	background-color:  #333;opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

.transON  {
	background-color: #333;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

.prcategories{
	font: Veranda Arial Helvetica sans-serif;
	font-size: 12px;
	text-align: right, bottom;
	text-decoration: none;
	color: #fff;
	padding: 0 0 5 0;
}

.prcategories a{
	text-decoration: none
}

.prcategories a:hover{
	color: #fff;
}

.prcategories a:visited{
	color:#fff
}

.projects{
	font: Veranda Arial Helvetica sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding: 0 5 5 0;
	text-align: left;
}

.projects a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

.projects a:hover{
	color: #FF6600;
}

.projects2{
	font: Veranda Arial Helvetica sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	padding: 0 0 10 0;
	text-align: center;
}

.projects2 a{
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

.projects2 a:hover{
	color: #FF6600;
}

#buttons{
	height: 29px;
}

.align{
	vertical-align: baseline;
	text-align: right;
	}

	/* project 7 */
a.rollover7 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block ;
	width: 230px ;
	height: 65px ;
	background: #333 url(../images/projects/municipal.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover7:hover {
	background: #333 url(../images/projects/municipal.jpg) no-repeat right bottom;
	font: #ff6600;
	border-bottom: 1px #ff6600;
	padding: 0 0 0 10;
}

a.rollover7:visited {
	background: #333 url(../images/projects/municipal.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #333;
	padding: 0 0 0 10;
}

	/* project 12 */

a.rollover12 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block ;
	width: 230px ;
	height: 65px ;
	background: #333 url(../images/projects/school.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover12:hover {
	background: #333 url(../images/projects/school.jpg) no-repeat right bottom;
	font: #333
	border-bottom: 1px #ff6600;
}
	/* project 2 */

a.rollover2 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block ;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/banks.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover2:hover {
	background: #333 url(../images/projects/banks.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 10 */

a.rollover10 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block ;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/restoration.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover10:hover {
	background: #333 url(../images/projects/restoration.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 4 */

a.rollover4 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/industrial.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover4:hover {
	background: #333 url(../images/projects/industrial.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 6 */

a.rollover6 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/medical.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover6:hover {
	background: #333 url(../images/projects/medical.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 8 */

a.rollover8 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/office.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover8:hover {
	background: #333 url(../images/projects/office.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 3 */

a.rollover3 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/churches.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover3:hover {
	background: #333 url(../images/projects/churches.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 9 */

a.rollover9 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/residential.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover9:hover {
	background: #333 url(../images/projects/residential.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 11 */

a.rollover11 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/retail.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover11:hover {
	background: #333 url(../images/projects/retail.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
	/* project 5 */

a.rollover5 {
	text-decoration: none;
	font: #fff;
	vertical-align: bottom;
	display: block;
	width: 230px;
	height: 65px;
	background: #333 url(../images/projects/hotel.jpg) no-repeat right bottom;
	border-bottom: 1px #fff;
	padding: 0 0 0 10;
}

a.rollover5:hover {
	background: #333 url(../images/projects/hotel.jpg) no-repeat right bottom;
	font: #333;
	border-bottom: 1px #ff6600;
}
/* Footer */ 

.fhr{
	position: absolute;
	left: 100px;
	top: 600px;
	z-index: 80px;
	width: 775px;
	height: 2px;
	color: #FF6600;
	border: none;
	background:#FF6600;
	size: 3px;
}