/* Generic codes */
body {
background:#000;
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
height:100%;
margin:0;
padding:0;
color:#666; }

html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */ }

p {
padding:5px;
color:#666;
margin:0;} 

h2 {
font:bold 1.4em "trebuchet MS";
color:#999999;
margin:0;
letter-spacing:1px;}

hr {
border: 0;
width: 100%;
text-align:left;
color: #353434;
background-color: #353434;
height: 2px;
position:relative;
left:4px;
padding:0;
margin:0;}

form {
margin:0;
padding:0;}

a {
font:normal 11px "Lucida Sans Unicode";
color:#666;}

img {
padding:0;
margin:0;}

/*Structure codes */
.clearall {
clear:both; }

.clearleft {
clear:left; }

#wrap {
width:750px;
margin-left:auto;
margin-right:auto;
padding:0;
position:relative;
margin-top:10px;}

#container {
width:750px;
position:relative;
height:100%;
background:#000;}

#header {
padding:0;
margin:0;
width:750px;
height:154px;}


#topnav {
padding:0;
margin:0;
position:relative;
right:13px;
width:100%;}

#topnav #desc {
font-size:12px;
margin:-27px 0 -5px 0;
text-align:right;
font:normal Verdana;
color:#ddd;
letter-spacing:0.5px;
text-decoration: none;
}

#topnav a:hover #desc{
color:#d00;}

#topnav p a {
font:bold 2.1em Verdana;
color:#ddd;
margin:0;
letter-spacing:0.5px;
text-decoration: none;}

#topnav p a:hover {
color:#d00;}

/*Navigation Menu */
#nav {
position:relative;
background:#000;
width:750px;
height:36px;}

#nav ul {
padding:0 0 0 10px;
padding:0px 0 0 0;
border-top: 1px solid #666;
text-align:center;}

#nav ul li {
padding:0 1px 10px 0px;
margin:0px 0 0 0;
float:left;
list-style:none; }

#nav ul li a {
float:left;
display:block;
line-height:10px;
font-size: 12px;
color:#999;
text-decoration:none;
padding:0 9px 0px 9px;
border-top: 1px solid #000;
height:1px;}

#nav ul li a:hover,a.active {
border-top: 1px solid #3ba0d7;
#background:#3ba0d7; }

/* body content- for formatting */
#mainbody {
position:relative;
left:7px;
width:700px;
padding:10px 5px 25px 5px;}

#mainbody h1 {
font:bold 22px "trebuchet MS";
color:#9f2626;
padding:0;
margin:0;
letter-spacing:0px;
padding:0 0 15px 0; }

#mainbody p {
font:normal 1.2em "trebuchet MS";
padding-top:10px;
margin-right:5px;
letter-spacing:0.2px; }

#mainbody p span {
background:#c3e9f5;
font-weight:bold; }

#twocolumn {
margin-right:10px;
padding:0px 5px 10px 0px;
border-bottom:1px #9d2121 solid; }

.box {
position:relative;
left:10px;
border-right:1px #666 solid;
width:330px;
float:left;
padding:5px;
background:#000;
margin-bottom:10px; }

.box h2 {
padding:0;
border-bottom:2px #413f3f solid; }

.box ul {
padding:0px 0 0 30px;
margin:0; }

.box ul li {
font:normal 1.4em "Lucida Sans Unicode";
padding:5px 0 0 0px;
color:#999;
list-style:dotted;}

.box2 {
position:relative;
float:left;
width:330px;
padding:5px;
left:20px; }

.box2 h1 {
padding:12px 0 0 20px;
color:#fff; }

.box2 ul {
padding:0px 0 0 30px;
margin:0; }

.box2 ul li {
font:normal 1.4em "Lucida Sans Unicode";
padding:5px 0 0 0px;
color:#999;
list-style:dotted;}

#position {
position:absolute;
left:13px;
top:49px;
width:100%;}

.sample {
position:relative;
left:10px;
width:600px;
float:left;
padding:5px;
background:#000;
margin-bottom:20px;
}

.sample h2 {
padding:0 0 0 10px;
border-bottom:2px #413f3f solid; 
font-size:18px;
}

.sample h2 i {
padding: 0 0 0 40px;
font-size:10px;
color:#666;
}

.sample p {
color:#aaa;
font:normal 1.4em "Lucida Sans Unicode";
}

.sample img {
margin:5px;
padding:5px;
}

.reellist h1 {
padding:12px 0 0 20px;
color:#fff; }

.reellist ul {
padding:0px 0 0 30px;
margin:0; }

.reellist ul li {
font:bold 1.4em "trebuchet MS";
font-size:15px;
color:#ccc;
padding:5px 0 0 0px;
letter-spacing:1px;
list-style:none;}

.reellist ul li i {
padding:0 0 0 20px;
font-size: 10px;
color:#777;
}

#resume p {
font-size: 12px;
color:#888;
margin-left:25px;
margin-bottom:15px;
}

#resume .title{
margin-left: -25px;
border-bottom: thin solid #333;
}

