*
{
  padding: 0px;
  margin: 0px;
}

html
{
  height: 100%;
}

body
{
  background: url('../img/bg-lines.gif') repeat top center #CCC;
  font-size: 10px;
  color:#000;
  font-family: helvetica, arial, sans-serif;
  height: 100%;
}

h1
{
  font-size: 26px;
  text-align: left;
  text-align:center;
}

h2
{
  font-size: 22px;
  text-align: left;
}

h3
{
  font-size: 18px;
  font-weight: normal;
}

h3.inset
{
  width: 900px;
  margin: auto;
  text-align: justify;
}

h4
{
  font-size: 18px;
  font-weight: bold;
  text-align:center;
  padding-top:1em;
  padding-bottom:0.6em;
}

fieldset
{
  border: none;
}

a
{
  color: #103790;
  text-decoration: none;
  border: none;
}

a:visited
{
  color: #103790;
  border: none;
}

a:hover
{
  color: #D76101;
  text-decoration: underline;
  border: none;
}

a:active
{
  color: #000;
  border: none;
}

a.seolink
{
  color:#000;
}

a.seolink:visited
{
  color: #000;
  border: none;
}

a.seolink:hover
{
  color: #D76101;
  text-decoration: underline;
  border: none;
}

a.seolink:active
{
  color: #000;
  border: none;
}

p
{
  font-size: 14px;
  text-indent: 1em;
  padding-bottom: 0.5em;
  color:#222;
}

ol
{
  padding-left: 15px;
  font-size: 14px;
}

ul
{
  padding-left: 15px;
  font-size: 14px;
}

a img
{
  border: none;
}

.small
{
  font-size: 14px;
}

.center
{
  text-align: center;
}

.f-l
{
  float:left;
}

#container
{
  background: url('../img/bg-top.gif') top left repeat-x;
  position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
  padding-bottom: 50px;
 }

#header
{
  width: 968px;
  height: 100px;
  margin: auto;
  padding: 0px 15px 5px 15px;
  background: #FFF;
  border-left: solid 1px #777;
  border-right: solid 1px #777;
}

#header img
{
  margin: 20px 0px 0px 10px;
}

#header-right
{
  float: right;
  padding: 10px;
  font-size: 1.5em;
  height: 45px;
}

#header-right a
{
  color: #000;
  text-decoration: none;
}

#header-right a:visited
{
  color: #000;
  text-decoration: none;
}

#header-right a:hover
{
  color: #D76101;
  text-decoration: underline;
}

#header-right a:active
{
  color: #D76101;
  text-decoration: underline;
}

#header-right a#basket-link
{
  display: block;
  background: url('../img/basket.png') no-repeat right;
  text-align: right;
  padding-right: 20px;
  padding-top: 7px;
}

#top-search
{
  float: right;
  height: 30px;
  width: 300px;
  clear: both;
  background: url('../img/search.png') no-repeat left;
}

#top-search #query
{
  font-size: 18px;
  width: 160px;
  margin: 0px 0px 0px 5px;
  padding-top: 3px;
  height:27px;
  border: none;
  background: none;
  float: left;
}

#top-search-button
{
  width: 30px;
  height: 30px;
  background: url('../img/search-button.png') no-repeat left;
  border: none;
  float: left;
  cursor:pointer;
}

#top-search-button:hover
{
  background: url('../img/search-button-hover.png') no-repeat left;
}

