/* css & divs positioning external style sheet */
/* for diverse services website pages asdasdf*/
/* updated: 16aug07 */

body {background-color:#B0C4DE; font-family: FreeSans, Arial, Helvetica, sans-serif; font-size:12pt; color:#000080; margin-left:25px; margin-right:25px}
a:link {color:#0000FF}
a:visited {color:#0000FF}

/* class styles for divs follow */

.bg {background: #B0C4DE url(../images/bg_strip01.jpg) repeat-x;}

.text {border-style: solid; border-width:3px; border-color:#708090; height:260px; width:800px; padding:5px; z-index:3;
background-color: #add8e6; position: absolute; top: 100px; left: 170px;}

.textbox {border-style: solid; border-width:0px; border-color:yellow; height:285px; width:780px; padding: 15px 30px 5px 30px; z-index:3;
background-image: url(../images/mid_textbox.jpg); background-repeat: repeat-x; position: absolute; top: 100px; left: 160px;}

.textbox_leftend {position: absolute; top: 0px; left: 0px; }

.textbox_rightend {position: absolute; top: 0px; right: 0px;}

.leftnav {border-style: solid; border-width:0px; border-color:yellow; height:160px; width:134px; padding: 12px 5px 5px 20px;
background-image: url(../images/mid_navbox.jpg); background-repeat: repeat-y; position: absolute; top: 105px; left: 10px;}

.midimage {border-style: solid; border-width:0px; border-color:yellow; height:140px; width:90%; z-index:2;
 position: absolute; top: 400px; left: 5%;}

.botimage {border-style: solid; border-width:0px; border-color:yellow; height:40px; width:80%; z-index:1;
 position: absolute; top: 570px; left: 10%;}

 .counter {border-style: solid; border-width:0px; border-color:yellow; height:25px; width:50px; padding:5px;
 position: absolute; top: 570px; left: 0px;}

  .diverse {border-style: solid; border-width:0px; border-color:yellow; height:40px; width:70px; padding:5px;
 position: absolute; top: 570px; right: 20px;}

 .logo {border-style: solid; border-width:0px; border-color:yellow; height:96px; width:1000px;
background-image: url(../images/logo_mid.jpg); background-repeat: repeat-x; position: absolute; top: 0px; left: 0px;}

.leftend {position: absolute; top: 0px; left: 0px;}
.rightend {position: absolute; top: 0px; right: 0px;}

.logotext {position: absolute; top: 25px; left: 80px; }

.ship {position: absolute; top: 60px; left: 800px; }

.tnb {position: absolute; top: 0px; left: 0px; z-index:1;}
.bnb {position: absolute; bottom: 0px; left: 0px; z-index:1;}

.box {border-style: solid; border-width:1px; border-color:yellow; z-index:10; height:98%; width:98%;}

/* general box manipulation */
.genbox {border-style: solid; border-width:0px; border-color:yellow;}
.gboxpos {position: absolute; top: 10px; left: 275px;}
.gboxsize {height:170px; width:635px;}
.sfpos {position:absolute;top: 930px; left: 25px;}
.servtext_pos {position:absolute;top: 110px; left: 25px;}
.servtext_size {height:350px; width:920px;}
.ethbox_pos {position:absolute;top: 550px; left: 295px;}
.ethbox_size {height:350px; width:920px;}
.title_pos {position:absolute;top: 0px; left: 408px;}
.conttitle_pos {position:absolute;top: 0px; left: 448px;}
.porttitle_pos {position:absolute;top: 0px; left: 225px;}
.ethtitle_pos {position:absolute;top: 0px; left: 417px;}


.gboxbig {height:300px; width:400px;}
.pos {position:absolute;top: 10px; left: 100px;}
.gboxpos2 {position: absolute; top: 200px; left: 200px;}

/* outer text box data as used in portfollio and others pages */
.porttext {border-style: solid; border-width:3px; border-color:#708090; padding: 10px 5px 5px 10px; margin:7px; background-color: #add8e6;}
.porttext_size {height:190px; width:920px;}
.ptpos_pers { position: absolute; top: 80px; left: 25px;}
.ptpos_knoll { position: absolute; top: 300px; left: 25px;}
.ptpos_tim { position: absolute; top: 520px; left: 25px;}
.ptpos_black { position: absolute; top: 740px; left: 25px;}
.ptpos_pdh { position: absolute; top: 960px; left: 25px;}
.servtext_pos {position:absolute;top: 110px; left: 25px;}
.servtext_size {height:350px; width:920px;}
.ethtext_size {height:380px; width:920px;}
.persptpos { position: absolute; top: 100px; left: 10px;}

/* top and bott nav probably not use now */
.menu {border-style: solid; border-width:0px; border-color:yellow; height:40px; width:120px; padding:5px 0px 0px 0px;
background-image: url(../images/navbutton01.jpg); background-repeat: no-repeat; float:left}
.tnavbox {border-style: solid; border-width:0px; border-color:yellow; z-index:10; height:45px; width:700px; text-align:center;
 position: absolute; top: 40px; left: 180px;}
.bnavbox {border-style: solid; border-width:0px; border-color:yellow; z-index:10; height:45px; width:700px; text-align:center;
 position: absolute; top: 990px; left: 180px;}

 /* horizontal navigation menu manipulation */
.navbox {border-style: solid; border-width:0px; border-color:yellow; z-index:10; height:45px; width:700px; text-align:center;}
.tnavpos {position: absolute; top: 45px; left: 200px;}
.bnavpos {position: absolute; top: 1210px; left: 200px;}
.serv_navpos {position: absolute; top: 520px; left: 200px;}
.eth_navpos {position: absolute; top: 610px; left: 200px;}
.cont_navpos {position: absolute; top: 550px; left: 200px;}

.tl {position: absolute; top: -3px; left: -3px;}
.tr {position: absolute; top: -3px; right: -3px;}
.bl {position: absolute; bottom: -3px; left: -3px;}
.br {position: absolute; bottom: -3px; right: -3px;}

.template {border-style: solid; border-width:0px; border-color:yellow; height:25px; width:50px; padding:5px;
 position: absolute; bottom: 10px; left: 0px;}

.limage {border-style: solid; border-width:1px; border-color:red; height:170px; width:480px; position: absolute; top: 10px; left: 10px;}
.rimage {border-style: solid; border-width:1px; border-color:red; height:190px; width:380px; position: absolute; top: 10px; right: 10px;}


/* class styles follow */
.cent {text-align:center}
.centbold {text-align:center; font-weight:bold}
.right {text-align:right;}
.top {vertical-align:top;}
.vmid {vertical-align:middle;}
.lfloat {float:left;}
.rfloat {float: right;}
.lclear {clear:left;}
.rclear {clear:right;}
.rlmarg {margin-left:25px; margin-right:25px;}
.rmarg {margin-right:25px;}
.nlmarg {margin-left:-25px;}
.padimage {padding-right:25px; float:left;}
.boldtext {font-weight:bold;}
.lbold {font-size:16pt; font-weight:bold;}
.vertbold {font-size:24pt; font-weight:bold; vertical-align:middle;}
.bold24 {font-size:24pt; font-weight:bold;}
.bold18 {font-size:18pt; font-weight:bold;}
.navhead {color:#000080; text-align:left; font-weight:bold; z-index:3;}
.title {font-size:18pt; font-weight:bold;}


/* id styles follow */