html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ins {
	text-decoration: none;
	}
body {
    background: #ffffff url(/graphics/bg-banner-blank.gif) repeat-x center 50px;
    font: normal 12px Arial, sans-serif;
    color: #000;
}
body a {
    color: #000;
	text-decoration:none
}
body a:hover {
    color: #666;
}
body.black {
    background-image: url(/graphics/bg-banner-black.gif);
}
body.yellow {
    background-image: url(/graphics/bg-banner-yellow.gif);
}
body.green {
    background-image: url(/graphics/bg-banner-green.gif);
}
body.greenhosting {
    background-image: url(/graphics/bg-banner-green-hosting.gif);
}
body.blue {
    background-image: url(/graphics/bg-banner-blue.gif);
}
body.red {
    background-image: url(/graphics/bg-banner-red.gif);
}
/*body.simple {
background-image:url(/graphics/bg-faq.jpg);
}*/
#footer.black p a,
#menu li.black a,
.black a,
#menu li.blue a:hover,
#menu li.green a:hover,
#menu li.red a:hover,
#menu li.yellow a:hover,
#simple li.yellow a:hover,
#simple a:hover {
    color: #000;
    background-color: transparent;
}
#menu li.blue a,
.blue a {
    color: #003399;
    background-color: transparent;
	font-weight:bold;
}
#menu li.red a,
.red a {
    color: #ff0000;
    background-color: transparent;
	font-weight:bold;
}
#menu li.green a,
.green a,
.greenhosting a {
    color: #339966;
    background-color: transparent;
	font-weight:bold;
}
#menu li.yellow a,
.yellow a,
#simple li.yellow a,
#simple a {
    color: #ffcc00;
    background-color: transparent;
	font-weight:bold;
}
/*
span.bullet,
a.bullet {
    display: block;
    padding:  3px 0 3px 22px;
}


.yellow span.bullet,
.yellow a.bullet {
    background-image: url(../img/bullet-yellow.gif);
}

.green span.bullet,
.green a.bullet {
    background-image: url(../img/bullet-green.gif);
}

.blue span.bullet,
.blue a.bullet {
}

/* -----------------------------------------------------------------------*/
/* Wrapper position */
#wrapper {
    width: 795px;
    margin: 0 auto;
}
#simplewrap {
background-image:url(/graphics/bg-faq.jpg);
background-repeat:repeat-x;
    width: 100%;
    margin: -10px 0 0 0;
}
#simple {
    width: 560px;
    margin: 10px;
}

#menu {
    height: 120px;
    padding: 20px 0 10px 10px;
    overflow: hidden;
}
#menu ul li {
    float: left;
    width: 195px;
    margin: 0 0 0 0;
    font-weight: bold;
}
#menu ul li.last {
    margin-right: 0;
}
#menu ul li ul {
    margin: 5px 0 0 0;
}
#menu ul li ul li {
    width: 133px;
    padding: 2px 0 2px 16px;
    float: none;
    font-weight: normal;
    background: transparent url(/graphics/listicon.gif) no-repeat 0 4px;
}
#header {
    height: 145px;
	width:768px;
	text-align:center;
    background: #000000;
	background-image:url(/graphics/vividdesigns-large.jpg);
	background-repeat:no-repeat;
	padding-top:2px;
	margin-left:10px
}
.red #header,
.greenhosting #header {
    height: 193px;
	width:768px;
	text-align:center;
    background: #000000;
	background-image:url(/graphics/vividdesigns-hosting.jpg);
	background-repeat:no-repeat;
	padding-top:2px;
	margin-left:10px
}
#header h1,
#header p {
    display: none;
}

/* -----------------------------------------------------------------------*/
/* Content */
#content {
    line-height: 150%;
    padding: 40px 0 0 0;
}

#content p,
#content ul {
    padding: 0 0 0 0;
}

