@charset "utf-8";
body {text-align:center; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg.gif) repeat-x #c9c9c9}
.container {width: 901px; margin:0 auto; text-align:left;}
.header { height:124px; width:901px; background:url(../images/headerbg.gif) no-repeat}
.nav { height:29px; width:901px; background-color:#000000; float:left}
.nav ul {margin:4px 0 0 23px; padding:0}
.nav li {display:inline; padding-right:30px}
.nav a {color:#c6c6c6; font-size:0.8em; text-decoration:none; font-weight:bold}
.flasharea {width:901px; height:218px; background:url(../images/flashbg.gif); float:left}
.redarea {width:901px; height:36px; background:url(../images/flashbg.gif) bottom; float:left}
.leftcol {width:242px; float:left; font-size:0.75em; color:#6b6b6b;line-height:1.5em}
.leftcol h3 {font-size: 1.2em; font-weight:normal; padding:0; margin:0}
.leftcolpad {padding: 15px 10px 10px 24px}
.rightcol {width:643px; float:right; padding:15px 0 0 0; }
.rightcol .body {width:454px; float:left;line-height:1.2em}
h4 {font-size:0.8em; color:#FF0000}
.rightcol .crosssell{width:170px; float:right}
.rightcol h3 {color:#ec0000; font-weight:normal; font-size:0.9em; margin:0; padding:0}
.rightcol p {font-size:0.8em; color:#555555; }
.content {background:url(../images/contentbg.gif); width:901px; float:left; padding-bottom:20px}	
.footer {width:901px; height:41px; background:url(../images/footer.gif); float:left}
.imagebord {border:1px solid #333333}
a {color:#ec0000}
.crosssell h4 {color:#FFFFFF; font-weight:bold; font-size:0.8em; margin:0; padding:0}
.crosssell p, .crosssell a {color:#FFFFFF; margin:0; padding:0; text-decoration:none}
.crossssellboxone {background-color:#bc2115; padding:10px 5px 5px 10px; min-height:80px; width:145px  }
.crossssellboxtwo {background-color:#987629; padding:10px 5px 5px 10px; min-height:80px;margin-top:5px;width:145px  }
.crossssellboxthree {background-color:#984429; padding:10px 5px 5px 10px; min-height:80px;margin-top:5px;width:145px  }
.crossssellboxfour {background-color:#b5380c; padding:10px 5px 5px 10px; min-height:80px;margin-top:5px;width:145px  }

.projects {width:454px; float:left; padding:6px 0 30px 0}
.projectrepeater {width: 226px; float:left; margin-top:8px}
.projectrepeater .image {width: 52px; height:52px; float:left; background-color:#996600}
.projectrepeater .text {width: 170px;  float:right; }

.projectrepeater h5 {margin:0; padding:0; color:#ec0000; font-size:0.7em;}
.projectrepeater h5  a {text-decoration:none}


.projectrepeater p {font-size:0.7em; margin:0; padding:0; line-height:1.3em}
.projectrepeater p a {color:#6b6b6b; text-decoration:none}
.projectrepeater p a:hover,.projectrepeater h5  a:hover, a:hover {text-decoration:underline}
.footer .left {float: left;width: 400px; margin:14px 0 0 24px;font-size: 0.7em; color:#535353}
.footer .right {float: right;width: 400px; margin:14px 10px 0 0;font-size: 0.7em; text-align:right}
.footer .right  a{color:#535353}
.footer .right  a:hover{color:#fff; background-color:#ec0000; text-decoration:none}
.nav .on  {color: #FFFFFF;}