headerin@charset "utf-8";
body {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
	height:100%;
    width:100%;	
}
/*body,html
{
    height:100%;
    width:100%;
    margin:0;
}*/

#screen{
    height:70%;
   /* width:70%;*/
    width:100%;
	top: 9%;
	left: 0%;
/*	left: 15%;*/
    /* stop absolutepanels failing to scroll */
    position:absolute;
	z-index: 1111;
    margin-left: auto;
	margin-right: auto;	padding:0;
	}
#divGallery {
	position: relative;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
	width: 763px;
	margin:0 auto;
	padding-top:40px;
    height:600px;
}
#tdImg{
padding:5px 0px 0px 5px;
border:none;
}
a.img {
border: none;
border-bottom: none;
}
#divGalleryOld {
	position: absolute;   /*Panel will overlap  content */
	/*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
	width: 763px;
	z-index: 1;
	margin-top:auto;
    margin-left: auto;
	margin-right: auto;
	padding-top:100px;
	height: 1100px;
	background:url(backGallery.png) left top repeat;
}
#tdImgOld{
padding:20px 0px 0px 21px;
}
#headerContainer {
	width: 763px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #ffffff;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	background-image: none;
	background-repeat: no-repeat;
	height: auto;
	float: none;
	z-index:0;
}
#Container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 763px;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-repeat: no-repeat;
	height: 900px;
	margin-right: auto;
	margin-left: auto;
	float: none;
	z-index:0;
}

#CompanyContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 763px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	height: auto;
	float: none;
	z-index:0;
}

#CompanyInfo {
	line-height: 1.1em;
	font-size: .9em;
}
#Footnote {
	padding-top: 10px;
	float: none;
}


#Company h1 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	border-left-width: thick;
	text-transform:capitalize;
	border-left-style: none;
	border-left-color: #29406C;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}

#Company h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #29406C;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #29406C;
	margin-top: 0px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.2em;
}
#Company h4 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 1.3em;
	margin-bottom: -7px;
	color: #29406C;
}

#Company h3 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #822D34;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-top: -5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .9em;
	margin-bottom: 0px;
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 300px;
}

#Company h6 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-top: -5px;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 1em;
	margin-bottom: -10px;
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 300px;
}

#Company a {
	text-decoration: none;
	color: #A82926;
	font-weight: bold;
	position:  relative;
}
#Services a {
	color: #992D34;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}
.servicesbanner  {
    width: 763px; height:285px;
    overflow: hidden;
    float: left;
}


#Company {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	float: left;
	padding-right: 15px;
	width: 480px;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 0.7em;
	height: 510px;
	background-color: #FFFFFF;
}


#Portfoliop h1 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}

#Portfoliop h2 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #29406C;
	margin-top: 0px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.1em;
}
#Portfoliop h3 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #822D34;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-top: -3px;
	*margin-top: -1px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 0px;
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100px;
}

#Portfoliop a {
	text-decoration: none;
	color: #992D34;
	font-weight: bold;
	font-size: 1.1em;
}



#Portfoliop {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	float: left;
	padding-right: 15px;
	width: 480px;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 0.7em;
	height: 434px;
	background-color: #FFFFFF;
	line-height: 1.3em;
}
#Portfolio h1 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}

#Portfolio h2 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #29406C;
	margin-top: 0px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.1em;
}
#Portfolio h3 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #822D34;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	*padding-top: 5px;
	margin-top: -5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 0px;
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100px;
}

#Portfolio a {
	text-decoration: none;
	color: #992D34;
	font-weight: bold;
	font-size: 1.1em;
}
#Portfolio {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	float: left;
	padding-right: 15px;
	width: 480px;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 0.7em;
	height: 500px;
	background-color: #FFFFFF;
	line-height: 1.3em;
}



#Services {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
	width: 460px;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 0.7em;
	height: 440px;
	background-color: #FFFFFF;
}
#Services h2 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #29406C;
	margin-top: 0px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.2em;
}

#Services h1 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}


#Services h3 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #822D34;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-top: -5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 0px;
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100px;
}

#ServicesContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 763px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	height: 905px;
	float: none;
	margin-top: -10px;
}
#AffiliationsIMG {
	background-image: url(affiliations_logos.jpg);
	height: 105px;
	width: 480px;
	margin-top: 90px;
	padding-top: 10px;
}


#InnovationContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 763px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	height: 940px;
	float: none;
	margin-top: -10px;
}

#Header {
	background-image: url(header.png);
	height: 121px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: bottom;
}
#Headerin {
	background-image: url(header.png);
	height: 121px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: bottom;
}
/********************************************************
	        BANNER  START
*********************************************************/
#bannermisc {
	height: 156px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	background-image: url(banner-misc.png);
}

