@charset "utf-8";

* { font-family:"Trebuchet MS", Verdana, sans-serif; }

h1 { display:none; }

h2 { display:none; }

body, html {
	/*	background:url(../images/bgblu.jpg) no-repeat #003471;
	background-position:center 0px;
*/
	background:url(../images/bgnew.jpg) no-repeat #302926;
	background-position:center 270px;
	/*
	background:url(../images/bgblu.gif) repeat-x #0051b1;
*/
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-size:1em;
}

.footerkw {
	color:#302926;
	font-size:9px;
}

#wrapper {
	width:819px;
	margin:0 auto;
	border:0;
	padding:0;
	text-align:left;
}

#translogo {
	position:absolute;
	left:-118px;
	top:0;
	width:226px;
	height:264px;
}

#metal_logo {
	position:absolute;
	left:-10px;
	margin-left:18px;
	top:-15px;
	width:368px;
	height:116px;
}

#metal_call {
	position:absolute;
	right:0px;
	top:-3px;
	height:93px;
	width:368px;
}

#metal_call_sml {
	position:absolute;
	right:0px;
	top:-3px;
	height:50px;
	width:368px;
}

#topspace {
	position:relative;
	height:123px;
}

div.toplinks {
	position:relative;
	height:3em;
	margin-left:45px;
	margin-top:-9px;
}

div#topimg {
	position:relative;
	width:819px;
	height:253px;
}

div#topimginner {
	background-image:url(../images/topimg.gif);
	width:819px;
	height:253px;
}

div#toplogo {
	position:relative;
	margin-top:-204px;
	height:173px;
	width:149px;
	margin-left:56px;
}

div#toptext {
	position:relative;
	margin-top:-150px;
	height:60px;
	margin-left:240px;
	font-size:2em;
	font-weight:bold;
}

div#subtext {
	position:relative;
	margin-top:-10px;
	margin-left:240px;
	font-size:1.4em;
	font-weight:bold;
}

div.maintop {
	position:relative;
	width:819px;
	height:25px;
	background:url(../images/3_07.gif) no-repeat;
	margin:0;
}

div.mainmid {
	position:relative;
	background:url(../images/3_09w.gif) repeat-y;
	font-size:0.8em;
	text-align:justify;
	width:819px;
	margin:0;
}

div.mainmidcontent {
	position:relative;
	padding:0 15px;
	margin:0;
}

div.mainmidinner {
	position:relative;
	background-color:#EFEFEF;
}

div.mainbtm {
	position:relative;
	width:819px;
	height:27px;
	background:url(../images/3_11.gif) no-repeat;
	margin:0;
}

div.foottop {
	width:819px;
	height:25px;
	background:url(../images/3_07.gif) no-repeat;
	margin:0;
	padding:0;
}

div.footmid {
	text-align:center;
	background:url(../images/3_09w.gif) repeat-y;
	margin:0;
	padding:0;
	overflow:auto;
}

div.footmidinner {
	width:779px;
	margin:0 auto;
}

div.footmidcontent {
	background-color:#EFEFEF;
	font-size:0.6em;
}

div.footmidcontent ul {
	margin:0;
	padding:0;
	padding-left:4em;
}

div.footmidcontent ul li {
	float:left;
	list-style-type:none;
}

div.footmidcontent ul li a {
	padding: 10px;
	color:#FFBB00;
	text-decoration:none;
}

div.footmidcontent ul li a:link { color:#990033; }

div.footmidcontent ul li a:visited { color:#003300; }

div.footmidcontent ul li a:active { color:#FF0000; }

div.footmidcontent ul li a:hover { color:#3300FF; }

div.footbtm {
	clear:both;
	width:819px;
	height:27px;
	background:url(../images/3_11.gif) no-repeat;
}

div.subfooter {
	color:#FFFFFF;
	font-size:0.6em;
	text-align:center;
}

div.subfooter a {
	color:#FF9900;
	text-decoration:none;
}

div#btmline {
	padding-top:10px;
	border-bottom:solid 3px #FF9900;
}

#standardbox {
	font-size:1em;
	text-align:justify;
	padding:0 40px;
	background-color:#EEEEEE;
	overflow:auto;
}

#standardbox div.headertext {
	font-size:1.4em;
	text-align:center;
}

#standardbox p.head {
	font-size:1.1em;
	font-weight:bold;
}

#standardbox p.headcenter {
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}

#standardbox p.largeheadcenter {
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}

#map {
	border:solid 3px #F26522;
	width:550px;
	height:350px;
	font-size:1em;
	color:#F26522;
	margin:0 auto;
	line-height:17px;
}

#map a { text-decoration:none; }

.fronthead {
	font-size:1.35em;
	font-weight:bold;
	color:#0033CC;
}

