body {margin: 3px 0 0 0; padding: 0 0 20px 0; background: #fff url(../img/bgtop.jpg) top left repeat-x; font:normal 76%/1.4 arial, helvetica, verdana, sans-serif; color:#444;}
* {padding:0; margin:0;}

p{margin-bottom:10px;}
h1 {font-size: 1.6em; }
h2 {font-size: 1.3em; color:#7A9FB2;}


a {text-decoration: none; color:#666; font-weight:bold;}
a:hover {text-decoration:underline; color:#333;}

form {margin:0; padding: 0;}
img {border:0;}

/* useful */
.clear {clear: both; margin: 0; padding: 0; height: 0px; overflow: hidden;}
.c {text-align: center;}
.r {float: right;}
.l {float:left;}
.j {text-align: justify;}
.shhh{display:none;}
strong{font-weight:bold; color:#7a9fb2; font-size:1.1em;}

ul.n {margin:10px 50px; list-style-type:none;}
  ul.n li{line-height:20px; padding-left: 50px; background: url(../img/bulletswoosh.jpg) left top no-repeat;}

/*main structural stuff*/
#container {margin:0 auto; padding: 0 0 15px 0; width: 763px;}
#content {padding: 0 15px; width:715px; background: #fff url(../img/mainbg.jpg) repeat-y;}

#fullwidth{width:689px; margin-left:20px; background: url(../img/centralboxmidfullwidth.jpg) top left repeat-y;}
#fullwidth .boxtop{background: url(../img/centralboxtopfullwidth.jpg) top left no-repeat; font-size:1px; height:14px;}
#fullwidth .padit{background: url(../img/centralboxbottomfullwidth.jpg) bottom left no-repeat;}

#leftcol {width:510px; float:left; margin-left:30px; background:  url(../img/centralboxmiddle.jpg) top left repeat-y;}
.padit{padding:5px 10px;}
.boxtop{background:url(../img/centralboxtop.jpg) top left no-repeat; font-size:1px; height:14px;}
#leftcol .padit{background: url(../img/centralboxbottom.jpg) bottom left no-repeat;}
 #leftcol h1, #fullwidth h1{color:#7A9FB2; padding:5px; margin-bottom:10px; border-bottom:1px solid #999; }
 #leftcol h2, #fullwidth h2{margin-bottom:10px;}

#rightcol {width:172px; float:right; margin-left:0 30px 0 5px;}

ul.clientslist{list-style:none;}
ul.clientslist li{float:left;}
a.smallerbutton{margin:10px; display:block; height:110px; width:160px; background: url(../img/smallerbutton.jpg) top left no-repeat; padding:5px; color:#7a9fb2; font-weight:normal;}
a.smallerbutton:hover{background-position: top right; text-decoration:none;}
/*the nitty gritty*/

fieldset{padding:15px; width:600px; margin:10px 0 10px 20px; border:1px solid #7a9fb2;}
legend{font-weight:bold; color:#7a9fb2; font-size:1.2em; padding:3px; border:1px solid #7a9fb2;}
.legend { display:block; max-width:550px;  }

ul.rightbuttons{list-style:none;}
ul.rightbuttons li{text-align:center; height:144px; width:160px; display:block; margin-bottom:10px;}
ul.rightbuttons li h3{font-weight:normal; line-height:22px; font-size: 1.6em;}
ul.rightbuttons li h3 .sm {font-size: .8em;}
ul.rightbuttons li h3 .action{color:#555; font-size: .7em; font-weight:bold; padding:6px; line-height:18px;}
a.bigrightbutton {margin-left:4px;display:block; height:144px; width:160px; background: url(../img/bigrightbutton.jpg) top left no-repeat; color:#666; padding:5px; font-weight:normal;}
a.bigrightbutton:hover{background-position: top right; text-decoration:none;}

table.mysteryshopper{border-collapse:collapse;}
 table.mysteryshopper td{width:50%; border: 1px solid #ccc; padding:4px;}
 table.mysteryshopper p{margin-bottom:5px;}
 
table.contact{border:1px solid #efefef; width:85%; margin:0 auto;}
  table.contact td{width:50%;  padding:4px;}
 
 input.txt {border:1px solid #ccc; background-color:#efefef; width:200px;}
 textarea{border:1px solid #ccc; background-color:#efefef; width:200px; height:70px;}
 .butt{color:#666; padding:5px;}

/*feature text */
.feature{color:#7A9FB2; width: 320px; margin:0 auto; text-align:center;}
.feature h1{border-bottom:0px !important; background-color:transparant; line-height:15px;}
.feature h2{backgroun-color:transparant; line-height:15px;}

/* HEADER */
#header {height: 134px; background: transparent url(../img/banner.jpg) top left no-repeat; padding: 0; margin: 0;}
#header .inside{background: transparent url(../img/shopper1.jpg) top left no-repeat; margin: 5px 0 0 40px; height:97px; }
#header h1 {padding: 0 0 0 0; margin: 0; color:#fff; margin:-20px 200px 0 0; text-align:right;}
#header img {border: none;}
#strap {font-size: 1.2em; line-height: 30px; color:#D65C5C; padding-left: 40px; }

/* MAIN MENU */
#mainmenu {list-style: none; margin: 0 52px 0 23px; padding: 0; text-align: center; background: #fff url(../img/menubg.gif) no-repeat top left; width: 696px;}
#mainmenu li {float:left; font-weight: bold; margin: 0 2px 0 0 ; padding: 0;}
#mainmenu a {font-size: 1.1em; line-height:104%; font-weight:normal;  display:block; width:96px; height:44px; color: #fff; text-decoration: none; text-decoration: none; }

#mainmenu a.about{ background: url(../img/menu-red.jpg) left top no-repeat; padding-top:8px;}
#mainmenu a.about:hover {background-position: right top;}

#mainmenu a.mystery{ background: url(../img/menu-orange.jpg) left top no-repeat; padding-top:8px;}
#mainmenu a.mystery:hover {background-position: right top;}

#mainmenu a.sales{ background: url(../img/menu-yellow.jpg) left top no-repeat; color:#666;}
#mainmenu a.sales:hover{background-position: right top;}

#mainmenu a.other{ background: url(../img/menu-blue.jpg) left top no-repeat; padding-top:13px;}
#mainmenu a.other:hover {background-position: right top;}

#mainmenu a.news{ background: url(../img/menu-green.jpg) left top no-repeat; padding-top:13px;}
#mainmenu a.news:hover {background-position: right top;}

#mainmenu a.clients{ background: url(../img/menu-purp.jpg) left top no-repeat; padding-top:13px;}
#mainmenu a.clients:hover{background-position: right top;}

#mainmenu a.contact{ background: url(../img/menu-ind.jpg) left top no-repeat; padding-top:13px;}
#mainmenu a.contact:hover{background-position: right top;}


/* FOOTER */
#footer {background: url(../img/contentbottom.jpg) bottom left no-repeat; list-style: none; margin:0; padding: 25px 0 0 30px; color: #74c1da; margin-left: 9px; font-size:.9em;}
#footer li {display: inline; text-decoration: none;}
#footer a {color: #97B5C4; text-decoration: none; font-weight: normal;}
#footer a:hover {text-decoration: underline;}