/*--------------------
AGA Site
---------------------*/
body {
	background:#FFFFFF;
	margin:0 10px 20px;
}
html {
	height:100%;
	margin-bottom:1px;
}
* {
	padding:0;
	margin:0;
	border:0;
}
.clear {
	clear: both;
}
p {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	line-height: 19px;
	color:#fff;
	padding-bottom:18px;
} 
p.line {
	line-height: 15px;
}
A:link {
	text-decoration: none;
	color: #fff;
	}
A:hover {
	text-decoration: none;
	color: #000;
	}



/*--------------------
	main page elements
---------------------*/
#mainframe {
	position:relative;
	width:1002px;
	height:500px;
	margin:35px auto;
}
#globe-table {
	width:962px;
	height:550px;
	padding:0 20px;
}
#movie-table {
	width:962px;
	height:426px;
	background: #ccc;
}
#topnav {
	float: left;
	width:733px;
	margin-left:20px;
	padding-top:50px;
}
.vline {
	float: left;
	width:1px;
	height:16px;
	background: #7f8992;
}
#logo {
	float: left;
	width:146px;
	height:82px;
	padding-bottom:10px;
}
#bluebox {
	float:left;
	width:127px;
	height:386px;
	margin-right:8px;
	padding: 20px 20px;
	background:#04a0c1;
}
#contentbox {
	float:left;
	width:326px;
	height:396px;
	margin-right:8px;
	padding: 15px;
	background:#47555d;
}
#boxholder {
	float:left;
	width:356px;
	height:426px;
	margin-right:8px;
	background:#47555d;
}
#contenttop {
	width:307px;
	height:178px;
	padding: 15px 15px;
}
#contentbtm {
	width:307px;
	height:178px;
	padding: 15px 15px;
}
#divider {
	width:356px;
	height:8px;
	background:#fff;
}
#columnbox {
	float:left;
	width:694px;
	height:396px;
	margin-right:8px;
	padding: 15px 15px;
	background:#47555d;
}
#dividerpx {
	height:1px;
	background:#fff;
}
#imagebox {
	float:left;
	width:360px;
	height:426px;
	margin-right:8px;
}
#tagbox {
	float:left;
	width:55px;
	height:426px;
	background: #fff;
}
#copyrt {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#9da2a5;
	padding:430px 0 0 0;
}
#copyrthm {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#9da2a5;
	padding:4px 0 0 0;
}

/* main nav */
#navbox div {
	float:left;
	text-indent:-1000em;
}
#navbox div a {
	display:block;
	height:15px;
	background-color:#fff;
	background-position:0 100%;
	background-repeat:no-repeat;
}
#navbox div a:hover {
	background-position: 0 0;
}
#navbox div a.about {
	width: 53px;
	margin-right:25px;
	background-image:url(../images/nav_about.gif);
}
#navbox div a.services {
	width: 73px;
	margin:0 25px;
	background-image:url(../images/nav_services.gif);
}
#navbox div a.innovation {
	width: 100px;
	margin:0 25px;
	background-image:url(../images/nav_inno.gif);
}
#navbox div a.portfolio {
	width: 86px;
	margin:0 25px;
	background-image:url(../images/nav_portfolio.gif);
}
#aboutOn {
	width:53px;
	height:15px;
	margin-right:25px;
	background-image:url(../images/nav_about.gif);
}
#servicesOn {
	width:73px;
	height:15px;
	margin:0 25px;
	background-image:url(../images/nav_services.gif);
}
#innovationOn {
	width:100px;
	height:15px;
	margin:0 25px;
	background-image:url(../images/nav_inno.gif);
}
#portfolioOn {
	width:86px;
	height:15px;
	margin:0 25px;
	background-image:url(../images/nav_portfolio.gif);
}