#bannerinsd {
		height: 156px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
		background-image: url(banner-insd.png);
}
#bannercomm {
		height: 156px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
		background-image: url(banner-comm.png);
}
#bannerresi {
		height: 156px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
		background-image: url(banner-resi.png);
}

#banner {
	background-image: url(banner/banner.png);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
#bannerII {
	background-image: url(banner/bannerII.jpg);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
#bannerIII {
	background-image: url(banner/bannerIII.jpg);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}


#architecturalbanner {
	background-image: url(banner/arch.png);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
#structuralbanner {
	background-image: url(banner/structural.png);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
#civilbanner {
	background-image: url(banner/civil.png);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}

#constructionbanner {
	background-image: url(banner/construction.png);
	height: 158px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}

#Flash {
	height: 32px;
	width: 763px;
	float: left;
	background-position: left top;
}

#designbuild {
	background-image: url(banner/design-build.png);
	height: 213px;
	width: 763px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}

#contLeftin {
	float: left;
	height: 400px;
	width: 377px;
	font-size: 0.7em;
	padding-right: 27px;
	padding-left: 30px;
	text-align: left;
	}
#contLeftin h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	background-color: #FFFFFF;
	font-size: 1.6em;
	color: #192653;
	margin-bottom: -10px;
}
#contLeft {
	float: left;
	height: 400px;
	width: 397px;
	font-size: 0.7em;
	padding-right: 27px;
	padding-left: 30px;
	text-align: left;
}
#contLeft h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	background-color: #FFFFFF;
	font-size: 1.6em;
	color: #192653;
	margin-bottom: -10px;
}
#contRight {
	float: left;
	height: 300px;
	width: 280px;
	background-repeat: no-repeat;
	font-size: 1.1em;
	padding-top: 0px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #666666;
	margin-left: 20px;
}


#Footer {
	float: left;
	background-image: url(footer.jpg);
	position: relative;
	background-repeat:no-repeat;
	bottom:-10;
	height: 58px;
	width: 663px;
	margin-right: auto;
	margin-left: auto;
	color: #CCCCCC;
	font-size: 0.7em;
	text-align: center;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 0px;
	line-height: 1.3em;
}

#mpContent {
	float: left;
	height: 400px;
	width: 763px;
	background-repeat: no-repeat;
}
#LeftDesignBuild {
	float: left;
	width: 240px;
	font-size: 0.7em;
	padding-left: 0px;
	
}
#DesignBuildFlash {
	width: 210px;
	border: medium solid #F4F4F4;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 15px;
}
#LeftDesignBuild p {
	width: 215px;
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 20px;
}

#LeftSide {
	float: left;
	width: 240px;
	background-image: url(company_title.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #333333;
}
#LeftInnovation {
	float: left;
	width: 220px;
	background-image: url(innovation_title.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	font-size: .7em;
	padding-left: 20px;
	padding-top: 60px;
	text-align: left;
	padding-right: 10px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #333333;
}

#LeftInnovation h1 {
	background-image: url(innovation_img.jpg);
	height: 25px;
	width: 205px;
	background-repeat: no-repeat;
	padding-top: 100px;
	font-family: "Century Gothic", Verdana, Arial;
	text-transform: none;
	font-weight: bold;
	color: #29406C;
}

