/* CSS Document */
a:link, a:visited
{
color: #fff;
text-decoration: none
}
a:hover 
{
color:#cc6600;
text-decoration: none;
}
a:focus {
outline:none;
}
body {
background:#003066;
color:#fff;
margin:0;
font-family: Arial, Verdana, Geneva, Arial, sans-serif;
font-size: 9px;
}
img {
border:0;
}
#wrapper {
position: absolute;
color:#FFFFFF;
left: 10px;
top: 10px;
width: 900px;
height: 600px;
border:1px solid #013c7d;
}
#logo {
position: absolute;
height:35px;
width:280px;
background: #ffffff url(images/layout/logo.gif) no-repeat;
left:0px;
top:-38px;
}
#top_line {
position: absolute;
right:297px;
top:0px;
height:68px;
border-right:1px solid #fff;
text-align:left;
}
#right_line {
position: absolute;
right:5px;
bottom:225px;
height:1px;
border-bottom:1px solid #fff;
width:62px;
}
#top_line span {
position: absolute;
color:#cc6600;
bottom:3px;
width:400px;
right:4px;
text-align:right;
text-transform:uppercase;
}
#left_line {
position: absolute;
left:85px;
bottom:170px;
height:268px;
width:1px;
border-right:1px solid #fff;
z-index:1;
}
#menu {
position: absolute;
top:87px;
right:5px;
font-size: 9px;
}
#menu a {
display:block;
color:#fff;
background: url(images/layout/menu_bg_52.gif) no-repeat;
background-position:bottom right;
padding:15px 0 2px 0;
text-align:right;
text-transform:uppercase;
}
#menu .sub {
text-transform:lowercase;
font-size: 10px;
bachground:none;
padding:11px 0 1px 0;
}
.selected {
display:block;
color:#fff;
background: url(images/layout/menu_bg_52.gif) no-repeat;
background-position:bottom right;
padding:15px 0 2px 0;
text-align:right;
text-transform:uppercase;
}
/* for IE, with IE5/Mac backslash filter \*/
*html #menu .sub {
padding-top:9px;
}
* html #menu {
top:85px;
}
* html #menu a {
padding:15px 0 3px 0;
}
* html #menu .selected {
padding:15px 0 3px 0;
}
/* end filter */
#menu a:Hover {
color:#ffffff;
background: url(images/layout/menu_bg_52a.gif) no-repeat;
background-position:bottom right;
}
#subpro a {
color:#ffffff;
background: none;
}
#subpro a:Hover {
color:#cc6600;
background: none;
}
.subselected {
text-transform:lowercase;
background: none;
color:#fff;
background-position:bottom right;
font-size: 10px;
padding:11px 0 2px 0;
}
#breadcrumbs {
position: absolute;
left:90px;
z-index:0;
top:125px;
text-transform:lowercase;
color:#fff;
font-size: 10px;
}
#breadcrumbs a:Hover {
color:#cc6600;
}
#home_logo {
position:absolute;
width:189px;
height:13px;
right:300px;
bottom:212px;
}
#main_img {
position: absolute;
right:172px;
bottom:225px;
}
#main_img_2 {
position: absolute;
right:172px;
bottom:222px;
}
#profile_1 {
position: absolute;
right:172px;
bottom:225px;
}
#profile_3 {
position: absolute;
right:301px;
bottom:225px;
}
#services_4 {
position: absolute;
left:213px;
bottom:225px;
}
#profile_text_1 {
position: absolute;
right:301px;
bottom:374px;
width:251px;
font-size: 10px;
line-height:1.2;
}
#profile_text_2 {
position: absolute;
left:606px;
top:236px;
width:215px;
font-size:10px;
line-height:1.2;
}
* html #profile_text_2 {
left:604px;
top:234px;
}
#history_text_2 {
position: absolute;
left:606px;
top:236px;
width:215px;
font-size:10px;
line-height:1.2;
}
* html #history_text_2 {
left:604px;
top:114px;
}
#history_text_3 {
position: absolute;
left:606px;
top:116px;
width:215px;
font-size:10px;
line-height:1.2;
}
#history_text_1a {
position: absolute;
right:79px;
bottom:374px;
width:215px;
font-size: 10px;
line-height:1.2;
}
#projects_text_2 {
position: absolute;
left:606px;
top:236px;
width:215px;
font-size:10px;
line-height:1.2;
}
* html #projects_text_2 {
left:604px;
top:234px;
}
#profile_text_2 img, #history_text_2 img , #history_text_3 img {
float:left;
margin:0 11px 9px 0;
}
#spacer1 {
width:80px;
height:16px;
}
#spacer2 {
width:80px;
height:136px;
}
#spacer3 {
width:1px;
height:136px;
float:left;
}
#spacer4 {
width:220px;
height:149px;
}
#projects_text_2 img {
margin:0 100px 11px 0;
width:122px;
height:139px;
}
#submenu {
margin:0 0 -6px 0;
}
#guide {
position: absolute;
color:#FFFFFF;
bottom: 15px;
width: 900px;
height: 1px;
border-top:1px solid #0077b2;
}
#contact {
position: absolute;
top: 400px;
left:603px;
font-size: 10px;
}
.contact_label {
color:#cc6600;
font-size: 8px;
padding-top:11px;
text-transform:uppercase;
}
.project_label {
color:#cc6600;
font-size: 8px;
padding-top:11px;
text-transform:uppercase;
}
#paginate {
position: absolute;
right:301px;
top:388px;
}
#paginate2 {
position: absolute;
right:301px;
top:572px;
}
#paginate div, #paginate2 div {
display:block;
float:left;
margin-left:8px;
width: 9px;
height: 9px;
background-color:#cc6600;
border:1px solid #cc6600;
}
#paginate a, #paginate2 a {
display:block;
float:left;
margin-left:8px;
width: 9px;
height: 9px;
background-color:#003066;
border:1px solid #cc6600;
}
#paginate a:Hover, #paginate2 a:Hover {
display:block;
width: 9px;
height: 9px;
background-color:#626650;
border:1px solid #cc6600;
}
#paginate .selected, #paginate2 selected {
background-color:#cc6600;
}
#client_list_header {
position:absolute;
right:297px;
top:100px;
color:#cc6600;
font-size: 11px;
}
#client_list {
position: absolute;
left:611px;
top:112px;
font-size: 10px;
}
#profile_text_1 span, #profile_text_2 span, #projects_text_2 span, #history_text_3 span {
font-size:6px;
}
#project_text span {
font-size:2px;
}
#client span {
font-size:4px;
}
#project_map {
position: absolute;
top:98px;
left:132px;
width:573px;
height:435px;
}
#project_map_key {
position: absolute;
top:467px;
left:733px;
}
#client {
position: absolute;
right:302px;
top:386px;
color:#cc6600;
font-size: 8px;
text-transform:uppercase;
text-align:right;
}
#project_text {
position: absolute;
left:606px;
top:375px;
width:215px;
font-size:10px;
line-height:1.2;
}
#project_name {
position: absolute;
left:584px;
top:572px;
width:315px;
font-size:11px;
text-transform:uppercase;
line-height:1.2;
}
#project_name div {
display:block;
float:left;
margin-right:11px;
width: 9px;
height: 9px;
background-color:#cc6600;
border:1px solid #cc6600;
}
#project_list {
position: absolute;
left:590px;
top:435px;
line-height:1.6;
font-size:11px;
text-transform:uppercase;
}
#project_list a {
padding-left:16px;
}
#project_list a:Hover {
background: url(images/layout/rollover.gif) no-repeat;
background-position:middle left;
}