#content p.full,
#content ul li.full,
#content div.full {
    float: none;
    clear: both;
    padding: 0 0 20px 0;
}

#content p.left,
#content ul li.left,
#content div.left {
    float: left;
    width: 350px;
    padding: 0 0 0 0;
}

#content p.right,
#content ul li.right,
#content div.right {
    float: right;
    width: 410px;
    padding: 0 20px 20px 0;
}
#content p.right-centered {
    float: right;
    width: 410px;
    padding: 0 20px 20px 0;
	text-align:center;
}
#content p.portfolioleft {
    float: left;
    clear: both;
    width: 504px;
    padding: 0 20px 0 0;
}

#content p.portfolioright {
    float: right;
    width: 260px;
    padding: 0 20px 0 0;
	margin-top:-90px;
}
#content p.portfolioboth {
    float: left;
    clear: both;
    width: 760px;
    padding: 0 20px 0 0;
}
#content p.full {
    width: 768px;
}
#content .left-faq {
    float: left;
    width: 250px;
    padding: 0 0 20px 6px;
	text-align:left;
}
#content .center-faq {
    float: left;
    width: 250px;
    padding: 0 0 20px 6px;
	text-align:left;
}
#content .right-faq {
    float: left;
    width: 250px;
    padding: 0 0 20px 6px;
	text-align:left;
}