#LeftPortfolio {
	float: left;
	width: 220px;
	background-image: url(portfolio_title.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	text-align: justify;
	padding-right: 10px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #666666;
	font-weight: normal;
}

#LeftServices {
	float: left;
	width: 220px;
	background-image: url(services_title.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	font-size: .7em;
	padding-left: 20px;
	padding-top: 60px;
	text-align: left;
	padding-right: 10px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #333333;
}

#LeftServices h1 {
	width: 205px;
	background-repeat: no-repeat;
	padding-top: 10px;
	font-family: "Century Gothic", Verdana, Arial;
	text-transform: none;
	font-weight: normal;
	color: #29406C;
}
#DesignServices {
	margin-top: 30px;
}
#DesignServices a {
	color: #7D2D30;
}

#ServicesLeft{
	float: left;
	width: 240px;
	background-image: url(services_title.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}

#Affiliations ul {
	list-style-type: none;
	list-style-image: url(arrow_bullet.png);
}
#Affiliations {
	margin-left: -26px;
	padding-left: -20px;
	font-size: 0.87em;
	line-height: 2em;
}

#PortfolioList ul {
	list-style-type: none;
	list-style-image: url(arrow_bullet.png);
	padding-top: 4px;
	line-height: 19px;
	font-size: 1.3em;
}
#PortfolioList {
	margin-left: 0px;
	padding-left: -20px;
	font-size: 0.87em;
}

#Navigation {
	width: 200px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #666666;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	margin-top: 90px;
	list-style-type: none;
	list-style-image: none;
	color: #000000;
}

#Navigation.current a {
	color: #842f34;
	background-image: url(arrow_bullet.png);
	background-repeat: repeat-x;
}

#Navigation a {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-decoration: none;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 5px;
	list-style-type: none;
	color: #000000;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

#Navigation a:hover, {
	color: #842f34;
	
	
}


#Navigation ul {
	list-style-type: none;
	list-style-image: url(arrow.gif);
}
#Contact {
	height: 525px;
	width: 763px;
	background:#0099FF;
}
#Contact h1 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #29406C;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}

#Contact h2 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #822D34;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #29406C;
	margin-top: 0px;
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
}
#Contact h3 {
	font-family: "Century Gothic", Verdana, Arial;
	color: #822D34;
	padding-left: 7px;
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #29406C;
	margin-top: -5px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 0px;
	background-image: url(arrow_bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100px;
}

#Contact a {
	text-decoration: none;
	color: #992D34;
}


#Contact {
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 15px;
	float: left;
	padding-right: 15px;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 11px;
	height: 500px;
	background-color: #FFFFFF;
	width: 733px;
}
#Contact textarea,
#Contact input{
border:solid 1px #000;
font-family: "Century Gothic", Verdana, Arial;
	font-size: 11px;
	width:190px;
}
#Contact input[type=checkbox]{
border:0 none;
width:auto;
}
#Contact input[type=reset],
#Contact input[type=button]{
width:auto;
border:0 none;
background:#682423;
color:#FFFFFF;
font-family: "Century Gothic", Verdana, Arial;
	font-size: 11px;
}
#Contact label{
text-transform:uppercase;
font-size:10px;
}
#SendEmail{
color:#7A2413;
font-family: "Century Gothic", Verdana, Arial;
	font-size: 11px;
}
#SendEmail a:link{
color:#000000;
}
#SendEmail a:hover{
color:#000000;
}
#tabRight td{
padding-bottom:10px;
}
#SeparateForm{
text-align:center; width:auto;
padding-top:10px;
}
#SeparateForm img{
padding-bottom:10px;
}
#SeparateForm #phone{
color:#7A2413;
}
#SeparateForm #fax{
color:#7A2413;
}
#Company ul {
	list-style-image: url(arrow_bullet.png);
	line-height: 1.7em;
}
#contRight a {
	font-size: 0.7em;
	color: #4D1B1C;
	padding-left: 0px;
	*padding-left: 0px;/*IE 7*/
}
#TechnologyIMG {
	background-image: url(tech_logos.jpg);
	height: 65px;
	width: 348px;
}

