@import "reset.css";
@import "forms.css";

body { background-color: #082248; color: #e6e6e6; font: .8em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #e63f02; }
a:hover { color: #e63f02; }

img { behavior: url(http://tom.turbohosts.co.uk/budgetwebdesign/js/iepngfix.htc); }
img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 172%; letter-spacing: -1px; }
h2 { font-size: 152%; }
h3 { font-size: 122%; }

#logo { display: inline; float: left; margin: 10px 0 0 20px; }
#logo img { display: block; }

#pagetitle { margin-bottom: 1em; color: #d3f0fc; font-size: 36px; }


/* Layout  */

html, body { height: 100%; }
#container { width: 934px; min-height: 100%; margin: 0 auto; background: #373f63 url(../images/bg1.png) repeat-y; text-align: left; }
#containerAfter { padding: 0 17px; }
#content { position: relative; z-index: 7; padding: 55px 33px; }
#content .col { float: left; width: 50%; }
#header {  }
#sidebar {  }
#mainbar {  }
#footer { clear: both; position: relative; z-index: 8; width: 900px; height: 55px; margin: -55px auto 0; }
* html #container { height: 100%; }


/* Header */

#cap { position: relative; z-index: 10; padding-bottom: 17px; background: url(../images/shadow1.png) 0 100% no-repeat; }
#cap .after { height: 70px; background: url(../images/pattern2.png); }
#cap h1.phone { display: inline; float: right; margin: 22px 20px 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; }
* html #cap { background: none; }


/* Navigation */

#navbar { position: relative; z-index: 9; width: 723px; margin: -17px auto 0; background: #39c5ff url(../images/bg2.png) 0 100% no-repeat; }
#nav { padding: 12px 0 17px; text-align: center; line-height: 1em; }
#nav li { display: inline; padding-left: 4px; border-left: solid 2px #fff; }
#nav li.first { border-left: none; }
#nav li a, #nav li a:visited { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
#nav li a:hover { color: #e63f02; }
#nav li a.on { text-decoration: underline; }


/* Site Plans */

ul.plans { position: relative; clear: both; width: 100%; margin-top: 2em; }
ul.plans li.plan { position: relative; z-index: 6; height: 95px; margin-bottom: 2em; padding: 9px; background: url(../images/bg3.png) 0 0 no-repeat; }
ul.plans li.plan h2 { position: absolute; top: 9px; right: -30px; }
ul.plans li.plan img.preview { float: left; margin-right: 20px; }
ul.plans li.plan ul { float: left; }
ul.plans li.plan ul.main { width: 320px; font-size: 16px; font-weight: bold; }
ul.plans li.plan ul.main li { margin: .5em 0; }
ul.plans li.plan ul.features { width: 160px; }
ul.plans li.plan .pay { float: left; width: 115px; padding-top: 10px; color: #e63f02; font-size: 24px; font-weight: bold; text-align: center; }
ul.plans li.plan .pay small { font-size: 16px; }
ul.plans li.plan .pay form { margin-top: 5px; }
#plans li.plan { clear: both; }
#plans2 { margin: 0; padding-top: 2em; }
#plans2 li.plan { display: inline; float: left; width: 335px; height: 140px; margin: 0 30px 2em; background-image: url(../images/bg3-shorter.png); }
#plans2 h1 { margin-bottom: 9px; }


/* Projects list */

#projects li { display: inline; float: left; width: 299px; margin: 0 59px 20px; }
#projects li a { display: block; padding: 30px 0; background-color: #082248; color: #fff; text-align: center; }
#projects li a:hover { background: url(../images/pattern2.png); color: #fff; }
#projects li img { border: solid 1px #fff; }


/* Search engine submition tools */

#submitTools { width: 600px; margin: 0 auto; text-align: left; }
#submitTools li.odd, #submitTools li.even { list-style: none; margin: 0; padding: 0; }
#submitTools li.odd { padding: 5px 7px; border-bottom: solid 1px #373f63; background-color: #082248; }
#submitTools li.hover { background-color: #d3f0fc; color: #000; }
#submitTools li.on { background-color: #e63f02; color: #fff; }


/* Footer */

#footer { background: url(../images/pattern1.png); font-family: Arial, Helvetica, sans-serif; }
#footer a, #footer a:visited { color: #fff; }
#footer a:hover { color: #e63f02; }
#footer .inner { padding: 1.5em 12px 0; }