/* mpws style */
body {background-color:#fff; margin:0; padding:0; background-image:url(images/back.jpg); background-repeat:no-repeat; font-family:verdana, arial, sans-serif; font-size:11px; font-weight:normal; color:#555; text-align:center;}

body,html {scrollbar-face-color:#0084a5; scrollbar-highlight-color:#ddd; scrollbar-shadow-color:#aaa; scrollbar-3dlight-color:#eee; scrollbar-arrow-color:#fff; scrollbar-track-color:#dee; scrollbar-darkshadow-color:#888;} 

#pagecenter {width:760px; margin-left:auto; margin-right:auto;} 
.page {position:relative; left:25px; top:0px; width:760px; text-align:justify;}

.header {position:absolute; height:40px; width:760px; left:-24px; top:-10px; z-index:2;}

.navbar {position:absolute; height:30px; width:760px; left:-34px; top:100px; z-index:2; padding:0; text-align:center;}
.calnavbar {position:absolute; height:30px; width:760px; left:-81px; top:50px; z-index:2; padding:0; text-align:center;}

.trans {-moz-opacity:1;filter:alpha(opacity=100);}

a {outline:none;}

.nav, .current {float:left; margin-left:71px; padding:1px 4px 2px 4px;}
.nav:link {color:#fff; background:#0084a5; font-size:12pt; font-weight:normal; text-decoration:none;}
.nav:visited {color:#fff; background:#0084a5; font-size:12pt; font-weight:normal; text-decoration:none;}
.nav:hover {color:#fff; background:#add; font-size:12pt; font-weight:normal; text-decoration:none;}
.nav:active {color:#fff; background:#0084a5; font-size:12pt; font-weight:normal; text-decoration:none;}
.current {color:#fff; background:#0084a5; font-size:12pt; font-weight:normal; text-decoration:none;}

.designmain {position:absolute;  width:600px; left:38px; top:140px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

#flash {position:absolute; width:250px; height:202px; left:420px; top:160px; z-index:1; padding:0; background-image:url(images/flash.jpg); background-repeat:no-repeat; }

/* for bcexample page */
.mainbox {position:absolute; width:612px; left:35px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

#centerit {width:600px; margin-left:auto; margin-right:auto;} 
.centerit {width:100%; margin-left:auto; margin-right:auto;} 

.indexvert {position:absolute; height:15px; width:2px; left:61px; top:120px; z-index:3; padding:0; background-color:#0084a5;}
.indexmain {position:absolute; width:340px; left:35px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}
.allabout {position:absolute; width:340px; left:35px; top:395px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

.examvert {position:absolute; height:15px; width:2px; left:200px; top:120px; z-index:3; padding:0; background-color:#0084a5;}
.exammain {position:absolute; width:612px; left:35px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

/* for highslide images - 113h for examples page - 100h for images page */
.egs {float:left; margin: 0 0 10px 40px}
.egs2 {width:150px; height:113px;  border:1px solid #0084a5;}
.egs3 {width:150px; height:100px; border:1px solid #0084a5;}

.servvert {position:absolute; height:15px; width:2px; left:353px; top:120px; z-index:3; padding:0; background-color:#0084a5;}
.servmain {position:absolute;  width:612px; left:35px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}
.servmain2 {position:absolute; width:612px; left:35px; top:800px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

.paymain {position:absolute; width:612px; left:35px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

.imagevert {position:absolute; height:15px; width:2px; left:495px; top:120px; z-index:3; padding:0; background-color:#0084a5;}
.imagemain {position:absolute; width:608px; left:38px; top:135px; z-index:4; border-width:1px; border-style:solid; border-color:#0084a5; background-color:#fff; padding:10px;}

.contvert {position:absolute; height:15px; width:2px; left:636px; top:120px; z-index:3; padding:0; background-color:#0084a5;}
.contmain {position:absolute; width:330px; left:315px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

.widemain {position:absolute;  width:612px; left:35px; top:10px; z-index:4; border:1px solid #0084a5; background-color:#fff; padding:10px;}

.formmain {position:absolute; width:612px; left:35px; top:135px; z-index:4; border:1px solid #0084a5; background-color:#dee; padding:10px;}

/* used by whois */
.logins {position:absolute; width:400px; left:140px; top:135px; z-index:4; border:1px solid #0084a5;  padding:10px;}

.indexfoot {position:absolute; height:30px; width:300px; left:260px; top:510px; z-index:5; padding:0px; font-size:10px; color:#555;}

h3 {font-size:14px; color:#555; font-weight:normal; }
h4 {font-size:14px; color:#555; font-weight:normal;text-align:center; }
.sm {font-size:9px; color:#555; font-weight:normal; }
p.ce {text-align:center;}
p.ri {text-align:right;}
td.ce {text-align:center;}
img {border-width:0;}

/* for lower nav bar */
p.ce2 {text-align:center;}
p.ce2 a {padding:0 20px 0 20px;}

a {outline:none;}

.nav1 {padding:1px 4px 2px 4px;}
.nav1:link {color:#fff; background:#0084a5; font-size:9pt; font-weight:normal; text-decoration:none;}
.nav1:visited {color:#fff; background:#0084a5; font-size:9pt; font-weight:normal; text-decoration:none;}
.nav1:hover {color:#fff; background:#add; font-size:9pt; font-weight:normal; text-decoration:none;}
.nav1:active {color:#fff; background:#0084a5; font-size:9pt; font-weight:normal; text-decoration:none;}

a.nav2:link { color:#0084a5; font-size:8pt; text-decoration:none;}
a.nav2:visited { color:#0084a5; font-size:8pt; text-decoration:none;}
a.nav2:hover { color:#777; font-size:8pt; text-decoration:underline;}
a.nav2:active { color:#0084a5; font-size:8pt; text-decoration:none;}

a.nav3:link { color:#555; font-size:8pt; text-decoration:underline;}
a.nav3:visited { color:#555; font-size:8pt; text-decoration:underline;}
a.nav3:hover { color:#999; font-size:8pt; text-decoration:underline;}
a.nav3:active { color:#555; font-size:8pt; text-decoration:underline;}

label {float:left; width:200px;}
label2 {float:left; width:95px;}
#form1 div {clear:left; margin-top:10px;}
.formbox {padding:0.2em; width:340px; border:1px #2bb;}
.btn {color:#fff; background-color:#0084a5; padding:0.2em; border:0px solid #2bb;}
.error {font-weight:bold; color:#900;}
p.floatri {float:right; margin:0 0 10px 10px;}
p.clearri {clear:right;}
p.clearle {clear:left;}
p.clearlece {clear:left; text-align:center;}

.item1 {position:absolute; width:150px; height:353px; left:690px; top:0px; z-index:1; padding:0; background-image:url(images/mouse.jpg); background-repeat:no-repeat; }

.valid {position:absolute; width:88px; height:31px; left:585px; top:432px; z-index:1; padding:0; background-image:url(images/xhtml10.png); background-repeat:no-repeat; }

#slideShow {width:330px; height:50px; position:relative; padding:250px 5px 5px 5px; border:0px solid #fff; background:#fff; margin:0 auto;}
#picHolder {width:340px; height:250px; position:absolute; top:0; left:0; text-align:center;}
#myPicture {margin:50px auto; padding:5px; border:1px solid #0084a5; background:#fff;}
#pictureText {text-align:center; margin:0; padding:0 10px; font-family: verdana, sans-serif; font-size:11px; font-weight:normal;}
#previous {float:left;}
#next {float:right;}

table.examp {width:400px;  margin-left:auto; margin-right:auto;}
table.examp td {text-align:center; padding:1px 4px 1px 4px ; font-size:11px;}
img.bdr {border:1px solid #666;}