#principalInfo {
padding-top: 5px;
	padding-left: 15px;
}
#principalInfo p {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
#Footer a {
	color: #CCCCCC;
}


#ProjectDesc        {
	width: 440px;
	height: 250px;
	padding-left: 15px;
	padding-top: 15px;
}
#ResidentialMenu {
	height: 30px;
	padding-top: 20px;
	text-transform: uppercase;
	color: #721704;
	padding-bottom: 10px;
}

#MainThumbs {
	width: 443px;
	padding-top: 15px;
	background-image: url(proj.png);
	background-repeat: no-repeat;
	margin-top: 40px;
	height: 119px;
	margin-left: -10px;
	margin-bottom: 10px;
}

#Portfolio h4 {
	font-size: 1.3em;
	color: #29406C;
}
#SeparateForm {
	font-size: 1.3em;
	font-weight: bold;
}
#MainThumbs a {
	color: #802A2B;
}

.btnbck
{
	background-image: url(btnbck.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding-top:7px;
	height: 30px;
}
.btngo
{
	background-image: url(bck.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 88px;
}

.demo-show2 {
		width:400px;
		background: white;
		display: block;
	}
	#ContHold {
		cursor:none;
	}
	.back {
		cursor:hand;
	}
	.designtxt
	{ color:#cc3e4c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5pt;
	text-decoration:none;
	}
	.designheading
	{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5pt;
	font-weight:bold;
	text-decoration:none;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	}
.desigsubtxt
	{ color:#be606a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;;
	font-weight:normal;
	text-decoration:none;
	}
.desigtxtmain
	{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	font-weight:normal;
	line-height:1.1em;
	Padding:10px 5px 11px 12px;
	text-decoration:none;
	
	}
.desigtxtwrt
	{
	color:#be606a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.5pt;
	font-weight:normal;
	text-decoration:none;
	}
	
.dvid{height:55px;
float:left;
}

/********************************************************
					SERVICE BANNER  START
*********************************************************/
#arch1
  {
    height: 285px;
	width: 155px;
    background: url("a1.jpg") no-repeat 0 0;
  }

  #arch1:hover
  { 
    background: url("a1hov.jpg") no-repeat 0 0;
  }
#struc1
  {
   
   	height: 285px;
	width: 155px;
    background: url("b1.jpg") no-repeat 0 0;
  }

#struc1:hover
  { 
    background: url("b1hov.jpg") no-repeat 0 0;
  }
 #civil1
  {

   	height: 285px;
	width: 152px;
    background: url("c1.jpg") no-repeat 0 0;
  }

#civil1:hover
  { 
    background: url("c1hov.jpg") no-repeat 0 0;
  }
  #const1
  {
    
   	height: 285px;
	width: 152px;
    background: url("d1.jpg") no-repeat 0 0;
  }

#const1:hover
  { 
    background: url("d1hov.jpg") no-repeat 0 0;
  }
#design1
  {
    height: 285px;
	width: 152px;
    background: url("e1.jpg") no-repeat 0 0;
  }

#design1:hover
  { 
    background: url("e1hov.jpg") no-repeat 0 0;
  }
  .headertxt {	color: #29406C;
	font-weight: bold;
	font-size: 1.2em;
	padding-left:1px;
	padding-right:1px;
}


/***************************************************
               INDEX BNNER
****************************************************/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:279px;	width: 763px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;
border:none;}

/*--Paging Styles--*/
.paging {
	position: relative;
	text-decoration:none;
	/*bottom: 100px;*/
	/*top: -268px;*/
	top: -248px;	
	/*right: 50px;*/
	right:-160px;
	width: auto;
	min-height:100px;
	height:auto;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 16px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	background-repeat: no-repeat;
}

