html, body {height:100%;} 
body { padding: 0; margin: 0; text-align:center; font-family: Verdana, arial, sans-serif;  background: #5D6166 url("img/pogdesign.gif") no-repeat top center; }
#outer{	height:100%; min-height:100%; width:670px; background: transparent url("img/mainbg.gif") repeat-y center top; color: #000; margin:auto; position:relative; } 
html>body #outer { height: auto;} /*for mozilla as IE treats height as min-height anyway*/ 
iframe { display: none; }

.oldbrowsers, .hide { display: none; } 
.clear1 {clear: both; font-size: 8px;}
.clear {clear: both; font-size: 1px; height: 1px;}
hr { border: 0; color: #ccc; background-color: #555; height: 1px; }
img { border: 0;}
form {display: inline;}
p { margin: 10px 0;}

.header { height: 25px; background-color: #4c4f54; width: 600px; margin: 0 auto; }
.footer {  background-image: url("img/navbg.gif"); width: 560px; padding: 7px 22px 6px 18px; margin: 0 auto; border-top: 1px solid #999; font-size: 10px; color: #aaa; text-align: center; position: relative;}
.footer a { text-decoration: none; color: #ccc;}
.footer p { margin: 2px; padding: 0; width: 100%;}
.footer h2 { display: inline; margin: 0; padding: 0; font-weight: 100;}

#main_page { margin: 0 auto; width: 580px; text-align: left; } 

.services { margin:0; padding:0; width:100%; height:35px; margin:0; padding:0; background:url("img/make_it_grow.gif") top right no-repeat; }
.services span { display:none } 

#pagetitle { padding: 0px; margin: 0px;  display: none;}

h2 { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #000; padding: 0; margin: 0; font-weight: 700; }
h3 { font-family: Verdana, Arial, sans-serif; font-size: 16px; color: #fff; padding: 0; margin: 0; font-weight: 100; padding-left: 20px; background: url("img/arrow.gif") left no-repeat; text-decoration: none; }
h4 { font-size: 12px; font-weight: 700; color: #9CF; padding : 0 0 0 20px;  margin: 0; text-decoration: none;}
h5, h5 a { width: 178px; height: auto; background-image: url("img/navbg.gif"); padding: 3px 0 3px 10px; margin: 0px; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color:#fff; }
h6 { padding : 10px 0 0 0px; margin: 0; font-size: 13px; }
h6.showclient { padding : 2px 5px; margin: 1px; font-size: 13px; background-color: #666; color: #eee; cursor: pointer; }
h6.showclient:hover { color: #fff; }
 
#topmenu { text-align: right; height: 201px; margin: 0 0 25px 0; padding: 0; border-top: 1px solid #fff; }
#topmenu ul { margin: 0; padding: 0; } 
#topmenu li { float: right; margin: 0; padding: 0; display: inline; list-style-type: none; width: 300px; position: relative;  } 
#topmenu h2  { padding: 0px 0px 0 0px; margin: 0; line-height: 12px; font-size: 10px; font-weight: normal; font-family: verdana, arial, sans-serif; }
#topmenu a:link, #topmenu a:visited { text-align: left; display: block; line-height: 12px; font-size: 9px; margin: 0; padding: 0; text-decoration: none; height: 67px; width: 300px; } 
#topmenu .menudescription {width: 220px; position: absolute; top: 35px; left: 12px; }
#topmenu a:link.basic, #topmenu a:visited.basic { background: url("img/dark.gif") no-repeat; color: #369; width: 300px; padding: 0px 0px 0px 12px; } 
#topmenu a:hover.basic { color: #000; background-position: 0 -67px;  }
#topmenu a:link.cms, #topmenu a:visited.cms { background: url("img/medium.gif") no-repeat; color: #369; width: 300px; padding: 0px 0px 0px 12px; } 
#topmenu a:hover.cms { color: #000; background-position: 0 -67px;  }
#topmenu a:link.ecom, #topmenu a:visited.ecom { background: url("img/light.gif") no-repeat; color: #369; width: 300px; padding: 0px 0px 0px 12px; } 
#topmenu a:hover.ecom { color: #000; background-position: 0 -67px;  }
 
#nav { width: 600px; margin: 0 auto; margin-bottom: 28px; border-top: 1px solid #999;   }
#navbot { width: 600px; border-top: 1px solid #999; margin: 0 auto; height: 20px;  }
#nav ul, #nav li { margin:0; padding:0; list-style:none; }
#nav li { float:left; width: 120px; height: 28px; line-height: 28px;  background-color: #bdcdde;  }
#nav a { display: block; width: 120px; height: 28px; background-image: url("img/navbg.gif");  }
#nav a:hover { background:transparent; }
.nav, a.nav { font-size: 12px; font-weight: 700; color:#cecece; text-decoration: none; }
a.nav:hover { color: #000; text-decoration: none; }

#content {text-align: justify; float: left; width: 380px;}
#jobs {text-align: justify; float: left; width: 380px;}
#portfolio {text-align: justify; float: left; width: 380px; } 

.jobsbox { background-color: #666; padding: 0px; margin-bottom: 35px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #eee; text-align: justify;}
.jobslink { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #eee; text-align: justify; } 
a.jobslink   { color: #fff; text-decoration: none; } 
a.jobslink:hover { text-decoration: none; color: #3BC905; } 
.boxsep {clear: both; border-top: 1px solid #666; font-size: 1px; }
.jobdesc {width: 255px; padding-left: 10px; line-height: 20px; border-left: 1px solid #666; border-right: 1px solid #666; background-color: #aaa; float: left; font-weight: 700; color: #000; }
.jobdescname {width: 222px; padding-left: 23px; padding-right: 20px; line-height: 20px; border-left: 1px solid #666; border-right: 1px solid #666; background-color: #888; float:left;}
.jobpos {width: 100px; padding-left:10px; line-height: 20px; border-right: 1px solid #666; background-color: #aaa;  float: left; font-weight: 700; color: #000; }
.jobposnum {width: 110px; line-height: 20px; border-right: 1px solid #666; background-color: #888;  float: left; font-weight: 700; text-align: center; }
.jobposbut {width: 110px; line-height: 16px; border-right: 1px solid #666; background-color: #888;  float: left; font-weight: 700; text-align: center; }
.jobdesctext { padding: 0px 16px 0 16px;} 
a.jobutton { background-color: #9cf; margin: 11px auto; width: 36px; height: 16px; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; width: 70px; border: 1px solid black; text-decoration: none; color: #000; display: block; }

.contentbox { background-color: #666; padding: 15px 15px 0 15px; margin-bottom: 15px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 19px; color: #eee; text-align: justify;}
.contentlink { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #eee; text-align: justify; } 
a.contentlink   { color: #fff; text-decoration: none; } 
a.contentlink:hover { text-decoration: none; color: #3BC905; }  
 
.referdisclaim { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ccc;}
.referbutton { border: 1px #000 solid; color: #000; font-family: Verdana; font-size: 11px; font-weight: bold; background-color: #ddd; margin: 0 10px 0 0; width: 110px;} 
 
.cost { color:#aaa; float: right;}

a.footnav { font-size: 9px; color: #aaa; }

.portfoliobox { background-color: #666; padding: 15px 15px 0 15px; margin-bottom: 15px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 19px; color: #eee; text-align: justify; }
.portfoliobox h3 { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #fff; padding: 0; margin: 0; padding-left: 20px; background: url("img/arrow.gif") left no-repeat; }
.portfoliobox h3 a { padding-left: 0px; background-image: none; color: #fff; text-decoration: none; } 
.portfoliobox h4 a { font-size: 12px; font-weight: 700; color: #9CF; padding : 0 0 0 0px;  margin: 0; text-decoration: none;}
.portfolioimg {float: right; margin: 0 0 0 15px; border: 1px solid #000;}

a.thismeans, a.thismeans:hover { cursor: help; border-bottom: 1px dashed #fff; font-size: 11px; font-weight: bold;}
.whatitmeans { font-size: 9px;}

.righnavcontainer { width: 190px; float: left; padding-left: 10px; }
.rightbox {width: 188px; border: 1px solid #555; margin-bottom: 15px;}
.rightnavboxes { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 16px; padding: 8px; width: 172px; padding: 8px; background-color: #cecece; text-align: left; }
.rightnavboxes strong { font-size: 10px; }

#clientbox { margin: 8px 0;}
.divshift { background-color: #cecece; padding: 0; margin: 0; } 
.divshift p { padding: 0px 9px; } 
.divshift p a { text-decoration: none; color: blue; font-size: 13px; } 
.divshift ul { list-style-type: none; margin: 0; padding: 0 22px; color: #666; } 
 
#whoareyou ul { margin: 0; padding: 12px 0 5px 8px; } 
#whoareyou li { margin: 0; padding: 0; height: 18px; line-height: 18px; list-style-type: none;  }
#whoareyou a  { display: block; width: 100%; color: #000; text-decoration: none; font-weight: bold; }
#whoareyou a:hover { color: #93c; }

#launchlinks ul { margin: 0; padding: 12px 0 5px 8px; } 
#launchlinks li { margin: 0; padding: 0; height: 18px; line-height: 18px; list-style-type: none;  }
#launchlinks a  {  width: 100%; color: #000; text-decoration: none; font-weight: bold; }
#launchlinks a:hover { color: #0E8FFA; } 

#currentwork ul { margin: 0; padding: 12px 0 5px 8px; } 
#currentwork li { margin: 0; padding: 0; height: 18px; line-height: 18px; list-style-type: none; font-size: 12px; font-weight: bold;  } 

#valid { width: 600px; margin: 0 auto; margin-bottom: 28px;  } 
#valid ul, #valid li { margin:0 ; padding: 10px 0; list-style:  none; }
#valid li { float:left;  width: 11%; height: 14px; line-height: 14px;    }
#valid h6 a {  font-size: 10px; text-decoration: none; color: #ccc;  }
 
.tinytext { font-family: Verdana, Arial, sans-serif; font-size: 2px; }
.headtext, a.headtext {font-size: 11px; font-weight: 700; color:#cecece; text-decoration: none; }

.formtitle {float: left; width: 100px; line-height: 21px; }
label { font-size: 10px; }
.forminputs {height: 23px;}
.formtextarea {height: 85px;}
.formcats {margin: 10px 0;}
.inputsep { font-size: 5px;} 
.logininput {border: 1px solid #666; width: 88%; background-color: #f0f0f0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-top: 6px;}
.loginbutt {border: 1px #666 solid; color: #000; font-family: Verdana, Helvetica, sans-serif; width: 60px; font-size: 10px; font-weight: bold; background-color: #ddd; margin: 6px 6px 0 0; }
.download a {color: blue;}
.downloadarr {float: left; margin: 0 6px 0 0;}
h6.downloadtitle {margin: 0; padding: 0; font-size: 11px;}
.error {color: #c00; font-weight: bold; margin-left: 3px;}
.formtickbox {margin: 7px 0; text-align: right; width: 330px; font-size: 11px;}
.formbuttdiv {height: 23px; text-align: right; width: 337px;}
.textinput { font-size: 9px; width: 225px; background-color: #fff; border: 1px solid #ccc; margin-top: 1px; } 
p a { color: white; }
.contentbox li a { color: white; text-decoration: none; }
.lilimgcont {margin-top: 5px;}
.lilimgs {width: 25%; margin: 5px 0; float: left; text-align: center;}
.lilimgsbord {border: 1px solid black;}