html {height: 100%;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	margin: 0px; min-height:101%; background-image:url(../_images/pagetop.jpg); background-repeat:repeat-x;}
img { border:0px;}

.btn {font-size: 11px; color: #6600CC; text-decoration: none; background-color: #efefef; border:1px outset #999999; 	padding: 0px; cursor:pointer;}
.edit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #000000;	border: 1px #666666 solid}

a:link { color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

a.focusa:link { color: #ffffff; text-decoration: none; }
a.focusa:visited {color: #ffffff; text-decoration: none;}
a.focusa:hover { color: #ffffff; text-decoration: underline;}
a.focusb:link { color: #ff6600; text-decoration: none; }
a.focusb:visited {color: #ff6600; text-decoration: none;}
a.focusb:hover { color: #ff6600; text-decoration: underline;}

#maindoc {width:778px; text-align:left; margin-right:auto; margin-left:auto; line-height:16px;}
#header { width:778px; height:67px;	background-image:url(../_images/topbkgnd2.jpg);}
#topimg { width:494px; height:23px; padding-left:284px; background-image:url(../_images/topimg.jpg);}
div.menubar div { width:98px; height:23px; padding:0px 20px 3px 0px; font-size:12px; font-weight:bold; line-height:23px; background-color:#666666; color:#ffffff; cursor:pointer; display:inline; }

#home a:link { color: #ffffff; text-decoration: none; }
#home a:visited {color: #ffffff; text-decoration: none;}
#home a:hover {color:#ffffff; text-decoration:underline}

#logo {float:left; width:262px; height:67px;}
.topmnu {float:right; text-align:right; width:85px; height:39px; padding-top:28px;}

.tacol { color:#9900ff;}

#btmleftimg {float:left;width:262px; height:174px; background-image:url(../_images/kbrd2.jpg);}
#btmrightimg {float:right; width:514px; height:174px; background-image:url(../_images/harddrv.jpg);}
#webdevimg {float:right; width:514px; height:174px; background-image:url(../_images/webdev.jpg);}
#soldevimg {float:right; width:514px; height:174px; background-image:url(../_images/soldev.jpg);}
#conmanimg {float:right; width:514px; height:174px; background-image:url(../_images/conman.jpg);}
#webtraimg {float:right; width:514px; height:174px; background-image:url(../_images/webtratop.jpg);}
#webhostimg {float:right; width:514px; height:174px; background-image:url(../_images/webhosttop.jpg);}
#portfolioimg {float:left; margin-left:2px; width:514px; height:174px; background-image:url(../_images/portfolio.jpg);}
#linksimg {float:right; width:514px; height:174px; background-image:url(../_images/links.jpg);}
#newsimg {float:right; width:514px; height:174px; background-image:url(../_images/news.jpg);}
#contactimg {float:right; width:514px; height:174px; background-image:url(../_images/contact.jpg);}
#aboutimg {float:right; width:514px; height:174px; background-image:url(../_images/about.jpg);}
#techimg {float:right; width:514px; height:174px; background-image:url(../_images/technologies.jpg);}
#termsimg {float:right; width:514px; height:174px; background-image:url(../_images/terms.jpg);}
#adminimg {float:right; width:514px; height:174px; background-image:url(../_images/admin.jpg);}

.txt {padding:0px 20px;}
.txt-title {padding:9px 5px 0px 15px; font-size:14px; font-weight:bold; color:#000000;}
.txt-subtitle {font-family:Arial, Helvetica, sans-serif; padding:40px 20px 20px 20px; font-weight:bold; color:#174692;}
#txt-info { padding:40px 20px 20px 20px;}
#tim {float:left; width:80px; height:20px; padding-left:35px; color:#0066cc}

.row {width:778px; float:left; height:270px;}
#cwd-bk {float:left; width:262px; height:270px; border-top:2px solid #ffffff; background-image:url(../_images/c-wd.jpg);}
#csd-bk {float:left; width:256px; height:270px; border-top:2px solid #ffffff; border-left:2px solid #ffffff; background-image:url(../_images/c-sd.jpg);}
#ccm-bk {float:left; width:256px; height:270px; border-top:2px solid #ffffff; border-left:2px solid #ffffff; background-image:url(../_images/c-cm.jpg);}
#cwh-bk {float:left; width:262px; height:270px; border-top:2px solid #ffffff; background-image:url(../_images/c-wh.jpg);}
#cst-bk {float:left; width:256px; height:270px; border-top:2px solid #ffffff; border-left:2px solid #ffffff; background-image:url(../_images/c-st.jpg);}
#cif-bk {float:left; width:256px; height:270px; border-top:2px solid #ffffff; border-left:2px solid #ffffff; background-image:url(../_images/c-if.jpg);}

.info { text-align:right; font-weight:bold;}
div.info a:link {color:#ff6600; text-decoration:none}
div.info a:visited {color:#ff6600; text-decoration:none}
div.info a:hover {color:#ff6600; text-decoration:underline}

div.info1 a:link {font-weight:bold;color:#ff6600; text-decoration:none}
div.info1 a:visited {font-weight:bold;color:#ff6600; text-decoration:none}
div.info1 a:hover {font-weight:bold;color:#ff6600; text-decoration:underline}

#ukwd {float:right; clear:both; width:110px; height:42px; padding-right:30px; padding-bottom:20px;}
#txt-inf {padding:0px 20px; clear:both}
#inf1 {padding-left:13px; padding-right:9px; float:left}
#inf2 {padding-left:9px; padding-right:7px; float:left}

#cont-topbanner { float:left; clear:both; width:758px; height:15px; padding:10px; font-size:12px; font-weight:bold; color:#ffffff; background-image:url(../_images/page2_01.jpg)}
#cont-top { float:left; clear:both; width:778px; height:28px; background-image:url(../_images/page2_02.jpg)}
#cont-main { float:left; clear:both; width:718px; padding:0px 30px; background-image:url(../_images/page2_03.jpg)}
#cont-btm { float:left; clear:both; width:778px; height:28px; background-image:url(../_images/page2_05.jpg)}

#contm-topbanner {float:left; clear:both; width:778px; height:35px; border-top:2px solid #ffffff; background-image:url(../_images/contm_topbanner.jpg)}
#contm-topbanner-left { float:left; width:433px; height:15px; padding:10px 0px; text-align:center; font-size:12px; font-weight:bold; color:#003399;}
#contm-topbanner-right {float:right; width:343px; height:15px; padding:10px 0px; text-align:center; font-size:12px; font-weight:bold; color:#003399;}
#contm-top {float:left; clear:both; width:778px; height:28px; background-image:url(../_images/contm_top.jpg)}
#contm-main {float:left; clear:both; width:718px; padding:0px 30px; background-image:url(../_images/contm_main.jpg)}
#contm-btm {float:left; clear:both; width:778px; height:28px; background-image:url(../_images/contm_btm.jpg)}

#cont-main-left {float:left; width:373px;}
#cont-main-right {float:right; width:263px; padding-right:10px;}

#cont-main2-left {float:left; width:403px;}
#cont-main2-right {float:right; width:315px; padding-left:50px;}

#ql-top { width:237px; height:16px; padding:3px 13px 0px 13px; font-weight:bold; color:#0033cc; background-image:url(../_images/ql_top.jpg)}
#ql-main { width:237px; padding:10px 13px 10px 13px; background-image:url(../_images/ql_main.jpg)}
#ql-btm { width:263px; height:16px; padding:0px 0px 3px 0px; font-size:9px; text-align:center; border-bottom:30px solid #ffffff; background-image:url(../_images/ql_btm.jpg)}

.ptxt-title {font-weight:bold; color:#ff6600}
.ptxt-title-blue {font-weight:bold; color:#006699; padding-top:20px;}
.ptxt-titlepad {font-weight:bold; color:#ff6600; padding-top:20px;}
.ptxt-just { text-align:justify; padding-bottom:5px;}
.ptxt-subtitle {color:#0066cc; padding-top:15px;}
.ptxt-subtitle0 {color:#0066cc;}
.ptxt-subtitle1 {color:#0066cc; font-weight:bold;}
.ptxt-space { padding-top:10px; padding-bottom:25px;}

/* services area */
#cont-serv {float:left; width:778px;}
#cont-serv-left {float:left; width:466px;}
#cont-serv-right {float:left; width:312px;}

#ser-top-left {width:466px; height:19px; padding:8px 0px; text-align:center; font-size:12px; font-weight:bold; color:#003399; background-image:url(../_images/wst-topban.jpg);}
#wst-tr {width:312px; height:77px; background-image:url(../_images/webtrabtm.jpg);}
#wht-tr {width:312px; height:77px; background-image:url(../_images/webhostbtm.jpg);}

#ser-panel-tl { width:466px; height:30px; background-image:url(../_images/ser-panel-tl.jpg);}
#ser-panel-cl { width:406px; padding:0px 30px; background-image:url(../_images/ser-panel-cl.jpg); height:686px;}
#ser-panel-bl { width:466px; height:30px; background-image:url(../_images/ser-panel-bl.jpg);}

#ser-panel-tr { width:312px; height:30px; background-image:url(../_images/ser-panel-tr.jpg);}
#ser-panel-cr { width:252px; padding:0px 30px; background-image:url(../_images/ser-panel-cr.jpg); height:644px;}
#ser-panel-br { width:312px; height:30px; background-image:url(../_images/ser-panel-br.jpg);}

#s-train {float:right; width:150px; height:104px; padding:0px 0px 15px 15px;}
#ect {width:252px; height:168px; padding:14px 0px;}
#rack {width:252px; height:189px; padding-bottom:23px; padding-top:10px;}

/* info pages */
#inf-banner {float:left; width:778px; height:35px; background-image:url(../_images/inf-banner.jpg);}
#inf-top {float:left; width:778px; height:30px; background-image:url(../_images/inf-top.jpg);}
#inf-cen {float:left; width:778px; background-image:url(../_images/inf-cen.jpg);}
#inf-btm { float:left; width:778px; height:30px; background-image:url(../_images/inf-btm.jpg);}

#port-items {width:718px; margin:0px 30px;}
.pf_title {font-size:12px; color:#006699; font-weight:bold;}
#infon {float:right; width:160px; height:450px; margin-left:25px; background-image:url(../_images/infon.jpg);}
.admenu {float:right; width:118px; height:200px; padding:20px; margin-left:25px; margin-bottom:208px; border:1px solid #999999;}
.admenu div {height:25px;}
#acontent {width:500px;}
.nw_nitem {	background-color:#f6fbfe; padding:5px; border-top:3px solid #ffffff; border-bottom: 3px solid #ffffff; }
#kbd {float:right; width:250px; height:210px; margin-left:25px; margin-bottom:25px; background-image:url(../_images/kbrd.jpg);}
#qrs {float:right; width:200px; height:301px; margin-left:25px; margin-bottom:25px; background-image:url(../_images/qrs.jpg);}
#citw {float:right; width:250px; height:188px; margin-left:25px; margin-bottom:25px; background-image:url(../_images/citw.jpg);}

#footer {float:left; width:778px; height:25px; line-height:25px; border-top:2px solid #ffffff; background-color:#666666; text-align:center; color:#ffffff;}
