@charset "utf-8";

/* CSS Document */

body {
font: 62.5%/2.1 Verdana, Arial, Helvetica, sans-serif;
margin: 16px 0px 0px;
padding: 0px;
text-align: center;
color: #4E4E4E;
background: #616161 url(../site-media/site-body.png) fixed;
}

#wrapper {
width: 982px;
margin: 0px auto 6px;
text-align: left;
padding: 0px;
}

#header {
padding: 0px;
margin: 0px;
height: 137px;
background: url(../site-media/site-header.png) no-repeat;
}

#mainav {
margin: 0px 0px 0px 490px;
padding: 71px 0px 0px;
}

#mainav ul {
margin: 0px;
padding: 0px;
text-align: left;
}

#mainav ul li {
margin: 0.5em;
padding: 0px;
display: inline;
font-size: 1.4em;
color: #A7B657;
}

#mainav ul li a {
text-decoration: none;
padding: 2em 0px 1em;
color: #C2C6CD;
margin: 0px;
}

#mainav li a:hover {
color: #52655F;
}

#mainav li a#current {
color: #F87F77;
background: url(../site-media/current-star.gif) no-repeat center top;
}

#content {
margin: 0px;
background: url(../site-media/site-content-bk.png) repeat-y;
padding: 33px 60px;
height: 1%;
}

#content a {
color: #007AA8;
}

#content h1, #content h2, #content h3, #content h4 {
margin: 0px;
padding: 0px;
font-weight: bold;
}

#content h1 {
margin: 0px 0px 0.5em;
padding: 0px;
color: #4A505B;
font-size: 1.5em;
}

#content h2 {
margin: 0px 0px 0.5em;
padding: 0px;
color: #4C3D42;
font-size: 1.3em;
font-style: normal;
}

#content h3 {
margin: 0px 0px 0.5em;
padding: 0px;
color: #5D7748;
font-size: 1.3em;
font-weight: bold;
}

#content h4 {
margin: 0px 0px .5em;
padding: 0px;
color: #414652;
font-size: 1.4em;
font-style: italic;
font-weight: bold;
}

#content p {
margin: 0em 0em 1em;
padding: 0px;
font-size: 1.2em;
}

#content ul li {
margin: 0px 0px 0.75em 2em;
padding: 0px;
list-style: disc;
font-size: 1.2em;
}

#content ul li ul {
padding: 0px;
margin: 1em 0px 0px;
}

#content ul li ul li {
font-size: 100%;
margin: 0px 0px 0.5em 2em;
padding: 0px;
list-style: circle;
}

#content ol li {
margin: 0px 0px .75em 2em;
padding: 0px;
list-style: decimal;
font-size: 1.2em;
}

#content ol li ul {
padding: 0px;
margin: 1em 0px 0px;
}

#content ol li ul li {
font-size: 100%;
list-style-type: disc;
margin: 0px 0px 0.5em 2em;
padding: 0px;
}

#content a img {
border-style: none;
}

#home-tree {
margin: 0px 0px 0px 22px;
padding: 0px;
float: right;
text-align: center;
}

#home-swf {
margin: 0px 0px 2em;
padding: 0px;
display: block;
}

#pnm {
background: #EDECE5 url(../site-media/site-classes-is.jpg) no-repeat left top;
padding: 22px 22px 11px;
border-right: 1px solid #E7E7D9;
border-bottom: 1px solid #E7E7D9;
}

#pnm h1 {
color: #47393B;
margin-bottom: 1em;
}

#pnm p {
margin-left: 1em;
}

#class-wrapper {
margin: 0px;
padding: 0px;
overflow: auto;
}

#class-wrapper ul {
margin-bottom: 22px;
}

#class-wrapper ul li {
margin: 0px 0px .5em 2em;
padding: 0px;
list-style: disc;
font-size: 1.2em;
}
#class-left {
float: left;
width: 400px;
}

