/** colors
red: 662222
green: 224422
669977 
88bb99
CCDDCC
gold: eebb00
**/


body {
background: #444 url('images/bg_VTH6.gif') repeat-x center fixed;
text-align:center;
margin:25px 0px 10px 0px;
font-size:11px;
font-family:verdana,arial, sans-serif;
}

td.outline {
border-style:solid;
border-width: 1px 1px 1px 1px;
border-color:#fff;}

h1 {margin:0;padding:0}
h2 {margin:0;padding:0}

/* AREAS */

#container {
height:480px;
width:900px;
margin: 0px auto;
padding:0px 0px 0px 0px;
border-style:none;
border-width:1px;
border-color:#ffffff;
/* background-color:#444444; */
color:#ffffff;
font-size:11px;
text-align:left;
z-index:50;
overflow:hidden;
}


#calljames  {
height:40px;
width:600px;
position:relative;
left:0px;
background:url("images/bg_calljames.gif") no-repeat right top #444;
padding:3px 20px 3px 30px;
border-style:solid;
border-width:0px 0px 0px 1px;
border-color:#ffffff;
color:#fff;
font-family:century gothic, verdana;
font-size:32px;
font-weight:800;
letter-spacing:0em;
text-align:left;
z-index:100;
}


#banner {
width:100%;
height:180px;
padding:0px 0px 0px 0px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
/* background:  url('images/banner_VTH3.gif') no-repeat #666;*/
background-color:#666;
vertical-align:middle;
z-index:20;
}

#banner2 {
width:100%;
height:90px;
padding:0px 0px 0px 0px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
/* background:  url('images/banner_VTH3.gif') no-repeat #666;*/
background-color:#666;
vertical-align:middle;
z-index:20;
}

#banner div.title {
font-family: century gothic,gill sans MT,gill sans, century gothic, sans-serif;
font-size:30px;
letter-spacing:.2em;
text-transform:uppercase;
font-weight:800;
color:#ffbb00;
}

#banner div.tagline {
font-family:verdana, sans-serif;
font-size:13px;
letter-spacing:.2em;
text-transform:none;
font-weight:200;
color:#ffffff;
font-style:italic;
text-align:center;
}

#banner div.locations {
font-family:gill sans MT,gill sans,verdana, sans-serif;
font-size:16px;
letter-spacing:1px;
font-weight:600;
color:#9c9;
padding:10px 0px 0px 30px;

}

#testimonials {
position:absolute;
top:80px;left:66%;
height:120px;width:230px;
border:dotted 3px #eebb00;
background-color:#444;
font:italic 18px  georgia, serif;
letter-spacing:1px;
color:#fff;
padding:10px;
margin:10px;
}

.attribution {
font:normal 11px  verdana, sans-serif;
letter-spacing:1px;
color:#fff;
padding-left:30px;
}


.starburst {
position:absolute;
top:40px;left:66%;
opacity:0.75;
filter:alpha(opacity=85);
}


#navigation {
position:static;left:0px;top:0px;
height:100%;
width:250px;
background-color:#669977;
padding:0px;
font-family:verdana;
font-size:10px;
color:#eeeeee;
text-align:left;
vertical-align:top;
letter-spacing:.1em;
}

#friendly  {
width:600px;
height:350px;
background:url("images/james5.jpg") no-repeat top right #335544;
padding:0px 0px 0px 0px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
color:#662222;
font-family:arial, verdana;
font-size:36px;
text-align:left;
z-index:50;
}




div#changetext a span {display: none;visibility:invisible;} 

div#changetext a:hover span {
	display: inline;
   	position: absolute; top: 260px; left: 40%; width: 320px;
  	padding: 5px; margin: 10px; 
  	z-index: 100;
  	background:#365;
   	color: #fff; 
   	font: 20px century gothic, verdana, sans-serif; 
   	text-align: center;
   	visibility:visible;
	border: solid; border-color:#eebb00; border-width: 2px 0px 2px  0px }

div#hidetext a span {display: none;visibility:invisible;} 
div#hidetext a:hover span {display: none;visibility:invisible;}

.startertext {z-index:50;
position: absolute; top: 260px; left:40%; width: 320px;
/* position: absolute; top: 260px; left: 40%; width: 320px; */
   padding: 5px; margin: 10px; z-index:50;
   color: #fff;
   font: 22px century gothic, verdana, sans-serif; text-align: center;visibility:visible; font-weight:600;
}



div#changetext2 a span {display: none;visibility:invisible;} 