.subhead {
	font-size:1.2em;
	font-weight:bold;
}

#minivid {
	text-align:center;
	height:240px;
}

.frontulcontainer {
	width:230px;
	float:left;
}

.fronttext {
	text-align:justify;
	width:510px;
	float:left;
	padding-left:20px;
}

ul.bluedot {
	list-style:none;
	padding:0;
	margin:0;
}

ul.bluedot li {
	list-style-image:url(../images/bluedot5.gif);
	margin:0 0 0 10px;
}

ul.bluedotstretch {
	list-style:none;
	padding:0;
	margin:0 0 0 30px;
}

ul.bluedotstretch li {
	list-style-image:url(../images/bluedot5.gif);
	margin:0 0 0 10px;
	letter-spacing:0.2em;
	font-size:0.9em;
	line-height:1.2em;
}

.orange { color:#FF9900; }

.red { color:#FF0000; }

.bold { font-weight:bold; }

#webdesignimages {
	text-align:center;
	padding:10px;
}

#webdesignimages img {
	text-align:center;
	padding:0 20px;
}

.darkerbox {
	background-color:#DDDDDD;
	padding:10px;
}

#portfolio_container {
	width:600px;
	background-color:#E7E7E7;
	border:solid 1px #DDDDDD;
	margin-left:auto;
	margin-right:auto;
}

.portfolio_row {
	height:130px;
	width:600px;
}

.portfolio {
	float:left;
	padding:7px;
	background-color:#DDDDDD;
	border:solid 1px #999999;
	margin:5px;
	width:108px;
	voice-family: "\"}\"";
	voice-family:inherit;
	padding:7px;
	width:120px;
}

.portinner {
	height:80px;
	width:120px;
}

.portfolio:hover {
	background-color:#AAAAAA;
	border:solid 1px black;
}

.portfolio img {
	width:120px;
	border:solid 1px black;
}

.portfolio img:hover { border:dotted 1px #FFCC00; }

.graphicportfolio { background-color:#CCCCFF; }

.graphicportfolio:hover { background-color:#FF0000; }

.wip_portfolio { background-color:#AADDFF; }

.wip_portfolio:hover { background-color:#FFBB00; }

#domregcontainer {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#domregsubcontainer { }

.domregpack {
	background:url(../images/logo100.gif) center no-repeat;
	background-color:#EEEEEE;
	border:5px outset #DDDDDD;
	padding:4px;
	margin:15px;
	float:left;
	font-size:0.8em;
	width:200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
}

.domregpack:hover { background-color:#FFFFFF; }

.domregpack div.bolder {
	background-color:#AAAAAA;
	color:black;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
}

.domregpack div.rbolder {
	background-color:#666666;
	color:white;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
}

.portfolioTooltip {
	border: 2px solid #0000FF;
	background-color:#EEEEEE;
	padding: 3px;
	font-size:0.8em;
	font-weight:bold;
	color: black;
}

.tickinline {
	list-style-type:none;
	margin:0;
	padding:0;
}

.tickinline li {
	background:url(../images/tick.png) left center no-repeat;
	padding:0 0 0 1em;
	display:inline;
}

.tick { list-style-type:none; }

.tick li { background:url(../images/tick.png) left center no-repeat; }

#showmore {
	padding:15px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

#showmore a {
	color:#FF9900;
	text-decoration:none;
}

#showmore a:hover { color:#FF0000; }

.custompc { text-align:center; }

.custompc span { margin:30px; }

#contactbox {
	width:30em;
	background-color:#CCCCCC;
	margin-left:auto;
	margin-right:auto;
}

#quotebox {
	width:40em;
	background-color:#CCCCCC;
	margin-left:auto;
	margin-right:auto;
}

.redmidmessage {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:red;
}

#contactForm { font-size:0.9em; }

.contactTable {
	width:28em;
	text-align:left;
	margin:1em auto;
}

.contactTable tr.tablehead td {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:1em;
}

#quoteTable {
	width:38em;
	text-align:left;
	margin:1em auto;
	font-size:0.9em;
}

tr.tablehead td {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:1em;
}

.heading {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.leftside {
	text-align:right;
	padding-right:0.5em;
	width:132px;
}

.rightside {
	text-align:left;
	padding-left:0.5em;
	width:268px;
}

.tablebtns { text-align:center; }

#registerForm { }

#registerTable {
	width:750px;
	padding:0;
	margin:0;
	margin:0 auto;
	background-color:#CCCCCC;
	font-size:1em;
}

#registerTable input {
	background-color:#666666;
	color:#FFFFFF;
	font-size:1em;
	width:200px;
}

#registerTable select {
	background-color:#666666;
	color:#FFFFFF;
	font-size:0.9em;
}

#registerTable tr td.header {
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	padding:10px;
}