#resume .job {
margin:-13px 0 -12px 5px;
padding:0px;
color:#bbb;
}

#resume .title b {
font:bold 1.4em "trebuchet MS";
color:#ddd;
font-size:18px;
}

#resume .title i {
padding:0 0 0 60px;
font-size: 10px;
color:#777;
}

#resume .otherinfo {
margin-left:35px;
}

/* three column */
#threecolumn {
padding:15px 0 0 0;
width:700px;
position:relative; }

#threecolumn .column, #threecolumn .column-noborder {
float:left;
width:30%;
padding:0 10px 0 10px;
border-right:1px #e4e4e4 solid; }

#threecolumn .column-noborder {
border:0; }

#threecolumn .column h1,#threecolumn .column-noborder h1 {
background:#fff url(/images/column-bg.png) repeat-x;
height:42px;
padding:3px 0 0 15px;
font:bold 18px "trebuchet MS";
color:#26839a; }

#threecolumn .column h1 span, #threecolumn .column-noborder h1 span {
padding:20px 0 0 15px; }

#threecolumn .column h2, #threecolumn .column-noborder h2 {
background:transparent url(/images/page.gif) left no-repeat;
padding:0 0 0 30px;
background-position:10px;
color:#955826;
text-decoration:underline; }


#noborder {
border:0; }

#footer {
position:relative;
padding:10px 0 0 0; }

#footer hr {
margin-top:20px; }

#footer .footer-img {
position:relative;
left:0px;
background:url(/images/hr-bg.png) top left repeat-x;
width:789px;
height:65x;
padding:20px 0 0px 10px; }

#footer .footer-img img {
position:relative;
top:-5px; }

#bottom {
background:url(/images/foot-curve.png) top left no-repeat;
position:absolute;
width:700px;
height:11px;
padding-bottom:10px; }

#footer p.copyright {
font:normal 12px "trebuchet MS";
float:left; }

#footer ul.footer-menu {
padding:10px 10px 0 0;
margin:0;
float:right; }

#footer ul.footer-menu li {
padding:0 5px 0 5px;
margin:0;
float:left;
list-style:none; }

#footer ul.footer-menu li a {
font:normal 11px "Lucida Sans Unicode"; }

#footer ul.footer-menu li a:hover {
background:#000;
color:#fff; }



#hosting table.plans { background: url(/images/ba1.jpg);  color: #000000; font-family: Arial; font-size: 12px; font-weight: 200; left: 5px}
#hosting table.plans2 { background: url(/images/ba1a.jpg);  color: #000000; font-family: Arial; font-size: 12px; font-weight: 200;}
#hosting table.plans3 { background: url(/images/ba1b.jpg);  color: #000000; font-family: Arial; font-size: 12px; font-weight: 200;}
#hosting .name {font-family:"Arial"; font-size:20px; color:#fff; font-weight:600; margin: 0 0 0px 0px; position:relative; top:-10px;}
#hosting .items {font-family:Arial; font-size:11px; position:relative; top:-5px; }
#hosting .dol {background:#fff; font-family: Arial; font-size:20px; font-weight:600;}
#hosting .cents {background:#fff; vertical-align: super; font-size:11px; font-weight:600;}
#hosting .small {background:#fff; font-family:Arial; font-size:8px;}
.t12r {color:#000; background-color:#f00;}