body { background:  url(/images/mainbg.gif); background-repeat: repeat-x; margin:  0; font-family:  Arial, Verdana, sans-serif; color:  #2b2b2b; }
#main {width:  760px; background-color: white; text-align:  left; padding:  8px 8px 30px 8px; margin:  auto;}

img {border:  0;}

#mainHeading {margin:  20px 10px 0 10px;}
#pageHeading {margin: 0;}
.pageSubhead {margin: 0;}

h5 {font-size:  14px;}
h6{font-size:  13px; text-decoration:  underline;}

.img {border:  0;}

.black {color:  black;}

li.basic {padding-bottom:  8px;}

p{margin: 16px 0 16px 0;}
.center{text-align:  center;}
.left{text-align:  left;}
.right{text-align:  right;}
.top  {vertical-align:  top;}

form{font-size:  .8em;}
#formholder {background-color: #f5f5f5; border:  1px solid gray; padding:  16px 6px 16px 6px; margin: auto; width:  370px;}

.boldtext {font-weight:  bold;}
.smalltext {font-size:  .8em;}
form {margin:  0;}

.smallheadline {color:  black; font-weight:  normal; font-size:  20px; margin:  8px 0 6px 0;}
.right {text-align: right;}
.center {text-align:  center;}
.red {color:  red;}

#toplinks {float:  right; margin:  60px 10px 0 0;}
a.toplinks:link {color:  #666666; font-size:  .8em; font-weight:  bold;}
a.toplinks:visited {color:  #666666; font-size:  .8em; font-weight:  bold;}
a.toplinks:hover {color:  #666666; font-size:  .8em; font-weight:  bold;}
a.toplinks:active {color:  #666666; font-size:  .8em; font-weight:  bold;}

#navcontainer {margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 10px;background:  url(/images/topnavbg.gif); background-repeat:  no-repeat; width:  740px; height:  29px; padding-top:  4px;}

#navlist li {display: inline; padding-bottom: 14px; padding-left: 20px; background-repeat: no-repeat;}
#navlist a { padding-left: 20px; padding-bottom: 14px; font-weight: bold; text-decoration: none; }
#navlist a:link, #navlist a:visited { padding-left: 20px; color:  white; font-size:  .8em; font-weight:  bold; background: url(/images/chevron.png); background-position: 0 -28px; background-repeat: no-repeat;}
#navlist a:hover { color: black; padding-left: 20px; background: url(/images/chevron.png); background-repeat: no-repeat; background-position: 0 -14px;}   

a.underline:link {text-decoration:  underline; }
a.underline:visited {text-decoration:  underline; }
a.underline:hover {text-decoration:  none;}

a:link {text-decoration:  none;}
a:visited {text-decoration:  none;}
a:hover {text-decoration:  underline; }

.imgRight{float:  right; padding: 0 0 4px 4px;}

#topnav {background:  url(/images/topnavbg.gif); background-repeat:  no-repeat; width:  740px; height:  29px; margin:  10px 10px 10px 10px;}
.topnavtable {width:  20%; text-align:  left;  padding:  3px 0 0 10px;}

#homesplash {width:  740px; margin:  20px 10px 10px 10px;}
#homebody {background:  url(/images/largedotbg.jpg);  background-repeat:  no-repeat;width:  740px; height:  213px; margin:  10px 10px 10px 10px;}
#home-left {float:  left; width:  448px}
/*#home-right {float:  left; width:  252px; height:  202px; background:  url(/images/blueloginbg.gif);  background-repeat:  no-repeat; margin-left:  20px;}*/
#home-right {float:  left; margin-left:  20px; width: 253px; height: 210px; background: url(/images/illustrate_home.jpg);}
#home_facebook {width: 70px; height: 70px; margin: 110px 0 0 148px;}
#maincontent {float: left; width:  450px; padding: 0 24px 0 20px;  background-repeat:  no-repeat; font-size:  .85em;}
#maincontent2 {float: left; width:  450px; padding: 0 24px 0 20px; font-size:  .85em;}
#maincontent3 {padding: 0 80px 0 80px; font-size:  .85em;}
#contactbox {border:  1px solid; background:  url(/images/inquirybg2.gif); width:  240px; float: left;}
#contactBoxTable {width:  180px;}

/*
ul.redsquare {list-style-image: url(images/redsquare.gif); list-style-type: square; list-style-position:  inside;}
li.largelist {font-size:  1.1em; color:  black;}
*/

#redsquare li {list-style: square outside; color:  red; font-size:  1.2em;}

.homelogin {color:  white; width:  212px; text-align:  center; margin:  10px 25px 10px 15px;}
.homelogintable {color: white; font-size:  .8em;}

#bottombar {background:  url(images/bottombar.gif); background-repeat:  no-repeat; width:  740px; height:  22px; margin:  10px 10px 10px 10px;}
#bottomlinks {float:  left; margin:  60px 0 0 0;}
a.bottomlinks:link {color:  #666666; font-size:  .7em; font-weight:  bold;}
a.bottomlinks:visited {color:  #666666; font-size:  .7em; font-weight:  bold;}
a.bottomlinks:hover {color:  #666666; font-size:  .7em; font-weight:  bold;}

#errorBox {width:  350px; margin: 10px 0 10px 0; color: red; font-size:  .7em; border:  1px solid;text-align:  left; padding:  3px}
#errorList { margin-bottom:  15px; color: red; padding:  0; margin: 0 0 12px 0; }
#errorList li {list-style-image: url(/images/warning.gif); list-style-position:  inside;}

#errorBox_side {float:  left; width:  240px; margin: 10px 0 10px 0; color: red; font-size:  .7em; border:  1px solid; text-align:  left; padding:  3px}


#formHeader {color: white; border:  1px solid gray; background: url(/images/formheadbg.gif); padding:  3px; font-weight:  bold; height:  36px;}
.contactHeadline {margin: 8px 0 0 4px; font-size:  18px;}
.footer {float:  right; font-size:  .75em; padding:  2px 10px 0 0;}

#services_box {float:  left; background-color:#e1e1e1; width:  228px; padding:  6px; font-size:  .8em; border:  1px solid; margin-bottom: 16px; font-weight:  bold;}
#checkmarklist { list-style-image: url(/images/checkmark.gif);}
#checkmarklist li {margin-top:  12px;}


#sampleHolder {border:  1px solid; float:  left; width:  240px; font-weight:  bold; border-color:  gray; font-size:  .8em;}
#sampleNav {padding:  8px 4px 8px 4px; text-align:  left; background-color:  #f5f5f5;}
#sampleScreenshot {border-color:  gray; margin-bottom:  20px;}

#portfolio {float: left; width:  720px; padding: 0 24px 0 20px;  background-repeat:  no-repeat; font-size:  .85em; }
#portfolio img {border: 1px solid #999;}
#portfolio div { margin: 10px; float: left; text-align: center;} 


#tabcontainer {margin-top: 24px;}
#tablist {padding: 3px 0; margin-left: 0; border-bottom: 1px solid #ccc; font: bold 12px Verdana, sans-serif; }
#tablist li {list-style: none; margin: 0; display: inline;}
#tablist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; background: #DDE; text-decoration: none;}
#tablist li a:link { color: #448; }
#tablist li a:visited { color: #448; }
#tablist li a:hover { color: #000; background: #AAE; border-color: #ccc;}
#tablist li a#current { background: white; border-bottom: 1px solid white;}

#customer_update {padding: 0 24px;}