/* CSS Document */

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #737373; }

h1 { color: #448ccb; font-size: 1.5em; font-weight: normal; padding: 0; margin: 0 0 1em 0; }
h2 { color: #448ccb; font-size: 1.4em; font-weight: normal; padding: 0; margin: 0; }
hr { height: 1px; background-image: none; border: none; background-color: #ededed; margin: 3px 0; padding: 0; }
a  { outline: none; }

#topwide { background-image:url(../images/site/bgtop.jpg); height: 119px; }
#top     { width: 1056px; height: 119px; margin: 0 auto; background-image:url(../images/site/bgtopmid.jpg); position:relative; }
#tophl   { border: 0; position: absolute; left: 26px; top: 0px; width: 200px; height: 100px; }

#topcontact { position: absolute; top: 15px; right: 78px; color: #7DA7D9; text-shadow: 0 -1px 1px #000; }
#topcontact a { font-weight: bold; color: #7da7d9; text-decoration: none; }

#topnav     { position: absolute; top: 45px; left: 690px; padding: 0; margin: 0; }
#topnav li  { margin: 0; padding: 0; list-style: none; position: absolute; }
#topnav li, #topnav a { height: 74px; width: 90px; display: block; }

#btnhome     { left: 0;     top: 0; background:url(../images/site/topnav.jpg) 0 0;      }
#btnabout    { left: 100px; top: 0; background:url(../images/site/topnav.jpg) -90px  0;  }
#btncontact  { left: 200px; top: 0; background:url(../images/site/topnav.jpg) -180px 0; }
/* Hovers */
#btnhome     a:hover { background:url(../images/site/topnav.jpg) 0      -74px; }
#btnabout    a:hover { background:url(../images/site/topnav.jpg) -90px  -74px; }
#btncontact  a:hover { background:url(../images/site/topnav.jpg) -180px -74px; }

#toplinewide { height: 1px; background-color: #0072bc; }
#topline { height: 1px; width: 1056px; margin: 0 auto; background-image:url(../images/site/bgtopline.gif); }

#imtitlehomewide { background-image:url(../images/site/bgimtitlehome.jpg); height: 370px; }
#imtitlehome     { width: 1056px; height: 370px; margin: 0 auto; background-image:url(../images/site/imtitlehome.jpg); position: relative; }
#taghome         { position: absolute; left: 75px; top: 65px; font-family: 'Open Sans', sans-serif; font-size: 22px; color: #fff; font-weight:300; }
#taghome b       { font-weight: 400; }
#tagstrap        { position: absolute; bottom: 17px; left: 75px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #ddd; font-size: 20px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 2); }
#tagstrap b      { font-weight: 400; }
#btncontactht    { position: absolute; left: 70px; top: 200px; border: none; }

#imtitleinnerwide { background-image:url(../images/site/bgimtitleinner.jpg); height: 185px; }
#imtitleinner     { width: 1056px; height: 185px; margin: 0 auto; background-image:url(../images/site/imtitleinner.jpg); position: relative; }
#instrap          { position: absolute; left: 72px; top: 15px; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; color: #fff;  text-shadow: 0px 0px 1px rgba(0, 0, 0, 2); }
#instrap b        { font-weight: 400; }

#midwide  { background-color: #f8f8f8; }
#mid      { width: 912px; padding: 50px 72px; margin: 0 auto; background-image: url(../images/site/bgmid.gif); }
hr.home   { margin: 35px 0; }
.mid4col  { width: 205px; float: left; margin-right: 30px; }
.mid2col  { width: 440px; float: left; margin-right: 30px; }
.mid3col  { width: 675px; float: left; margin-right: 30px; }
.mid4col img { padding: 5px; border: 1px solid #ececec; width: 193px; height: 100px; margin-bottom: 10px; }
.mid4col a, .mid2col a, .mid3col a, .midfull a { color: #448ccb; text-decoration: none; float: right; }
.lastcol  { margin-right: 0; }
#midleft  { float: left;  width: 645px; line-height: 1.5em; }
#midleft a { color: #448ccb; text-decoration: none; }
#midleft img { padding: 7px; border: 1px solid #ececec; }
#midleft h2 { margin: 0 0 15px 0; font-size: 1.3em; }
#midright { float: right; width: 207px; font-size: 0.9em; line-height: 1.8em; }
#midright a { color: #448ccb; text-decoration: none; }

#midservices    { width: 207px; margin:0; padding:0; }
#midservices a  { color: #448ccb; text-decoration: none; }
#midservices li { list-style-image:url(../images/site/bulletblue.gif); list-style-position:inside; padding: 5px 0; }

#btngetintouch { float: right; }


#botwide  { background-image: url(../images/site/bgbot.gif); }
#bot      { width: 912px; margin: 0 auto; padding: 20px 72px; color: #828181; background-image: url(../images/site/bgbot.gif); }
#bot span { float: left; margin-right: 30px; width: 205px; font-size: 0.9em; line-height: 1.5em; }
#bot span.contact { margin-right: 0; line-height: 2em; }
#bot h3   { margin: 0; padding: 0; color: #ccc; font-size: 0.9em; margin-bottom: 1.2em; }
#bot a    { color: #7da7d9; text-decoration: none; }
#bot a:hover { color: #ccc; }
#bot ul   { width: 205px; margin:0; padding:0; }
#bot ul a { color: #828181; }
#bot li   { list-style-image:url(../images/site/bulletbot.gif); list-style-position:inside; padding: 8px 0; border-bottom: 1px solid #342f2f; }

#whitby { margin: 2em 0 0 0; padding: 0; }

.contmidim  { width:42px; height: 42px; margin: 10px 10px 0 0; background-image:url(../images/site/bulletcontractor.gif); float: left; }
.contmid    { float: left; margin: 8px 0; width: 593px; }

.contbotim  { width:42px; height: 42px; margin: 10px 10px 0 0; background-image:url(../images/site/bulletcontractorbot.gif); float: left; }
.contbot    { float: left; color: #9b9b9b; width: 148px; margin: 8px 0; }
.contel     { color: #696969; }
.contspace  { clear:both; height: 30px; line-height:0; }

#ricslogo   { width: 175px; height: 39px; margin: 55px 0 0 0; padding: 0; }

#copywide { background-color: #282424; background-image:url(../images/site/bgcopytop.gif); background-position:top; }
#copy     { width: 980px; margin: 0 auto; padding: 20px 38px; color: #adadad; background-image:url(../images/site/bgcopytop.gif); background-position: top; position: relative; font-size: 0.9em; }
#copy a    { color: #adadad; text-decoration: none; }
#copy a:hover { color: #ccc; }
#webdesign { float: right; }


/* General bits and bobs */
.clear { line-height: 0; margin: 0; padding: 0; clear: both; }
.superinput {
  -moz-border-radius: 3px 3px;
  border-radius: 3px 3px/3px 3px;
  border: 1px solid #f0f0f0;
  padding: 10px;
  margin: 5px 0 10px 0;
  background-color: #f8f8f8;
  color: #9b9b9b;
  width: 185px;
}
form { margin: 0; padding: 0; }