/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #BBBBBB;
	background: #141313;
	text-align: center;
}
p{
	margin-top: 8px;

}
#scroll ul, #scroll ol{
	margin: 0;
	padding: 0;
}
#scroll li{
	list-style: none;
	background: url(../images/dot-point-dash.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 7px;

}

a:link{
	color: #00AEEF;
	text-decoration: none;
}
a:visited{
	color: #00AEEF;
	text-decoration: none;
}
a:hover, a:active{
	background: #BBBBBB;
	text-decoration: none;
	color: #000;
}

/*layout - general*/
#page{
	width: 937px;
	height: 704px;
	text-align: left;
	background: url(../images/bg-page-dots.gif);
	margin: 20px auto;
}
#col-left{
	width: 233px;
	height: 704px;
	float: left;
}
#col-right{
	width: 704px;
	height: 704px;
	float: left;
	clear: none;
}
/*extra column rules for the info pages*/
.col-double{
	width: 466px;
	height: 699px;
	float: left;
}
.col-single{
	width: 233px;
	height: 699px;
	float: left;
}
/*the boxes*/
.module-pad{
	padding: 5px 0 0 5px;
	float: left;
	clear: none;
}
.module{
/*black background for box 3 with lists*/
/*	background: #000; */
	padding: 8px;
	width: 212px;
	height: 212px;
}
.module-scroll{
/*black background for left boxes*/
/*	background: #000; */
	width: 228px;
	height: 228px;
}
/*target specific boxes*/
a:link.logo,
a:visited.logo{
	background: #000 url(../images/logo-complete.gif) bottom no-repeat;
	display: block;
}
a:hover.logo,
a:active.logo{
	background: #000 url(../images/logo-complete-roll.gif) bottom no-repeat;
	display: block;
}
.grey{
	background: #2B2B2B;
}
.nav-common-info{
	padding-top: 98px;
}

/*sub-nav*/


/*sub-nav*/
.nav-sub-sub ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-sub-sub ul li{
	display: block;
	width: 212px;
}
.nav-sub-sub ul li a:link, 
.nav-sub-sub ul li a:visited{
	color: #BBBBBB;
	text-decoration: none;
	display: block;
	width: 212px;
	padding: 0 0 2px 0;
	margin-bottom: 1px;
}
.nav-sub-sub ul li a:hover{
        color: #000;
        text-decoration: none;
        background: #00AEEF;
        display: block;
        width: 212px;
        padding: 0 0 2px 0;
}
.nav-sub-sub ul li a:active{
	color: #000;
	text-decoration: none;
	background: #00AEEF;
	display: block;
	width: 212px;
	padding: 0 0 2px 0;
}
/*target specific boxes - home only*/
.clock{
	background: #2B2B2B;
	color: #000;
}
.clock-screen{
	background: #4D4D4D;
	padding: 7px;
}
.clock-date{
	height: 170px;
	text-transform: uppercase;
}
span#clock{
	font-size: x-large;
}

/* NEW 4 main boxes on homepage - 201006 */

.gh{
        color: #FFF;
        background-image:

}
a:link.home-architecture,
a:visited.home-architecture{
        background-image: url(../images/bg-home-arc.jpg);
        background-position: top;
        background-repeat: no-repeat;
	display: block;
}
a:hover.home-architecture,
a:active.home-architecture{
        background-image: url(../images/home-arc.jpg);
        background-position: top;
        background-repeat: no-repeat;
	display: block;
}
a:link.home-engineering,
a:visited.home-engineering{
        background-image: url(../images/bg-home-eng.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:hover.home-engineering,
a:active.home-engineering{
        background-image: url(../images/home-eng.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:link.home-landscape,
a:visited.home-landscape{
        background-image: url(../images/bg-home-lan.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:hover.home-landscape,
a:active.home-landscape{
        background-image: url(../images/home-lan.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:link.home-project,
a:visited.home-project{
        background-image: url(../images/bg-home-pro.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:hover.home-project,
a:active.home-project{
        background-image: url(../images/home-pro.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:link.home-mdd,
a:visited.home-mdd{
        background-image: url(../images/bg-home-mdd.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}
a:hover.home-mdd,
a:active.home-mdd{
        background-image: url(../images/home-mdd.jpg);
        background-position: top;
        background-repeat: no-repeat;
        display: block;
}









/*specific styles to the info pages*/
.jobs{
	background: #2B2B2B url(../images/icon-info-jobs.gif) top left no-repeat;
}
.news{
	background: #2B2B2B url(../images/icon-info-news.gif) top left no-repeat;
}
.location{
	background: #2B2B2B url(../images/icon-info-location.gif) top left no-repeat;
}
.contact{
	background: #2B2B2B url(../images/icon-info-contact.gif) top left no-repeat;
}
.awards{
	background: #2B2B2B url(../images/icon-info-awards.gif) top left no-repeat;
}
.links{
	background: #2B2B2B url(../images/icon-info-links.gif) top left no-repeat;
}
.nav-info-titles{
	padding-top: 188px;
}
/*once these pages open they need rules too!*/

.module-8-pad{
	padding: 8px 8px 0 8px;
	color: #00AEEF;
}
.module-8-pad a:link,
.module-8-pad a:visted{
	color: #00AEEF;
	text-decoration: none;
}
.module-8-pad a:hover,
.module-8-pad a:active{
	background: #00AEEF;
	text-decoration: none;
	color: #000;
}
.module-single-content{
	width: 228px;
	height: 228px;
	float: right;
}
.module-double-content{
	width: 461px;
	height: 228px;
	float: right;
}
.module-double-h-content{
	width: 228px;
	height: 461px;
	float: left;
}
.module-triple-h-content{
	width: 228px;
	height: 694px;
	float: left;
}
/*jobs page*/
.module-jobs, .module-awards{
	width: 461px;
	height: 228px;
}
.module-news{
	width: 461px;
	height: 694px;
}
.module-location{
	width: 694px;
	height: 228px;
}
.module-contact{
	width: 228px;
	height: 694px;
}
.module-contact-special{
	padding: 5px 0 0 0;
	float: left;
	clear: none;
	width: 233px;
	height: 228px;
}


.content-float-right{
	width: 228px;
	float: right;
	color: #00AEEF;
}
.module-contact-grey{
	width: 233px;
	height: 228px;
	background: #2B2B2B;
}
.left{
	float: left;
}
/*MD design page - show hide layers*/

#own-it-show, #mesh-it-show, #complete-it-show{
	display: none;
}
.module-tall{
	padding: 8px;
	width: 212px;
	height: 450px;
}
#mesh-it-closed{
	margin-top: 466px;
}
#mesh-it-show{
	float: left;
}



/*specail bittts*/
p.project-mainhead{
	color: #00AEEF;
}
p.project-titles{
	color: #00AEEF;
}


/*mdd table - i HATE tables!*/
table#mdd td.mddleft{
	padding-left: 5px;
}
table#mdd td.mddtop{
	padding-top: 5px;
}
table#mdd td.mddspace{
	padding: 0;
	width: 5px;
}
.mdd-divider{
	height: 228px;
	width: 5px;
	background: #2B2B2B;
}
.mdd-ownit{
	width: 228px;
	height: 461px;
	background: #2B2B2B;
}
.mdd-meshit{
	width: 461px;
	height: 228px;
	background: #2B2B2B;
}
.mdd-completeit{
	width: 228px;
	height: 228px;
	background: #2B2B2B;
}