#registerTable tr td.leftcell {
	background-color:#DDDDDD;
	width:140px;
	text-align:right;
	padding-right:10px;
}

#registerTable tr td.rightcell {
	text-align:left;
	padding-left:10px;
}

#registerTable tr td.footer {
	text-align:center;
	padding:10px;
}

label.error {
	color:red;
	font-size:0.8em;
}

#messagebox {
	text-align:center;
	font-size:1.3em;
	color:black;
	font-weight:bold;
	padding:15px 0;
}

.loginBox {
	background-color:#CCCCCC;
	padding:15px 0;
	color:#000000;
	text-align:left;
	font-size:1.2em;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.basicBox {
	background-color:#CCCCCC;
	padding:15px 0;
	color:#000000;
	text-align:center;
	font-size:1em;
	width:30em;
	margin-left:auto;
	margin-right:auto;
}

.logininput {
	background-color:#FFFFAA;
	width:150px;
}

.centerit { text-align:center; }

.away { display:none; }

#errormessage {
	margin:0px auto;
	padding:100px 0px 100px 0px;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:2px;
	color:#FF0000;
	text-align:center;
}

#errormessage a {
	text-decoration:none;
	color:#770000;
}

#domaincontainer {
	width:480px;
	margin:0 auto;
	text-align:left;
	font-size:0.9em;
}

#resultform {
	margin:0;
	padding:0;
}

#resulttable td { border-bottom:solid 1px #000000; }

#resulttable input { font-size:0.8em; }

#searchform {
	margin:0;
	padding:0;
}

#searchform .fqdn { background-color:#FFFFCC; }

#searchbutton {
	margin-left:20px;
	font-size:0.8em;
}

.domselectbuttons {
	font-size:0.8em;
	margin:0 2px;
}

#searchform label {
	margin-left:20px;
	font-size:1em;
}

#searchtable {
	margin-top:20px;
	background-color:#DDDDDD;
}

#domresults {
	width:480px;
	font-size:1em;
	background-color:#CCCCCC;
}

.midalign { text-align:center; }

#outercontainer { background-color:#EEEEEE; }

.mainmid {
	font-size:0.8em;
	background-color:#EEEEEE;
}

#extlinks { font-size:0.8em; }

#extlinks a {
	text-decoration:none;
	color:#777777;
}

p {
	margin:0;
	padding:5px 0;
}

.padmid {
	padding:10px;
	text-align:center;
}

.boldred {
	color:red;
	font-weight:bold;
}

.testimonial {
	background-color:#FFFFFF;
	height:130px;
	margin-bottom:10px;
}

.testi_oddrow { background-color:#DFDFDF; }

.testi_img {
	float:left;
	height:120px;
	width:120px;
	position:relative;
}

.testi_img img {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-44px;
	margin-top:-44px;
	padding:3px;
	border:1px solid #000;
}

.testi_text {
	font-size:0.9em;
	text-align:justify;
	padding-right:20px;
}

.testi_cust {
	font-weight:bold;
	padding-top:10px;
	font-size:1em;
}

.testi_comp { }

.front_icons {
	text-align:left;
	width:520px;
}

.front_icons img { margin:5px 5px; }

#service_avail {
	font-size:1.5em;
	font-weight:bold;
	color:#2E378D;
	margin:15px 0;
	width:500px;
	background-color:#EFEFEF;
	position:relative;
	z-index:3;
}

.headnoflash {
	font-size:1.5em;
	font-weight:bold;
	color:#2E378D;
}

#dompack { border:solid 1px #7F7F7F; }

#latest { }

#latest a img { border:0; }

.cyclehead {
	font-size:1.2em;
	font-weight:bold;
	color:#2E378D;
}

.completemsg {
	text-align:center;
	font-size:1.4em;
	color:black;
	font-weight:bold;
}

.leftcol {
	text-align:right;
	padding-right:5px;
}

.rightcol { }

.sitemap {
	font-size:0.9em;
	padding-left:2em;
	letter-spacing:0.1em;
}

.sitemap ul {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	padding-left:2em;
}

.sitemap ul li {
	list-style-type:none;
	list-style-image:url(../images/orangedot5.gif);
}

.sitemap>ul>li {
	list-style-type:none;
	list-style-image:url(../images/bluedot5.gif);
}

.sitemap ul li a { text-decoration:none; }

.sitemap ul li a:link { color:#0066FF; }

.sitemap ul li a:visited { color:#0011AA; }

.sitemap ul li a:active { color:#FF3300; }

.sitemap ul li a:hover { color:#FF9900; }

.ul { text-decoration:underline; }

.textcenter { text-align:center; }

/* *[accesskey]:after {content:' [' attr(accesskey) ']'} */

#otherServices td img { display:block; }

#latest { }

#latest td img { display:block; }