div#changetext2 a:hover span {display: block;
   position: absolute; top:20px; left: 10%; width: 200px;
   padding: 2px; margin: 10px; z-index: 100;
   color: #fff; background:#264;
   font: 12px century gothic, verdana, sans-serif; text-align: center;visibility:invisible;
border: solid #fb0; 0px 0px 0px  0px 
}





#content  {
width:600px;
height:350px;
background: #CCDDCC;
padding:20px 30px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
color:#662222;
font-family:arial, verdana;
font-size:36px;
text-align:left;
z-index:50;
}

#content H1 {
font:600 18px verdana,sans-serif;
color:#662222;
text-transform:uppercase;
letter-spacing:0;
}


#content H2 {
font:800 30px 'century gothic',sans-serif;
color:#000;
margin: 5px 0 0 0 ;
}

#content H3 {
font:200 14px 'century gothic',sans-serif;
color:#000;
margin: 0 ;
}

#content p {
font:200 14px verdana,sans-serif;
color:#000;
margin: 10px 0;
}


#content table {
width:300px;
margin:0;
}

#content th  {
font:200 10px verdana,sans-serif;
color:#000;
background:#cccccc;
border: 1px solid #224422;
padding:3px;
text-align:center;
}


#content td  {
font:200 10px verdana,sans-serif;
color:#000;
background:#ffee99;
border: 1px solid #224422;
padding:3px;
text-align:center;
}



.highlightedtext{
font:200 20px verdana,sans-serif;
color:#662222;
}

.tagline{
font:200 20px verdana,sans-serif;
color:#224422; 
}

.learnmore{
font:200 14px verdana,sans-serif;
color:#662222; 

}

.numbering{
font:200 20px georgia,serif;
color:#224422; 
text-align:right;
padding:1px 4px;
text-align:center;
background:#ffee99;
border: 1px solid #662222;
}



#content2  {
width:600px;
height:300px;
background:url("images/keyboard.gif") no-repeat bottom right #264;
padding:0px 0px 0px 0px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
color:#662222;
font-family:arial, verdana;
font-size:36px;
text-align:left;
z-index:100;
}


.platforms {
font-family:verdana,  sans-serif;
font-size:20px;
letter-spacing:0em;
text-transform:none;
font-weight:600;
color:#fb0;
}



#footer {
position:relative;top:0px;
height:50px;
width:850px;
padding: 10px;
border-style:solid;
border-width:1px;
border-color:#ffffff;
background:#354;
color:#eee;
font-size:12px;
text-align:center;
z-index:80;
overflow:hidden;
}


.box-login {
/*position:absolute;
left:600px;
top:0px;*/
width:200px;
height:40px;
display:inlne;
z-index:100;
text-align:right;
vertical-align:middle;
/*background-color:#668888;
border-style:solid;*/
border-width:1px; 
border-color:#fff;
padding:3px 5px 3px 5px;
}


.photo {
/*position:absolute;*/
bottom:0px;right:20;
z-index:50;
}


.copyright {
position:relative;top:90%;right:20%;
color:#eeeeee;
font-size:10px;
text-align:right;
z-index:10;
}


.certification {
position:relative;
left:10px;
bottom:10px;
z-index:50;
}


.quote {
position:relative;
top:200px;left:40px;
width:220px;
font-size:24px;
font-family:century gothic,arial;
font-weight:100;
font-style:bold;
color:#fb0;
vertical-align:top;
z-index:50;
}



.text {
font-size:11px;
font-family:arial,verdana, sans-serif;
color:#ffffff;
letter-spacing:0em;
}

.text2 {
font-size:12px;
font-family:arial,verdana, sans-serif;
color:#ffffff;
letter-spacing:0em;
}

.small {
font-size:7pt;
font-family:arial, sans-serif;
}

.heading2 {
font-size:14pt;
font-family:verdana,arial;
font-weight:300;
color:#eebb00;
}

.heading {
font-size:24pt;
font-family:verdana,arial;
font-weight:300;
}

/*
input.button {
border-style:solid;
border-width:1px; 
border-color:#fff;
padding:20px;
background-color:#eebb00;
color:#333333;
font-size:10px;
padding:1px;
}
*/

input {
border-style:solid;
border-width:1px; 
border-color:#fff;
padding:2px;
background-color:#ffeebb;
font-size:12px;
}



/* LINKS */