/* About sub nav */
#subnav div {
	text-indent:-1000em;
}
#subnav div a {
	display:block;
	width: 140px;
	height:13px;
	margin-bottom:25px;
	background-color:#04a0c1;
	background-position:0 100%;
	background-repeat:no-repeat;
}
#subnav div a:hover {
	background-position: 0 0;
}
#subnav div a.history {
	background-image:url(../images/subnav_history.gif);
}
#subnav div a.people {
	background-image:url(../images/subnav_people.gif);
}
#subnav div a.contact {
	background-image:url(../images/subnav_contact.gif);
}
#subnav div a.employment {
	background-image:url(../images/subnav_employ.gif);
}
#subnav div a.preconst {
	height:51px;
	background-image:url(../images/subnav_preconst.gif);
}
#subnav div a.design {
	background-image:url(../images/subnav_design.gif);
}
#subnav div a.proj {
	background-image:url(../images/subnav_proj.gif);
}
#subnav div a.plant {
	background-image:url(../images/subnav_plant.gif);
}
#subnav div a.comm {
	background-image:url(../images/subnav_commercial.gif);
}
#subnav div a.hospt {
	background-image:url(../images/subnav_hospity.gif);
}
#subnav div a.residntal {
	background-image:url(../images/subnav_residntial.gif);
}
#subnav div a.instutnal {
	background-image:url(../images/subnav_instutional.gif);
}
#subnav div a.spproj {
	background-image:url(../images/subnav_special_proj.gif);
}
#subnav div a.tech {
	background-image:url(../images/subnav_technology.gif);
}
#subnav div a.green {
	background-image:url(../images/subnav_green.gif);
}
#subnav div a.buildinfo {
	height:32px;
	background-image:url(../images/subnav_build_info.gif);
}
#subnav div a.photovo {
	height:49px;
	background-image:url(../images/subnav_photovoics.gif);
}
#subnav div a.unitized {
	background-image:url(../images/subnav_unitized.gif);
}
#techOn {
	width:67px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_technology.gif);
}
#greenOn {
	width:85px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_green.gif);
}
#buildinfoOn {
	width:117px;
	height:32px;
	margin-bottom:25px;
	background-image:url(../images/subnav_build_info.gif);
}
#photovoOn {
	width:109px;
	height:49px;
	margin-bottom:25px;
	background-image:url(../images/subnav_photovoics.gif);
}
#unitizedOn {
	width:125px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_unitized.gif);
}
#historyOn {
	width:42px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_history.gif);
}
#peopleOn {
	width:39px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_people.gif);
}
#contactOn {
	width:63px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_contact.gif);
}
#employOn {
	width:72px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_employ.gif);
}
#preconstOn {
	width:109px;
	height:51px;
	margin-bottom:25px;
	background-image:url(../images/subnav_preconst.gif);
}
#designOn {
	width:123px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_design.gif);
}
#projOn {
	width:120px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_proj.gif);
}
#plantOn {
	width:97px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_plant.gif);
}
#commOn {
	width:69px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_commercial.gif);
}
#hosptOn {
	width:64px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_hospity.gif);
}
#residntalOn {
	width:64px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_residntial.gif);
}
#instutnalOn {
	width:70px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_instutional.gif);
}
#spprojOn {
	width:92px;
	height:13px;
	margin-bottom:25px;
	background-image:url(../images/subnav_special_proj.gif);
}
/* port thumbnail images */
#colwhite {
	float:left;
	width:732px;
	height:426px;
	background:#fff;
}
/* thumb-box top */
.tmp {
	width:175px;
	height:209px;
	margin-right:8px;
	margin-bottom:8px;
	background-image:url(../images/tb_tmp.jpg);
}
#thumb-box div {
	float:left;
	text-indent:-1000em;
}
#thumb-box div a {
	display:block;
	width: 175px;
	height:209px;
	margin-right:8px;
	margin-bottom:8px;
	background-color:#fff;
	background-position:0 100%;
	background-repeat:no-repeat;
}
#thumb-box div a:hover {
	background-position: 0 0;
}
#thumb-box div a.com_01 {
	background-image:url(../images/tb_com_01.jpg);
}
#thumb-box div a.com_02 {
	background-image:url(../images/tb_com_02.jpg);
}
#thumb-box div a.com_03 {
	background-image:url(../images/tb_com_03.jpg);
}
#thumb-box div a.com_04 {
	background-image:url(../images/tb_com_04.jpg);
}
#thumb-box div a.hosplty_01 {
	background-image:url(../images/tb_hosplty_01.jpg);
}
#thumb-box div a.hosplty_02 {
	background-image:url(../images/tb_hosplty_02.jpg);
}
#thumb-box div a.hosplty_03 {
	background-image:url(../images/tb_hosplty_03.jpg);
}
#thumb-box div a.hosplty_04 {
	background-image:url(../images/tb_hosplty_04.jpg);
}
#thumb-box div a.residntal_01 {
	background-image:url(../images/tb_residntal_01.jpg);
}
#thumb-box div a.residntal_02 {
	background-image:url(../images/tb_residntal_02.jpg);
}
#thumb-box div a.residntal_03 {
	background-image:url(../images/tb_residntal_03.jpg);
}
#thumb-box div a.residntal_04 {
	background-image:url(../images/tb_residntal_04.jpg);
}
#thumb-box div a.instal_01 {
	background-image:url(../images/tb_instal_01.jpg);
}
#thumb-box div a.instal_02 {
	background-image:url(../images/tb_instal_02.jpg);
}
#thumb-box div a.instal_03 {
	background-image:url(../images/tb_instal_03.jpg);
}
#thumb-box div a.instal_04 {
	background-image:url(../images/tb_instal_04.jpg);
}
#thumb-box div a.specproj_01 {
	background-image:url(../images/tb_specproj_01.jpg);
}
#thumb-box div a.specproj_02 {
	background-image:url(../images/tb_specproj_02.jpg);
}
#thumb-box div a.specproj_03 {
	background-image:url(../images/tb_specproj_03.jpg);
}
#thumb-box div a.specproj_04 {
	background-image:url(../images/tb_specproj_04.jpg);
}