#class-photoshop {
padding: 0px 0px 0px 88px;
margin: 11px 0px 0px;
background: url(../site-media/icon-photoshop-cs4.jpg) no-repeat left top;
}

#class-photoshop h2 {
color: #075BB5;
margin: 0px 0px 0.5em;
padding: 0px;
}

#class-javascript{
width: 310px;
padding: 0px 0px 0px 88px;
margin: 11px 0px 0px;
background-image: url(../site-media/icon-javascript.gif);
background-repeat: no-repeat;
background-position: left top;
}
#class-javascript h2 {
color: #075BB5;
margin: 0px 0px 0.5em;
padding: 0px;
}

#class-right {
width: 310px;
padding: 0px 0px 0px 88px;
margin: 11px 0px 0px;
background: url(../site-media/icon-flash-cs4.jpg) no-repeat left top;
float: right;
}

#class-right h2 {
color: #911E23;
margin: 0px 0px 0.5em;
padding: 0px;
}

#class-right2 {
width: 310px;
padding: 0px 0px 0px 88px;
margin: 11px 0px 0px;
background: url(../site-media/icon-2-day.gif) no-repeat left top;
float: right;
}
#class-right2 h2 {
color: #911E23;
margin: 0px 0px 0.5em;
padding: 0px;
}

#faq-services {
margin: 0px;
padding: 0px;
}

#faq-services h4 {
background: url(../site-media/graphic-question.gif) no-repeat left center;
padding-left: 30px;
font-style: normal;
color: #495B55;
font-size: 1.3em;
}

#faq-services p {
margin-bottom: .5em;
}

#faq-services-a1, #faq-services-a2, #faq-services-a3, #faq-services-a4 {
padding-left: 30px;
background: url(../site-media/graphic-answer.gif) no-repeat left top;
margin-left: 1em;
margin-bottom: 3em;
}

#contact-left {
margin: 0px 33px;
float: left;
text-align: center;
}

#contact-left img {
padding: 8px;
border: 1px solid #E6E6E6;
margin: 0px 0px 6px;
background: #F4F4F4;
}

#contact-left a img {
padding: 8px;
border: 1px solid #E6E6E6;
margin: 0px 0px 6px;
background: #F4F4F4;
}

#contact-left input {
padding: 8px;
border: 1px solid #E6E6E6;
margin: 0px 0px 6px;
background: #F4F4F4;
}

#contact-left p {
color: #666666;
margin: 0px 0px 2em;
padding: 0px;
font-size: 0.9em;
text-align: center;
}

#contact-right {
margin: 0px 0px 0px 322px;
padding: 0px;
}

#contact-right h1 {
color: #474351;
margin-bottom: 1em;
font-size: 1.7em;
}

#contact-right h2 {
color: #CD3625;
margin-bottom: 0.75em;
}

#contact-right h3 {
color: #647795;
}

#contact-right p {
}

#footer {
padding: 0px;
margin: 0px;
height: 26px;
background: url(../site-media/site-footer.png) no-repeat;
}

.clear {
clear: both;
}

/* ---------------------------------------------------------------------------------------- */

.hr {
background-color: #FFFFFF;
height: 1px;
margin: 28px auto;
width: 90%;
border-bottom: 1px solid #D6D6D6;
text-align: center;
padding: 0px;
}

.hr-bigger {
background-color: #FFFFFF;
height: 1px;
margin: 36px auto;
width: 90%;
border-bottom: 1px solid #D6D6D6;
text-align: center;
padding: 0px;
page-break-before: always;
}

.hr-bigger-no-break {
background-color: #FFFFFF;
height: 1px;
margin: 36px auto;
width: 90%;
border-bottom: 1px solid #D6D6D6;
text-align: center;
padding: 0px;
}

.add-this {
text-indent: 1em;
}

.copyright {
font-size: 1em;
text-align: center;
padding-bottom: 22px;
color: #333333;
}

#content blockquote {
margin: 0px 2em 1em;
padding: 0px;
font-style: italic;
}