/*
#content h2 {
    clear: both;
    padding: 10px 0;
    font-size: 13px;
    font-weight: bold;
}

#content h2.large {
    font-size: 18px;
    padding-bottom: 15px;
}

.yellow #content h2.large { color: #d9a816; }
.green #content h2.large { color: #46800d; }
.blue #content h2.large { color: #1369bf ; }
.red #content h2.large { color: #cc1414; }

#content h3 {
    padding: 10px 0;
    font-weight: bold;
    font-size: 13px;
}

#content strong {
    font-weight: bold;
}
*/
#simple ul ul li,
#content ul ul li,
#content div ul li {
    padding: 2px 0 2px 16px;
    background: transparent url(/graphics/listicon.gif) no-repeat 0 6px;
}
/*
#content ul.foldedlist li {
    float: left;
    width: 150px;
    height: 190px;
    margin: 0 12px 15px 0;
    padding: 10px;
    background: transparent url(../img/bg-foldedpage.gif) no-repeat 0 0;
}

#content ul.foldedlist li.first {
    clear: left;
}

#content ul.foldedlist li.fourth {
    margin: 0 0 15px 0;
}

#content a.screenshot {
    display: block;
    width: 150px;
    height: 190px;
    overflow: hidden;
    background: transparent url(../img/bullet-blue.gif) no-repeat 0 175px;
}

#content a.screenshot img {
    display: block;
    width: 150px;
    height: 170px;
    overflow: hidden;
}

#content a.screenshot span {
    display: block;
    margin: 0 0 0 19px;
    padding: 3px 0 0 0;
}

#content p em {
    font-weight: bold;
}

#content div.toollogo {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    padding: 0 10px 3px 0;
    overflow: hidden;
}

#content p.confirm {
    padding: 10px 10px 30px 60px;
	background: #d2e0c4 url(../img/confirm.gif) no-repeat left bottom;
	font-style: italic;
}

#content p.error {
    padding: 10px 10px 30px 60px;
	background: #f1c4c6 url(../img/error.gif) no-repeat left bottom;
	font-style: italic;
}

#content p.warning {
    padding: 10px 10px 30px 60px;
	background: #f5ebc6 url(../img/warning.gif) no-repeat left bottom;
	font-style: italic;
}

#content p.intro {
    font-style: italic;
}

#content div.comment,
#content div.vcard,
#content div.map,
#content div.feature {
    width: 320px;
    margin-top: -15px;
    padding: 10px;
    background: transparent url(../img/bg-foldedpage-wide.gif) no-repeat 0 0;
    font-style: italic;
}

#content div.vcard p.address {
    float: left;
    padding: 10px 0 20px 0;
}

#content div.vcard p.numbers {
    float: right;
    padding: 10px 20px 0 0;
}

#content div.vcard span.bullet {
    clear: both;
}

#content div.feature img {
    display: block;
    float: right;
    margin: -28px 0 0 5px;
}

#content div.feature h2 {
    padding-top: 0;
    height: 18px;
    overflow: hidden;
}

#content div.comment {
    margin: 0 0 20px 0;
}

#content p.meta {
    margin-top: -12px;
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
}

#content p.meta em {
    font-style: italic;
}

#content .full p.meta {
    margin-top: -15px;
    font-weight: bold;
    font-style: normal;
}

#content ul.navigation {
    clear: both;
}

#content ul.navigation li.previous {
    float: left;
    padding: 3px 3px 3px 15px;
    background: transparent url(../img/previous_yellow.gif) no-repeat 0 8px;
}

#content ul.navigation li.next {
    float: right;
    padding: 3px 15px 3px 3px;
    background: transparent url(../img/next_yellow.gif) no-repeat right 8px;
}

#content .notop {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

#content .nobottom {
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: bottom;
}
*/
#content .clear {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}
/*
#content pre {
    display: block;
    margin: 5px 0 15px 0;
    padding: 5px;
    background: #d2e0c4;
    border: solid 1px #46800d;
    overflow: auto;
    font-family: "Monaco", "Courier New", monospace;
}

#content code {
    font-family: "Monaco", "Courier New", monospace;
    font-size: 10px;
}
*/
#footerbg {
    float: none;
    clear: both;
	background-image:url(/graphics/bg-footer.jpg);
	height:45px;
	margin-top:-40px;
}
#footer-blue {
    float: none;
    clear: both;
    padding: 10px 0;
    font-size: 11px;
	background-color:#000000;
    border-top: solid #003399 2px;
}
#footer-green {
    float: none;
    clear: both;
    padding: 10px 0;
    font-size: 11px;
	background-color:#000000;
    border-top: solid #339966 2px;
}
#footer-red {
    float: none;
    clear: both;
    padding: 10px 0;
    font-size: 11px;
	background-color:#000000;
    border-top: solid #ff0000 2px;
}
#footer-yellow {
    float: none;
    clear: both;
    padding: 10px 0;
    font-size: 11px;
	background-color:#000000;
    border-top: solid #ffcc00 2px;
}
#footer-blue p,
#footer-red p,
#footer-green p,
#footer-yellow p {
    float: none;
    text-transform: lowercase;
	text-align:center;
	color:#FFFFFF;
}
#footerbg p.top {
    float: right;
    text-transform: none;
	color:#FFFFFF;
	margin-right:40px
}

/* -----------------------------------------------------------------------*/
/* Forms 
legend {
    display: none;
}

form {
    padding: 15px 0 0 0;
}

.formrow {
    position: relative;
    background: #eee;
}

.formrow label {
    display: block;
    position: absolute;
    left: 5px;
    top: 8px;
    width: 140px;
    font-style: italic;
}

.formrow span.field {
    display: block;
    padding: 5px;
    margin: 0 0 0 150px;
}

.formrow input,
.formrow textarea {
    width: 95%;
}

.formrow span.fielderrors {
    display: block;
    margin: 5px 0 0 0;
    padding: 14px 0 3px 50px;
    background: #d18d8b url(../img/fielderror.gif) no-repeat 0 -10px;
}

#content .formrow span.fielderrors ul {
    margin: 0;
    padding: 0;
}

#content .formrow span.fielderrors li {
    padding: 2px 0;
    background: none;
}

.formrow span.fieldhelp {
    display: block;
    margin: -3px 0 0 156px;
    padding: 0 0 7px 15px;
    background: #eee url(../img/fieldhelp.gif) no-repeat 0 4px;
}

.buttonrow {
    height: 50px;
    background: transparent url(../img/button_submit.gif) no-repeat 0 0;
}

.buttonrow button,
.buttonrow input {
    width: 100%;
    height: 30px;
    padding: 0 0 0 60px;
    color: #fff;
    background-color: transparent;
    border: none;
    font-size: 12px;
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}

#signupform .buttonrow {
    background-image: url(../img/button_signup.gif);
}

#commentform .buttonrow {
    background-image: url(../img/button_comment.gif);
}
*/