#customer-login
{
  display: block;
  float: right;
  background: url('../img/login.png') no-repeat;
  width: 72px;
  height: 25px;
  padding: 5px 18px 0px 0px;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

#customer-login:hover
{
  font-weight: bold;
  width: 72px;
  padding: 5px 18px 0px 0px;
}

#menu
{
  height: 34px;
  width: 968px;
  padding: 0px 15px;
  margin: auto;
  background: #FFF;
  border-left: solid 1px #777;
  border-right: solid 1px #777;
}

#menu-inner
{
  background: url('../img/menu-bg.gif') repeat-x #FFF;
  height: 34px;
}

#menu-inner img#menu-left
{
  float: left;
  height: 34px;
}

#menu-inner img#menu-right
{
  float: right;
  height: 34px;
}

#menu-inner img.menu-dip
{
  float: left;
}

#menu-inner a
{
  display: block;
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 12px 0px 12px;
  height: 28px;
  color: #fff;
  text-decoration: none;
  background-attachment:fixed;
  background: url('../img/menu-bg.gif') repeat-x #FFF;
}

#menu-inner a:hover
{
  background-position: left -34px;
}

/* drom down sub menus */
div.drop-sub-menu
{
  display: none;
  position: absolute;
  top: 137px;
  left: 50%;
  z-index: 2000;
  background: #191919;
  border: solid 1px #111;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
}

div.drop-sub-menu a
{
  background-attachment:fixed;
  background: url('../img/sub-menu-hover.gif') repeat-x left -30px;
  display: block;
  height: 20px;
  padding: 5px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div.drop-sub-menu a:hover
{
  text-decoration: none;
  background-position: left top;
}

div#hosting-sub-menu
{
  width: 190px;
  margin-left: -200px;
}

div#domains-sub-menu
{
  width: 210px;
  margin-left: -41px;
}

div#webdesign-sub-menu
{
  width: 200px;
  margin-left: -17px;
}

div#non-js-sub-menu
{
  padding: 0px 15px 0px 15px;
  height: 30px;
}

div#non-js-sub-menu a
{
  background: url('../img/sub-menu-hover.gif') repeat-x left top;
  display: block;
  float: right;
  height: 24px;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px 0px 10px;
  margin-left: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

div#non-js-sub-menu a:hover
{
  text-decoration: none;
  background: #000;
}
  
  

div#sub-menu
{
  overflow: auto;
  width: 900px;
  border: outset 1px #999;
  border-top: none;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  position: absolute;
  top: 143px;
  left: 50%;
  margin-left: -450px;
  background: url('../img/subtle-grey-grad.gif') repeat-x;
}

div#sub-menu a
{
  display: block;
  float: left;
  padding: 5px 10px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
}


div#sub-menu a:hover
{
  text-decoration: none;
}

/* puts the space under the submenu back in */
div#sub-menu-spacer
{
  height: 30px;
}

#content
{
  width: 998px;
  margin: auto;
  background: #fff;
  border-left: solid 1px #777;
  border-right: solid 1px #777;
  padding: 10px 0px;
  overflow: auto;
}

div.error
{
  text-align: center;
  color: #d00;
  font-size: 1.8em;
}

div.tag-line
{
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color:#d76001;
  padding-bottom: 5px;
}

div.field-warning
{
  font-size: 14px;
  color: #d00;
  height: 0px;
  overflow: hidden;
}

/* TABLE */
table.cv-table
{
  border-collapse: collapse;
  margin: auto;
}

table.cv-table td
{
  border: solid 1px #393939;
  font-size: 14px;
  padding: 3px;
  text-align: center;
  height: 34px;
  background: url('../img/subtle-grey-grad.gif') repeat-x bottom #f9f9f9;
}

table.cv-table th
{
  border: solid 1px #393939;
  font-size: 14px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  height: 34px;
  background: url('../img/subtle-grey-grad.gif') repeat-x bottom #f9f9f9;
}

table.cv-table td.divider
{
  color: #fff;
  font-size: 16px;
  background: url('../img/subtle-dark-grad.gif') repeat-x bottom #595959;
}

table.cv-table td.blank
{
  border: none;
  background: none;
}


table.cv-table td input.text
{
  font-size: 14px;
  width: 90%;
  padding: 2px;
}


table.cv-table td select
{
  font-size: 14px;
  width: 90%;
  padding: 2px;
}


table.cv-table td textarea
{
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  width: 90%;
  padding: 2px;
}

/* custom buttons */
input.cv-submit
{
  background: url('../img/subtle-dark-grad.gif') repeat-x;
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #eee;
  font-size: 16px;
  xfont-weight:bold;
  cursor: pointer;
  padding: 4px 7px;
}

input.cv-submit:hover
{
  border: solid 1px #fff;
  color: #fff;
}

a.cv-submit
{
  display: inline-block;
  background: url('../img/subtle-dark-grad.gif') repeat-x;
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #eee;
  cursor: pointer;
  text-align:center;
}

a.cv-submit:hover
{
  border: solid 1px #fff;
  text-decoration: none;
  color: #fff;
}

div#main-column
{
  width: 700px;
  float: left;
  padding-left: 15px;
}

div#right-column
{
  width: 250px;
  float: right;
  padding-right: 15px;
}

div#dfm
{
  padding:0px 15px;
}

div.feed
{
  margin-bottom: 20px;
  overflow: auto;
  clear: both;
}

div.feed-header
{
  background: url('../img/feed-header-bg.gif') repeat-x;
  height: 33px;
  color: #fff;
}

div.feed-header img.left-corner
{
  float: left;
}

div.feed-header div
{
  float: left;
  font-size: 1.6em;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 3px;
}

div.feed-header a
{
  display: block;
  padding-top: 6px;
  float: right;
}

div.feed-header img.right-corner
{
  float: right;
}

div.feed-body
{
  border: solid 1px #BA5401;
  background: #f9f9f9;
  border-top: none;
  font-size: 16px;
  padding: 5px;
  overflow: auto;
}

div#latest-news div.feed-body
{
  font-size: 14px;
}

div.feed-body a.latest-news-title
{
  font-size: 14px;
  display: block;
  font-weight: bold;
  padding-bottom: 7px;
}

div.feed-body hr
{
  margin: 0.2em 0em 0.3em 0em;
}

div.featured-site
{
  font-size: 14px;
  text-align: center;
}

div.featured-site a
{
  display: block;
  width: 232px;
  margin: auto;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
}

div.featured-site a:hover
{
  text-decoration: none;
}

div.featured-site a img
{
  border: inset 1px #999;
}

/* twitter feed */
div.twitter-feed
{
  font-size: 14px;
  font-weight: bold;
}

div.twitter-feed div.twitter-date
{
  font-style:italic;
  text-align:right;
  border-bottom: solid 1px #ccc;
  padding: 5px 0px 10px 0px;
  margin-bottom: 20px;
  font-weight: normal;
  font-size:12px;
}

div.twitter-feed div.twitter-follow
{
  text-align: center;
  padding-bottom: 5px;
}

div.twitter-feed div.twitter-follow a
{
  font-weight: normal;
}

#footer
{
  background: url('../img/footer.png') repeat-x;
  color: #fff;
  width: 1000px;
  margin: auto;
  height: 140px;
}

#footer-inner
{
  width: 830px;
  min-height: 105px;
  margin: auto;
  padding: 20px 150px 20px 0px;
  background: url('../img/footer-logo.png') no-repeat 840px 10px;
  font-size: 1.4em;
}

#footer-inner table
{
  border-collapse:collapse;
}

#footer-inner #site-map td
{
  width: 100px;
  height: 16px;
  padding: 0px 2px 0px 20px;
}

#footer-inner #site-map td.company
{
  border-right: solid 1px #fff;
  width: 60px;
}

#footer-inner a
{
  color: #fff;
  text-decoration: none;
}

#footer-inner a:hover
{
  color: #fff;
  font-weight: bold;
}

#footer-inner #site-map thead
{
  font-weight: bold;
  font-size: 1.2em;
}

#footer-notes
{
  float: right;
  font-size: 1.1em;
  text-align: right;
  padding: 0.5em;
  line-height: 1.5em;
  padding-top:1.3em;
}

img#footer-shadow
{
  display: block;
  width: 1000px;
  margin: auto;
}

/* Warning box */
div.notice
{
  width: 410px;
  margin: auto;
  border: solid 2px black;
  padding: 10px;
  padding-left: 90px;
  margin-bottom: 20px;
  background: url('../img/cp/alert.png') 10px center no-repeat #ffffc9;
  min-height: 100px;
}

div.get-links
{
  width: 490px;
  padding-left: 10px;
  background: #ffffc9;
}

div.notice a.close-notice
{
  float: right;
  display: block;
  width: 16px;
  margin-left: -16px;
}

div.notice div
{
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin-left: -90px;
}

div.get-links div
{
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin-left: 0px;
}

div.notice p
{
  text-indent: 0px;
  padding-top: 10px;
  font-size: 14px;
}

div.get-links a
{
  margin-left: 10px;
}

/* ************************************** custom form elements ************************************************** */
.cv-form
{
	display:inline-block;
	border:solid 3px #ddd;
	padding:15px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 2px #222;
  -moz-box-shadow: 0px 0px 2px #222;
  box-shadow: 0px 0px 2px #222;
  background:url('../img/subtle-grey-grad.gif') #F9F9F9  repeat-x bottom left;
}

.cv-form div.form-error
{
	display:inline-block;
	background:url('../img/icons/cross.png') no-repeat top left;
	color:#c00;
	padding:0px 0px 15px 20px;
}

.cv-submit, .cv-submit-white
{
  background: url('../img/subtle-dark-grad.gif') repeat-x;
  border: solid 1px #111 !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #eee !important;
  text-align:center;
  font-size: 14px;
  cursor: pointer;
  font-weight:bold;
  height:26px !important;
}

.cv-submit-white
{
	border-color:#ccc !important;
}

.cv-submit:hover
{
  color: #fff !important;
	border-color:#000;
	-webkit-box-shadow:0px 0px 5px #333;
	-moz-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
}

.cv-submit-white:hover
{
	border-color:#fff;
  color: #fff !important;
	-webkit-box-shadow:0px 0px 5px #333;
	-moz-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
}

input.cv-submit
{
  padding: 0px 3px 0px 3px !important;
}

a.cv-submit
{
  display: inline-block;
  padding:4px 4px 0px 4px;
  height:20px !important;
}

a.cv-submit:hover
{
  border: solid 1px #fff;
  text-decoration: none;
  color: #fff;
}

select.cv-select
{
	height:26px;
	font-size:14px;
}

input.cv-text
{
	padding:2px;
	height:20px;
	background:#f5f5f5;
	border:solid 1px #999;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

label.cv-label
{
	display:inline-block;
	margin-bottom:10px;
	font-size:14px;
}

div#main-column
{
  width: 700px;
  float: left;
  padding-left: 15px;
}

div#right-column
{
  width: 250px;
  float: right;
  padding-right: 15px;
}

div#one-column
{
  padding:0px 15px;
}

div#dfm
{
  padding:0px 15px;
}