/*
  File: code2styles.css
  Company: Code 2 Interactive
  Last Modified: March 11, 2006

  Purpose: This file is the external style sheet for every page on the current Code 2 Interactive website.
*/

.menutext {
font-size: 12px;
line-height: 20px;
font-family: arial, sans-serif;
}

.submenutext {
font-size: 10px;
line-height: 20px;
font-family: arial, sans-serif;
}

.copyrighttext {
font-size: 8px;
line-height: 20px;
font-family: arial, sans-serif;
}

.printmsgtext {
font-size: 8px;
line-height: 20px;
font-family: arial, sans-serif;
}

.normaltext {
font-size: 12px;
line-height: 20px;
font-family: arial, sans-serif;
}

.normaltextlink {
font-size: 12px;
line-height: 20px;
font-family: arial, sans-serif;
}

.testimonialtext {
font-size: 12px;
line-height: 20px;
font-style: italic;
font-family: arial, sans-serif;
}

.formlabeltext {
font-size: 12px;
line-height: 20px;
font-family: arial, sans-serif;
background-color: transparent;
color: #FFFFFF;
}

h2 {
font-size: 14px;
font-weight: bold;
font-family: arial, sans-serif;
}

a:link {
color: #CCCCCC;
text-decoration: none;
}

a:visited {
color: #CCCCCC;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
text-decoration: none;
}

a:active {
color: #FFFFFF;
text-decoration: none;
}

#code2nav {
position: absolute;
left: 0px;
top: 0px;
width: 792px;
z-index: 3;
}

#whoiscode2 {
position: absolute;
left: 0px;
top: 53px;
width: 132px;
z-index: 1;
color: #CCCCCC;
text-align: center;
}

#whoiscode2sub {
position: absolute;
left: 0px;
top: 53px;
width: 132px;
height: 80px;
z-index: 0;
background-color: black;
}

#whoiscode2opt1 {
position: absolute;
left: 0px;
top: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whoiscode2opt2 {
position: absolute;
left: 0px;
top: 40px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whoiscode2opt3 {
position: absolute;
left: 0px;
top: 60px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwedo {
position: absolute;
left: 132px;
top: 53px;
width: 132px;
z-index: 1;
color: #CCCCCC;
text-align: center;
}

#whatwedosub {
position: absolute;
left: 132px;
top: 53px;
width: 132px;
height: 120px;
z-index: 0;
background-color: black;
}

#whatwedoopt1 {
position: absolute;
left: 0px;
top: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwedoopt2 {
position: absolute;
left: 0px;
top: 40px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwedoopt3 {
position: absolute;
left: 0px;
top: 60px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwedoopt4 {
position: absolute;
left: 0px;
top: 80px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwedoopt5 {
position: absolute;
left: 0px;
top: 100px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwevedone {
position: absolute;
left: 264px;
top: 53px;
width: 132px;
z-index: 1;
color: #CCCCCC;
text-align: center;
}

#whatwevedonesub {
position: absolute;
left: 264px;
top: 53px;
width: 175px;
height: 80px;
z-index: 0;
background-color: black;
}

#whatwevedoneopt1 {
position: absolute;
left: 0px;
top: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwevedoneopt2 {
position: absolute;
left: 0px;
top: 40px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whatwevedoneopt3 {
position: absolute;
left: 0px;
top: 60px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#whychooseus {
position: absolute;
left: 396px;
top: 53px;
width: 132px;
z-index: 1;
color: #CCCCCC;
text-align: center;
}

#whychooseussub {
position: absolute;
left: 396px;
top: 53px;
width: 132px;
height: 20px;
z-index: 0;
background-color: black;
}

#howmuch {
position: absolute;
left: 528px;
top: 53px;
width: 132px;
z-index: 1;
color: #CCCCCC;
text-align: center;
}

#howmuchsub {
position: absolute;
left: 528px;
top: 53px;
width: 132px;
height: 80px;
z-index: 0;
background-color: black;
}

#howmuchopt1 {
position: absolute;
left: 0px;
top: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#howmuchopt2 {
position: absolute;
left: 0px;
top: 40px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#howmuchopt3 {
position: absolute;
left: 0px;
top: 60px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
height: 20px;
z-index: 1;
background-color: black;
color: #CCCCCC;
}

#contactc2 {
position: absolute;
left: 660px;
top: 53px;
width: 132px;
z-index: 1;
color: #CCCCCC;
text-align: center;
}

#contactc2sub {
position: absolute;
left: 660px;
top: 53px;
width: 132px;
height: 20px;
z-index: 0;
background-color: black;
}

#topback {
position: absolute;
left: 0px;
top: 0px;
width: 792px;
z-index: 0;
}

#pagecontainer {
position: absolute;
left: 50px;
top: 20px;
width: 100%;
}