body {background: #e5e1d9;} #page_margins { width:950px; text-align:left; position:absolute; left: 10%; min-height: 450px; } /* header */ #header { height:75px; position:relative; padding-bottom: 30px; } #header #Logo { position: absolute; top: -75px; width: 154px; height: 75px; background: url(images/KMS_logo.png) left top no-repeat; left: 2px; } #header #Login { position:absolute; left:774px; width:160px; height:40px; background:url(images/login.png) left top no-repeat; top: 1px; } #header #cse-search-box { position:absolute; top: 55px; left:645px; width:310px; height:40px; background: #e5e1d9; } #header #linkedin { position:absolute; top: 53px; left:786px; width:25px; height:25px; background: url(images/invitations-writing-linkedin-best-practices-.jpg) left top no-repeat; } #header #facebook { position:absolute; top: 54px; left:833px; width:25px; height:25px; background: url(images/facebook_logo.png) left top no-repeat; } #header #twitter { position:absolute; top: 53px; left:878px; width:25px; height:25px; background: url(images/Twitter-Newspaper.png) left top no-repeat; } #header #Login a {display:block; left:200px; width: 160px; height:40px;} #header #Logo a {display:block;width:154px;height:75px;} #header #linkedin a {display:block;width:25px;height:25px;} #header #facebook a {display:block;width:25px;height:25px;} #header #twitter a {display:block;width:25px;height:25px;} #topNavigation { height: 45px; width: 950px; position: relative; background: #e5e1d9; left: -15px; padding-top: 5px; padding: 5; } #main { position: relative; height: auto; padding-bottom: 15px; font-family:Arial, Helvetica, sans-serif; color: #3a3229; font-size:12px; } #main #hardware_support { position: absolute; top: 100px; float: left; width: 180px; height: 51px; left: 5px; background: url(images/support.png); } #main #shareholders { position: absolute; top: 100px; float: left; width: 180px; height: 51px; left: 760px; background: url(images/shareholders.png); } #main #learning_center { position: absolute; top: 100px; float: left; width: 180px; height: 51px; left: 380px; background: url(images/learning_center.png); } #main #clients_associates { position: absolute; top: 100px; float: left; width: 180px; height: 51px; left: 570px; background: url(images/clients_associates.png); } #main #resource_library { position: absolute; top: 100px; float: left; width: 180px; height: 51px; left: 193px; background: url(images/resource_library.png); } #main #team_space { position: absolute; top: 160px; float: left; width: 180px; height: 51px; left: 570px; background: url(images/team_space.png); } #main #hardware_support a {display:block; left:5px; width: 180px; height:51px;} #main #shareholders a {display:block; left:190px; width: 180px; height:51px;} #main #learning_center a {display:block; left:380px; width: 180px; height:51px;} #main #clients_associates a {display:block; left:570px; width: 180px; height:51px;} #main #resource_library a {display:block; left:760px; width: 180px; height:51px;} #main #team_space a {display:block; left:760px; width: 180px; height:51px;} #main_home { position: relative; height: auto; padding-bottom: 15px; } #main_GeoCockpit { position: relative; height: auto; padding-bottom: 15px; font-family:Arial, Helvetica, sans-serif; color: #3a3229; font-size:12px; } #news_content { position: absolute; float: left; padding-left: 10px; padding-right: 10px; width: 450px; height: 250px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(Pictures/MT_System1.JPG) } #news_content p a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000; text-decoration: underline; } #pics_box { position: absolute; float: right; left: 500px; width: 442px; height: 250px; } #imageSlideshowHolder{ width:442px; height:250px; background-color:#000; border:3px solid #317082; position:relative; /* Never change this value */ } .imageInGallery{ width:470px; height:250px; background-color:#000; /* Never change these 3 value */ left:-291px; top:-57px; position:absolute; } #Overview_content { position: absolute; float: left; height: 200px; top: 270px; width: 220px; font-family:Arial, Helvetica, sans-serif; color: #3a3229; font-size:12px; } #overview_top { position:relative; height: 18px; background: #E5E1D9 url(images/homebox-top.png) center top no-repeat; } #overview_middle { padding-left: 10px; padding-right:10px; padding-top: 1px; padding-bottom: 1px; position:relative; height: 250px; background:url(images/homebox-fill.png) center repeat-y; } #overview_bottom { position:relative; height: 18px; background:#E5E1D9 url(images/homebox-bottom.png) center bottom no-repeat; } #Marine_tech { position: absolute; float: left; height: 200px; top: 270px; left:250px; width: 220px; font-family:Arial, Helvetica, sans-serif; color: #3a3229; font-size:12px; } #marine_top { position:relative; height: 18px; background: #E5E1D9 url(images/homebox-top.png) center top no-repeat; } #marine_middle { padding-left: 10px; padding-right:10px; padding-top: 1px; padding-bottom: 1px; position:relative; height: 250px; background:url(images/homebox-fill.png) center repeat-y; } #marine_bottom { position:relative; height: 18px; background:#E5E1D9 url(images/homebox-bottom.png) center bottom no-repeat; } #Permanent_sensors { position: absolute; float: left; height: 200px; top: 270px; left:500px; width: 220px; font-family:Arial, Helvetica, sans-serif; color: #3a3229; font-size:12px; } #permanent_top { position:relative; height: 18px; background: #E5E1D9 url(images/homebox-top.png) center top no-repeat; } #permanent_middle { padding-left: 10px; padding-right:10px; padding-top: 1px; padding-bottom: 1px; position:relative; height: 250px; background:url(images/homebox-fill.png) center repeat-y; } #permanent_bottom { position:relative; height: 18px; background:#E5E1D9 url(images/homebox-bottom.png) center bottom no-repeat; } #Borehole_system { position: absolute; float: left; height: 200px; top: 270px; left:750px; width: 220px; font-family:Arial, Helvetica, sans-serif; color: #3a3229; font-size:12px; } #borehole_top { position:relative; height: 18px; background: #E5E1D9 url(images/homebox-top.png) center top no-repeat; } #borehole_middle { padding-left: 10px; padding-right:10px; padding-top: 1px; padding-bottom: 1px; position:relative; height: 250px; background:url(images/homebox-fill.png) center repeat-y; } #borehole_bottom { position:relative; height: 18px; background:#E5E1D9 url(images/homebox-bottom.png) center bottom no-repeat; } #leftcolumn_content { position: absolute; float: left; width: 250px; font-family:Arial, Helvetica, sans-serif; font: bold; font-size:12px; clip: auto; } #rightcolumn_content { position: absolute; margin-left: 275px; font-family:Arial, Helvetica, sans-serif; float:right; width: 700px; overflow: auto; } #leftcolumn_top { position:relative; height: 18px; background: #E5E1D9 url(images/leftbox-top.png) center top no-repeat; } #leftcolumn_middle { padding-left: 10px; padding-top: 1px; padding-bottom: 1px; position:relative; background:url(images/leftbox-fill.png) center repeat-y; } #leftcolumn_bottom { position:relative; height: 18px; background:#E5E1D9 url(images/leftbox-bottom.png) center bottom no-repeat; } #rightcolumn_top { position:relative; height:18px; background:#E5E1D9 url(images/rightsidebox-top.png) center top no-repeat; } #rightcolumn_middle { position:relative; padding-left: 15px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; background:#E5E1D9 url(images/rightsidebox-fill.png) center repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; } #rightcolumn_bottom { position:relative; height: 18px; background:#E5E1D9 url(images/rightsidebox-bottom.png) center bottom no-repeat; } /* footer */ #footer_super_short{ position: relative; top: 150px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_short{ position: relative; top: 330px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_medium{ position: relative; top: 650px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_long{ position: relative; top: 1090px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_extra_long{ position: relative; top: 1630px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_XXL{ position: relative; top: 2200px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_super_long{ position: relative; top: 5200px; height: 20px; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #footer_home{ position: relative; top: 800px; height: auto; width: 950px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } h1 { color: #0070C0; font-size: 24px; line-height: 28px; padding-bottom: 10px; font-family: "Arial Rounded MT Bold"; text-align: left; } h2 { color: #3a3229; font-size: 16px; font-weight: bold; line-height: 20px; text-align: left; } h3 { color: #0070C0; font-size: 16px; font-weight: bold; line-height: 20px; text-align: left; } h5 { color: #3a3229; font-size: 16px; font-weight: bold; line-height: 20px; text-align: center; vertical-align: middle; } a, a:link { color: #3a3229; text-decoration: underline; } a:visited { color: #0070C0; font-weight: bold; text-decoration: underline; } a:hover { color: #0070C0; text-decoration: underline; } a:focus { color: #3a3229; } a:active { color: #0070C0; text-decoration: underline; } table strong { color: #FFF; }