body {margin: 5px; background: url(img/bg0.gif) repeat; background-color: #FFFFFF;}
body, input, textarea {font-family: verdana,arial, helvetica, sans-serif; font-size: 100%;}
a:link, a:visited {color: #990000; font-size: 1em; text-decoration: none;}
a:hover, a:active {color: #990000; text-decoration: underline;}
.clearboth {clear: both; margin: 0; border: 0; padding: 0;}
img {border: 0;}
.dvright {text-align: right;}

#page {width: 700px; margin: 0 auto;}
#header {width: 700px; margin: 0 auto; padding: 0;}
#header1,#header2,#header3 {height: 5px; line-height: 5px; width: 100px; float: left;}
#header1 {background-color: #FF9900;}
#header2 {background-color: #EB5C00;}
#header3 {width: 500px; background-color: #CC0000;}
#head2 {margin: auto; width: 700px; padding-top: 2px; padding-bottom: 0;}
#head2 a:link, #head2 a:visited {margin: 0; border: 0;}
#head2 img {float: left; margin: 0; border: 0;}
#nav a { display: block;float: left; height: 26px; width: 105px;}

a#nav_products:link,a#nav_products:visited {background: url('img/products.jpg') left top no-repeat;}
a#nav_portfolio:link,a#nav_portfolio:visited {background: url('img/portfolio.jpg') left top no-repeat;}
a#nav_services:link,a#nav_services:visited {background: url('img/services.jpg') left top no-repeat;}
a#nav_support:link,a#nav_support:visited {background: url('img/support.jpg') left top no-repeat;}
a#nav_aboutus:link,a#nav_aboutus:visited {background: url('img/about_us.jpg') left top no-repeat;}
a#nav_contact:link,a#nav_contact:visited {background: url('img/contact_us.jpg') left top no-repeat;}
a#nav_products:hover,a#nav_products:active,a#nav_portfolio:hover,a#nav_portfolio:active,a#nav_services:hover,a#nav_services:active,a#nav_support:hover,a#nav_support:active,a#nav_aboutus:hover,a#nav_aboutus:active,a#nav_contact:hover,a#nav_contact:active {background-position: left -28px;}

#footer {width: 700px; margin: 0 auto; padding: 0;}
#footer1,#footer2,#footer3 {line-height:14px; height:14px; width: 100px; float: left;}
#footer1 {background-color: #FF9900;}
#footer2 {background-color: #EB5C00;}
#footer3 {width: 500px; background-color: #CC0000;}
#footer3 span {line-height:14px; display: block; font-size: 0.7em; color:#ffffff; font-weight:bold; padding-right: 7px; text-align: right;}
#footer3 a:link,#footer3 a:visited,#footer3 a:hover {font-size: 1em; color:#ffffff; text-decoration: none; font-weight:bold;}
#footer ul {list-style-type: none; margin: 10px 0; padding: 0;}
#footer li {float: left; margin:0; padding:0; width: 100px; text-align: center;}
#footer #w3c {clear: both; margin: 0; padding: 10px 0;}
#footer #w3c li {width: 100px;}

div#right_banners{margin: 20px auto;}
#right_banners img {padding: 5px;}

.bx_title {margin: 5px 0; padding: 0;}
div#content .bx_title p {margin: 4px 0; padding: 0; color:#CC0000; font-size : 0.8em; font-weight: bold;}
.bx_title #bx_title1,.bx_title #bx_title2,.bx_title #bx_title3 {height:5px; line-height: 5px; width: 100px; float: left;}
.bx_title #bx_title1 {background-color: #FF9900;}
.bx_title #bx_title2 {background-color: #EB5C00;}
.bx_title #bx_title3 {width: 346px; background-color: #CC0000;}

div.centered {margin: auto; text-align: center;}
div#main {background: url('img/bg_main.gif') repeat; margin: 0 auto; width: 700px; padding: 0; overflow: hidden;}
div#cimg {width: 1px; float: right;}
div#content {text-align: left; padding: 0 12px; margin-right: 130px;}
div#right {width: 129px;  text-align: center; float: right;} 
div#content ul {list-style-type: none; margin: 0; padding: 0 0 10px 0;}
div#content li {margin: 0; padding: 2px 0; color: #110000; font-size: 0.85em; line-height: 1.3em;}
div#content li:hover {color: #990000;}
div#content p {padding-left: 0; margin-top:15px; color: #110000;}
div#content p:hover {color: #990000;}
div#content li strong {background: url('img/arrow.gif') no-repeat left center; padding-left: 20px; font-size: 1.1em;}
div#content .bxteam {color:#CC0000; font-size : 0.8em; font-weight: bold; text-align: right; padding-right: 10px;}
div#content ul.items {list-style-type: square; margin: 15px 0 10px 15px;}
div#content ul.items li {font-size: 0.85em; line-height: 1.3em;}

#servicenav {list-style-type: none; text-align: right;}
#servicenav li {display: inline;}
#pf_img {float: right; margin: 30px auto; text-align: center; width: 300px; height: 250px;}
#pf_img a {font-size: 0.8em;}
#pf_list {margin: 65px 250px 0 0;}
#pf_list a {font-size: 1em; font-weight: normal;}
#jobsite, #lance, #jokesite, #banner, #banner2 {text-align: left; background: url('img/products_bg.jpg') no-repeat; font-size: 0.85em; height: 250px; padding: 10px;}
#jobsite p, #lance p, #jokesite p, #banner p, #banner2 p {font-size: 0.9em;}
#jobsite a, #lance a, #jokesite a, #banner a, #banner2 a {float: right; font-size: 0.9em; background: url('img/arrow.gif') no-repeat left center; padding-left: 20px;}

#contact {background: url('img/contact_bg.jpg') no-repeat left center; border: none; width: 450px;margin: auto; height: 300px;}
#contact td {color : #550000; font-size : 0.9em; width: 50%;}
#contact input,#contact textarea {border:1px solid #cc0000; color:#550000; font-size: 0.9em;}
#contact textarea {width: 80%;}
#contact_error {margin: 10px 5px; background: #FFFFD5 url('img/error.gif') no-repeat left center; padding: 5px 5px 5px 40px; border: 1px solid #F00;}
div#content #contact_error ul {list-style-type: square; padding-left: 10px;}
#contact_error ul li,#contact_error ul li:hover {color: #FF0000; font-size: 0.7em;}