/* -----------------------------------------------------------------------*/
/* Plans Table 
#planstable {
    padding: 25px 0;
}

#planstable table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}

#planstable th {
	padding: 4px;
	color: #fff;
	background: #333;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
	text-align: center;
}

#planstable td {
    width: 24%;
	padding: 3px;
	background: #eee;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
	text-align: center;
}

#planstable tr.buttonrow td {
    height: 40px;
    background: #fff;
}

#planstable tr.buttonrow td.buttoncell {
    background: #fff url(../img/button_signup.gif) no-repeat 0 0;
}

#planstable tr.buttonrow td.buttoncell a {
    display: block;
    padding: 3px 0 0 0;
    color: #fff;
}*/
.lines-red,
.lines-blue,
.lines-green,
.lines-yellow,
.lines-yellow-contact {
  color: #000000; 
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 10px; 
  padding-right: 0px; 
  padding-bottom: 10px; 
  padding-left: 0px;
  float:right
}
.lines-yellow-faq {
  color: #000000; 
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 5px; 
  padding-right: 0px; 
  padding-bottom: 10px; 
  padding-left: 0px; 
}
.lines-yellow-faq-title {
  color: #000000; 
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:underline;
  font-style:italic;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 5px; 
  padding-right: 0px; 
  padding-bottom: 10px; 
  padding-left: 0px; 
  margin-right:20px
}
.lines-red {
  border: #ff0000 solid; 
  border-width: 2px 0px 0px;
  width:775px;
  text-align:right;
  margin-right:20px
}
.lines-blue {
  border: #003399 solid; 
  border-width: 2px 0px 0px;
  width:775px;
  text-align:right;
  margin-right:20px
}
.lines-green {
  border: #009966 solid; 
  border-width: 2px 0px 0px;
  width:410px;
  text-align:left;
  margin-right:20px
}
.lines-yellow {
  border: #ffcc00 solid; 
  border-width: 2px 0px 0px;
  width:775px;
  text-align:right;
  margin-right:20px
}
.lines-yellow-faq,
.lines-yellow-faq-title {
  border: #ffcc00 solid; 
  border-width: 2px 0px 0px;
  width:560px;
  text-align:right;
}
.lines-yellow-contact {
  border: #ffcc00 solid; 
  border-width: 2px 0px 0px;
  width:410px;
  text-align:right;
  margin-right:20px
}
.bread-red, .bread-blue, .bread-green, .bread-yellow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  text-align: left;
  text-decoration: none;
  padding: 0px;
  margin-top:-15px
}

.bread-red {
  color: #ff0000;
}
.bread-blue {
  color: #003399;
}
.bread-green {
  color: #009966;
}
.bread-yellow {
  color: #ffcc00;
}
.bread-red a:link, .bread-red a:visited,
.bread-blue a:link, .bread-blue a:visited,
.bread-green a:link, .bread-green a:visited,
.bread-yellow a:link, .bread-yellow a:visited{
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  font-weight:bold;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
}
.bread-red a:hover, .bread-red a:active,
.bread-blue a:hover, .bread-blue a:active,
.bread-green a:hover, .bread-green a:active,
.bread-yellow a:hover, .bread-yellow a:active{
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  font-weight:bold;
  color: #777777;
  text-decoration: none;
  font-weight: bold;
}
.vertspace {
width:1px;
height:500px;
background-image:url(../graphics/blank.gif);
background-repeat: no-repeat;
}