A:link { text-decoration: none; color:#007766}
A:active { text-decoration: none; color:#007766  }
A:visited { text-decoration: none; color:#007766  } 
A:hover{ text-decoration: underline; color:#007766 }

A.r:link { text-decoration: none; color:#ffffff}
A.r:active { text-decoration: none; color:#ffffff  }
A.r:visited { text-decoration: none; color:#ffffff  } 
A.r:hover{ text-decoration: underline; color:#ffffff }







A.button:link { 
padding:3px;
text-decoration: none; 
color:#ffffff; 
border:solid 1px #ffffff;
} 

A.button:active { 
padding:3px;
color:#ffffff; 
border:solid 1px #ffffff;
}

A.button:hover {
text-decoration: none;
padding:3px;
color:#000000;
background-color:#eebb00;
border:solid 1px #000000;
font-size:9px;
}

A.button:visited { 
padding:3px;
color:#ffffff; 
border:solid 1px #ffffff;
}




A.smallbutton:link, A.smallbutton:visited { 
padding:2px 4px;
text-decoration: none; 
color:#444444; 
border:solid 1px #ffdd00;
background-color:#ffdd00;
font:normal 9px verdana;
text-transform:none;

} 

A.smallbutton:hover, A.smallbutton:active, {
text-decoration: none;
color:#000000;
background-color:#ffee11;
border:dotted 1px #ffff00;

}


/* Buttons for Services on the homepage */

A.services:link, A.services:visited {
display:block;
width:230px;
text-decoration: none; 
padding:1px 1px 1px 5px;
line-height:2;
border-style:solid;
border-width: 0px 0px 1px 20px;
border-color:#609070;
border-left-color:#fb0;
font-size:13px;
color:#fff;
z-index:40;}

A.services:active { 
width:230px;
text-decoration: none; 
background-color:#669977;
padding:1px 1px 1px 5px;
line-height:2;
border-style:solid;
border-width: 0px 0px 1px 20px;
border-left-color:#eb0;
font-size:13px;
color:#fff;
z-index:40;
}


A.services:hover { 
display:block;
width:230px;
text-decoration: none;
background-color:#558866;
padding:1px 1px 1px 5px;
line-height:2;
border-style:solid;
border-width: 0px 0px 1px 20px;
border-color:#fff;
border-left-color:#882222;
font-size:13px;
color:#fff;
z-index:40;}


P.fancy:first-line{
font-size:20px;
font-family:georgia;
color:#66aa66;
text-transform:uppercase;
}

P.fancy:first-letter{
font-size:40px;
text-transform:uppercase;
font-family:georgia;
color:
#66aa66;
}



/* Instructions */


#instructions {
width:600px;
height:350px;
background: #ffffff;
padding:20px 30px;
color:#662222;
font: verdana;
z-index:50;
}


#instructions p {
line-height:16px;
margin-left:20px;
clear:both;
}

.number {
font:bold 30px century, serif;
background-color:#eebb00;
border:solid 1px #000000;
padding:2px 5px;
float:left;
margin:0px 5px 15px -10px;
}

#instructions H1 {
font-size: 28px
}


#instructions H2 {
font-size: 14px
margin:0;
padding:0;
}


/* Newsletter */


#newsletter {
background-color:#ffffff;
padding:20px 20px 20px 40px;
}


#newsletter p {
font:400 14px verdana, serif;
color:#000000;
}


#newsletter h1 {
font-size: 24px;
font-weight:800;
font-family:century gothic, sans-serif;
color:#662222;
}


.callout { 
float:right;
width:150px;
background-color:#ffee99;
border: solid 4px #eecc00;
font:200 20px century gothic;
color:#000000;
padding:20px;
margin:20px;
}


#newsletter_links {
font:normal 10px verdana, sans-serif;
width:220px;
background-color:#669977;
padding:25px 5px 5px 15px;
vertical-align:top;
}

#newsletter_links a:link,  #newsletter_links a:visited{
text-decoration:none;
color:#000000;
}

#newsletter_links a:hover, #newsletter_links a:active,{
text-decoration:none;
color:#ffffff;
}

/* Instructions */

#box {
background-color:#ffeebb;
border:solid 10px #000099;
font:normal 12px georgia, serif;
padding:20px
}


#box-instructions {
width:450px;height:150px;background-color:#ffeebb;
border:solid 10px #000099;
z-index:100;
font:normal 12px georgia, serif;
padding:20px
}

#box-instructions h1 {
font: bold 20px Georgia, serif;
text-transform:none;
}


#box-instructions li {
list-style-type:square;
}

#box-quote {
background-color:#ffeebb;
border:dotted 3px #000099;
z-index:100;
font:normal 18px georgia, serif;
padding:20px 40px;
}