@charset "utf-8";

@import url('reset.css');

body { font: 80%/130% "Trebuchet MS", Verdana, Helvetica, Sans-serif; background: #e1e7eb; }

#container { margin: 40px auto; width: 940px; }

#header { float: left; width: 940px; border-bottom: 10px solid #4d4d4d; padding: 0 0 20px;  }
#header a#logo { background: url(../images/title.gif) no-repeat -10px 0; float: left; width: 280px; height: 70px; text-indent: -999em; overflow: hidden; }
#header a#services { background: url(../images/services.gif) no-repeat 10px 20px; float: right; width: 230px; height: 70px; text-indent: -999em; overflow: hidden; }
#header a#email { background: url(../images/email.gif) no-repeat 10px 20px; float: right; width: 230px; height: 70px; text-indent: -999em; overflow: hidden; }

#main { width: 940px; float: left; padding: 20px 0 20px; margin: 0 0 0 -3px; }

#main a { color: #0d72bf; }

#main p { padding: 5px 10px; }

#main p.intro {background: #CBD6DC; display: block; clear: both; padding: 10px 10px 15px 10px; margin: 0 0 20px 4px; font-size: 1em; }
#main p.intro a { color: #367fab; text-decoration: underline;  }
#main p.intro a:hover { color: #c60033; }
#main ul.services { padding: 10px 15px; }
#main ul.services li { background: url(../images/tick.gif) no-repeat 0 50%; padding: 5px 25px; margin: 5px 0; }

#main ol.services { padding: 10px 15px; }
#main ol.services li { padding: 5px 25px; margin: 5px 0; }
#main ol li.ol-1 { background: url(../images/ol-1.gif) no-repeat 0 50%; }
#main ol li.ol-2 { background: url(../images/ol-2.gif) no-repeat 0 50%; }
#main ol li.ol-3 { background: url(../images/ol-3.gif) no-repeat 0 50%; }
#main ol li.ol-4 { background: url(../images/ol-4.gif) no-repeat 0 50%; }
#main ol li.ol-5 { background: url(../images/ol-5.gif) no-repeat 0 50%; }

#main .opt-1 { background: url(../images/ol-1.gif) no-repeat 10px 50%; padding-left: 35px; }
#main .opt-2 { background: url(../images/ol-2.gif) no-repeat 10px 50%; padding-left: 35px; }


#main .cms {background: #f0f3f5; display: block; clear: both; padding: 0; margin: 0 0 20px 4px; font-size: 1em; }
#main .options {background: #f0f3f5; display: block; clear: both; padding: 0; margin: 0 0 20px 4px; font-size: 1em; }
#main .charges { background: #f0f3f5; display: block; clear: both; padding: 0; margin: 0 0 20px 4px; font-size: 1em; }
#main .details { background: #f0f3f5; display: block; padding: 0; margin: 0 0 20px 4px; font-size: 1em; float: left; width: 466px;}

table { }
table tr td { padding: 15px; border: 1px solid #f0f3f5; }

.table-dcc { background: #68bf8a; color: #FFF; }
.table-other { background: #007b82; color: #FFF; }
.table-primary { background: #428fca; color: #FFF; }
.table-secondary { background: #385d7e; color: #FFF; }
.table-standard { background: #DDD; }
.table-cms { background: #CCC; }

h1 { font-size: 1.4em; padding: 0 0 10px; font-weight: bold; }
h2 { font-size: 1.2em; padding: 10px 10px; font-weight: bold; background: #4d4d4d; color: #FFF; margin: 0 0 10px; }
h3 { font-size: 1.2em; padding: 10px 10px; font-weight: bold; background: #CBD6DC; color: #4d4d4d; margin: 0 0 10px; }

h4 { font-size: 1.1em; padding: 10px 10px 0; font-weight: bold; color: #0d72bf; }
h5 { font-size: 1.0em; padding: 10px 0; font-weight: bold; }
h6 { font-size: 1.2em; padding: 10px 0 5px; margin: 0 0 5px; font-weight: bold; border-bottom: 1px dotted; color: #0d72bf; }

.column { float: left; width: 450px; }
.clear { clear: both; }
#footer p a { color: #367fab; text-decoration: underline;  }
#footer a:hover { color: #c60033; }



#footer { clear: both; width: 940px; border-top: 10px solid #4d4d4d; padding: 20px 0;  }
#footer p { display: inline; float: left; }
#footer p.copyright { display: inline; float: right; width: 215px; }