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;
}
#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: 610px;
    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;
}
#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 .clear {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}
#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
}
.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:610px;
  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;
}
.sample {
	padding-right: 13px;
}