/* thumb-box bottom */
#thumb-boxbt div {
	float:left;
	text-indent:-1000em;
}
#thumb-boxbt div a {
	display:block;
	width: 175px;
	height:209px;
	margin-right:8px;
	background-color:#fff;
	background-position:0 100%;
	background-repeat:no-repeat;
}
#thumb-boxbt div a:hover {
	background-position: 0 0;
}
#thumb-boxbt div a.com_05 {
	background-image:url(../images/tb_com_05.jpg);
}
#thumb-boxbt div a.com_06 {
	background-image:url(../images/tb_com_06.jpg);
}
#thumb-boxbt div a.com_07 {
	background-image:url(../images/tb_com_07.jpg);
}
#thumb-boxbt div a.com_08 {
	background-image:url(../images/tb_com_08.jpg);
}
#thumb-boxbt div a.hosplty_05 {
	background-image:url(../images/tb_hosplty_05.jpg);
}
#thumb-boxbt div a.hosplty_06 {
	background-image:url(../images/tb_hosplty_06.jpg);
}
#thumb-boxbt div a.hosplty_07 {
	background-image:url(../images/tb_hosplty_07.jpg);
}
#thumb-boxbt div a.hosplty_08 {
	background-image:url(../images/tb_hosplty_08.jpg);
}
#thumb-boxbt div a.residntal_05 {
	background-image:url(../images/tb_residntal_05.jpg);
}
#thumb-boxbt div a.residntal_06 {
	background-image:url(../images/tb_residntal_06.jpg);
}
#thumb-boxbt div a.residntal_07 {
	background-image:url(../images/tb_residntal_07.jpg);
}
#thumb-boxbt div a.residntal_08 {
	background-image:url(../images/tb_residntal_08.jpg);
}
#thumb-boxbt div a.instal_05 {
	background-image:url(../images/tb_instal_05.jpg);
}
#thumb-boxbt div a.instal_06 {
	background-image:url(../images/tb_instal_06.jpg);
}
#thumb-boxbt div a.instal_07 {
	background-image:url(../images/tb_instal_07.jpg);
}
#thumb-boxbt div a.instal_08 {
	background-image:url(../images/tb_instal_08.jpg);
}
#thumb-boxbt div a.specproj_05 {
	background-image:url(../images/tb_specproj_05.jpg);
}
#thumb-boxbt div a.specproj_06 {
	background-image:url(../images/tb_specproj_06.jpg);
}
#thumb-boxbt div a.specproj_07 {
	background-image:url(../images/tb_specproj_07.jpg);
}
#thumb-boxbt div a.specproj_08 {
	background-image:url(../images/tb_specproj_08.jpg);
}

/* port case page */
#darkBlue {
	float:left;
	width:724px;
	height:65px;
	margin-right:8px;
	margin-bottom:8px;
	background:#00409f;
}
#btnBack div {
	float:left;
	text-indent:-1000em;
}
#btnBack div a {
	display:block;
	width: 41px;
	height:18px;
	margin-top:40px;
	margin-left:15px;
	background-color:#00409f;
	background-position:0 100%;
	background-repeat:no-repeat;
}
#btnBack div a:hover {
	background-position: 0 0;
}
#btnBack div a.back {
	background-image:url(../images/btn_back.gif);
}
#caseAdd {
	float:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#fff;
	margin:7px 15px 0 75px;
}
#caseImage {
	float:left;
	width:724px;
	height:353px;
	margin-right:8px;
	background:#ccc;
}