.paging a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	font-weight: bold;
	background: transparent url('active.png') no-repeat top left;
	color: #000000;
	width:20px;
	text-align:center;
	display: inline;
	height:19px;
	padding: 3px 6px;
	
}
.paging a.active {
	font-weight: bold;
	width:20px;
	height:19px;
	padding: 3px 6px;
	background: transparent url('active1.png') no-repeat top left;
	color:#FFFFFF;
}
.paging a:hover {color: #ba2501;
text-decoration:none;}
#pausecont {
	position: relative;
	right:-619px; 
	/*top: -286px;*/
	top: -266px;
	*top: -349px;/*IE 7*/
	width:50px;
	height:20px;
	background: transparent url('pause-play.png') no-repeat top left;
	text-decoration:none;
	z-index: 110; /*--Assures the paging stays on the top layer--*/
	text-align: center;
}
#pausecont a{
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	font-weight: normal;
	width:50px !important;
	height:20px !important;
	padding-top: 6px;
	line-height:20px;
	position: relative;
}

#pausecont a:hover{
color: #ba2501;
/*background-color:#fff;*/
text-decoration:none;
}

/*.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:10;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}*/
		.black_overlay{
			display: none;
			position:fixed;
			top:0;
			bottom:0;
			right:0;
			left: 0;
			/*width: 100%;
			height: 120%;
			background-color: black;*/
			background:none repeat scroll 0 0 #000000;
			z-index:10;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}

.white_content {
			/*display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 475px;
			height: 320px;
			padding: 16px;
			border: 1px solid black;
			background-color: white;
			z-index:1002;
			overflow: auto;*/
			background-color:#ffffff;
			display: none;
			position: absolute;
			left: 25%;
			width: 758px;
			height:460px;
			top:20%;
			z-index:1002;
			overflow:hidden;
			margin:0 auto;
			}
.white_gallery{
			/*display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 475px;
			height: 320px;
			padding: 16px;
			border: 1px solid black;
			background-color: white;
			z-index:1002;
			overflow: auto;*/
			background:none repeat scroll 0 0 #000000;
			display: none;
			position: absolute;
			left: 17%;
			width: 820px;
			height:560px;
			top:20%;
			z-index:1002;
			overflow:hidden;
			margin:0 auto;
			}

 .tabheader
		{
	background-repeat:no-repeat;
	height:59px;
	background-image: url(pop_vid_top.jpg);
	margin: 0px;
	padding: 0px;
	width: 746px;
	background-position: center;
}
.lpadd
{ padding-left:1px;
background-position:center;}
.rpadd
{ padding-right:10px;
background-position:right;
}
.gap{ background-color:#FFFFFF;
height:5px;
}
.videogallery {
    background-image: url(videogal.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    height: 59px;
    margin: 0;
    padding: 0;
    width: 100%;
}


/*******************************************
			STSFF CSS

********************************************/

.jamshid
{background-image:url(jamshid.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.jamshidh
{background-image:url(jamshid-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.kk
{background-image:url(khalid.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.kkh
{background-image:url(khalid-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.khalid
{background-image:url(khalid-lit.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.khalidh
{background-image:url(khalid-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.jin
{background-image:url(jin.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.jinh
{background-image:url(jin-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.syed
{background-image:url(syed.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.syedh
{background-image:url(syed-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.doru
{background-image:url(doru.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.doruh
{background-image:url(doru-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.suhib
{background-image:url(suhib.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.suhibh
{background-image:url(suhib-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.daniel
{background-image:url(daniel.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.danielh
{background-image:url(daniel-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.khalid
{background-image:url(khalid.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.khalid
{background-image:url(khalid-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.bher
{background-image:url(bher.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.bherh
{background-image:url(bher-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}

.haris
{background-image:url(harish.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}
.harish
{background-image:url(haris-lite.png);
background-repeat:no-repeat;
width:93px;
height:76px;
}