html, body { background: url('images/stripe.png')  #c7090e; text-align: center; font-family: arial; font-size: 12px; color: #0000000; margin-bottom: 10px;}

h1 { font-family: trebuchet ms, arial, verdana, sans-serif; font-size:22px; font-weight: bold; color: #ce0504; margin-top: 0px; margin-bottom: 15px;}
h2 { font-family: trebuchet ms, arial, verdana, sans-serif; font-size:16px; font-weight: bold; color: #ce0504; margin-top:15px; }
h3 { font-family: trebuchet ms, arial, verdana, sans-serif; font-size:12px; font-weight: bold; color: #ce0504; margin-top:15px; }
h4 { background: url('images/header-icon.jpg') #efefef no-repeat; padding-left: 25px; border: 10px solid #efefef; font-family: helvectia, arial, verdana, sans-serif; font-size:18px; font-weight: bold; color: #000; margin-bottom: 0px;}

a:link { font-size: 12px; color: #ce0504; text-decoration: underline; }
a:visited { font-size: 12px; color: #ce0504; text-decoration: underline; }
a:hover { font-size: 12px; color: #000; text-decoration: none; }

#container { width: 840px; margin: auto; border: 6px solid #fff; background: #fff; }
#head-left { float: left; background: url('images/head_left.jpg') ; width: 554px; height: 116px; text-align:  left; }

#head-right { float: left; background: url('images/head_right.jpg'); width: 286px; height: 116px; text-align:  left;}
#head-right-sub { padding-top: 13px; padding-left: 40px; }
#head-right-sub ul { margin: 0; padding: 0}
#head-right-sub li { display: inline; padding-top: 0; padding-right: 10px; padding-bottom: 0; color: #fff; }
#head-right-sub a:link  { font-size: 11px; font-family: arial, verdana, sans-serif; color: #fff; text-decoration: none; }
#head-right-sub a:visited  { font-size: 11px; font-family: arial, verdana, sans-serif; color: #fff; text-decoration: none; } 
#head-right-sub a:hover  { font-size: 11px; font-family: arial, verdana, sans-serif; color: #fff; text-decoration: none; }

#header-img { clear: both; background: url('images/header_img.jpg'); height: 180px; text-align:  right;}
#content { padding: 0 15px 15px 15px; text-align: left; background: #fff; }


/* Header Navigation Customization - Edit this code to customize navigation for header.
****************************************************************************************************************************/
#headernav { height: 65px; background: url('images/nav.jpg'); text-align: center;}
#headernav ul { margin: 0; padding-top: 0px; padding-left: 0; padding-bottom: 0;}

.droplinebar{ overflow: hidden;}
.droplinebar ul{ margin: 0 0 30px 0; text-align:center;padding: 0;float: left;width: 100%;font: bold 16px Arial;background: red url('/images/nav.jpg') center center repeat-x; /*default background of menu bar*/}
.droplinebar ul li{ display: inline;}
.droplinebar ul li a{float: left;color: white; font: bold 16px Arial;padding: 20px 9px;text-decoration: none;}
.droplinebar ul li a:visited{color: #fff; }
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/color: #e6e6e6;  background: transparent center center;}

/* Sub level menus*/
.droplinebar ul li ul{ position: absolute;z-index: 100;left: 0;top: 0;background: #e6e6e6; /*sub menu background color */visibility: hidden; }

/* Sub level menu links style */
.droplinebar ul li ul li a {font: normal 13px arial;padding: 6px;padding-left: 9px;padding-right: 9px;margin: 0; color: #000;border-bottom: 0;}
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */background: #cf0503;}
.droplinebar ul li ul a:link { color: black; font-weight: bold; }
.droplinebar ul li ul a:visited { color: black; font-weight: bold; }
.droplinebar ul li ul a:hover { color: white; font-weight: bold; }


/* Footer Navigation Customization - Edit this code to customize navigation for footer. Uncomment to include in CSS. 
****************************************************************************************************************************/
#footer { background: #000; text-align: center; padding: 15px 0 15px 0}
#footer a:link { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
#footer a:visited { font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none;}
#footer a:hover {font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #cb0504; text-decoration: none; }
.grey a:link { color: #c0c0c0; font-family:arial; font-weight: bold; }

a.states:link { font-size:11px; color:#fff; font-family:arial; text-decoration: none; font-weight: bold;}
a.states:visited { font-size:11px; color:#fff; font-family:arial; text-decoration: none; font-weight: bold;}
a.states:hover { font-size:11px; color:#000; font-family:arial; text-decoration: none; font-weight: bold;} 

#copy {font-family: arial; font-size: 11px; color: #ffffff;}
#copy a:link { font-family: arial, verdana, sans-serif;; font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }
#copy a:visited { font-family: arial, verdana, sans-serif;; font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }
#copy a:hover { font-family: arial, verdana, sans-serif;; font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }


/* Miscellanous Styling. 
****************************************************************************************************************************/
.compare_table td { padding: 8px; border-bottom: 1px dotted #c0c0c0; }
.compare-ctr { text-align: center; }
.compare-ctr2 { text-align: center; border-right: 1px dotted #c0c0c0; border-Left: 1px dotted #c0c0c0 ; background: #F7F7F7;} 

li.check {list-style-image: url('check.gif');margin-top:5px;margin-botton:5px;}

a.serv-header:link { font-family: arial;font-size: 18px;color: #000000;text-decoration: none;}
a.serv-header:visited { font-family: arial;font-size: 18px;color: #000000;text-decoration: none;}
a.serv-header:hover { font-family: arial;font-size: 18px;color: #ce0504;text-decoration: underline;}
.serv-box { padding-bottom: 10px; border-bottom: 1px dotted #c0c0c0; width: 520px; }

.maint-head { font-family: trebuchet ms;font-size: 18px;font-weight: bold;color: #ffffff;font-style:italic;border-left: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black;text-align: center;}
.maint-feat { font-family: arial;font-size: 10px;border-left: 2px dotted #e2e2e2; border-bottom: 2px dotted #e2e2e2; }
.maint-feat ul { padding: 2px; margin: 6px; }
.maint-feat li { list-style-type: square;margin-top:5px;margin-botton:5px; }
.maint-order { font-family: arial;font-size: 14px; font-weight:bold; border-left: 2px dotted #e2e2e2; border-bottom: 2px dotted #e2e2e2;}
a.maint-order-button { background:url(/images/maint-order-button.jpg) repeat 0px 0px; width: 175px; height: 49px; display: block; }
a.maint-order-button span { display: none; }
a.maint-order-button:hover { background: url(/images/maint-order-button.jpg) repeat 0px -49px; }  


.commentbox{ background-color: #ececec;width: 785px;padding: 10px;text-align:left;}
.commentbox-small{ background-color: #ececec; width: 475px; padding: 10px;text-align:left;}
.commentfooter{ background: url(/images/comment_arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/padding-left: 58px;padding-top: 1px;margin-bottom: 2em;font-size: 11px;color: #000000;font-weight: bold;text-align:left;}
.website { font-size:10px;font-family: arial;font-weight: normal;color: #ce0504;}

.mainExpand { cursor:hand; cursor:pointer; font: bold 12px arial, helvetica, sans-serif; margin-top:5px;margin-bottom:8px; }

#redesign-left { padding: 0 15px 15px 15px; text-align: left; background: #fff; }
.redesign-head { vertical-align: center; font-size:28px; padding: 4px 4px 10px 4px; text-align: center; }

a.estimate-button { background:url(/images/estimate-button.jpg) repeat 0px 0px; width: 174px; height: 34px; display: block; }
a.estimate-button span { display: none; }
a.estimate-button:hover { background: url(/images/estimate-button.jpg) repeat 0px -34px; }

a.order-webtdy-button { background:url(/images/order_website_tdy.jpg) repeat 0px 0px; width: 608px; height: 80px; display: block; }
a.order-webtdy-button span { display: none; }
a.order-webtdy-button:hover { background: url(/images/order_website_tdy.jpg) repeat 0px -80px; }        

a.sitemap:link { font-size: 12px; color: #000; text-decoration: none; }
a.sitemap:visited { font-size: 12px; color: #000; text-decoration: none; }
a.sitemap:hover { font-size: 12px; color: #ce0504; font-weight: bold; text-decoration: none; }

.businesstools td { padding: 3px 0; border-bottom: 1px dotted #c0c0c0; color: #ce0504; font-size: 13px}
.businesstools a:link {color: #000; font-size: 12px;}
.businesstools a:visited {color: #000; font-size: 12px;}
.businesstools a:hover {color: #ce0504; font-size: 12px;}



/* Portfolio Customization
****************************************************************************************************************************/
.portfolio-table { font-family: arial; font-size: 9px; color: #000; empty-cells:show; text-align: center;}
.portfolio-table td { vertical-align: top; border-bottom: 1px dotted #c0c0c0; padding-bottom: 10px; padding-top: 10px; empty-cells:show; }
.portfolio-table img { width: 140px; height: 117px; border:1px solid #000000; margin-bottom: 5px;}
.portfolio-table a:hover img{ border:2px dashed #ce0504;}
.portfolio-table a:link { color: #000; text-decoration: none; font-size: 10px; font-weight:bold; }
.portfolio-table a:visited { color: #000; text-decoration: none; font-size: 10px;}
.portfolio-table a:hover { color: #ce0504; text-decoration: underline; font-size: 10px;}


.otable1 td { padding: 10px }
.otable2 { background: #fbefef }
.otable3 td { padding: 5px }