@charset "UTF-8";

a, a:visited {color:#6973e5; text-decoration: none; font-weight:bold;}
a:hover {color: #000; text-decoration: none;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: small; color: #000; line-height: 150%; text-decoration: none; background-color: #000; background-image: url(../img/bg_page.gif); margin:0; padding:0; height:100%;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: small;}
h1 {margin: 0; padding: 0; font-size: 175%; color: #b3b3b3; font-weight: normal;}
h2 {margin: 0; padding: 5px 0 5px 0; font-weight: bold; font-size:105%;}

p {margin: 0 0 20px 0;}



#box-small {color: #000; width:175px; margin:0; padding:0 0 10px 0; background-color: #d9d9d9; background-image: url(../img/bg_box_bottom_small.gif); background-repeat: no-repeat; background-position: center bottom;}
#box-top-small {width:175px; height:10px; margin:0; padding:0; background-color: #fff; background-image: url(../img/bg_box_top_small.gif); background-repeat: no-repeat; background-position:top;}
#box-small h3 a {margin: 0; padding: 0 0 0 10px; color: #6973e5; font-weight: bold; text-decoration: none;}
#box-small h3  a:hover {color: #000; text-decoration: none;}
#box-small h4 {margin: 0; padding: 10px 0 0 10px; font-weight: bold; font-size: 95%;}
#box-small p.note {color: #999; font-size: 90%; padding:0 0 0 10px;}
#box-small p {padding:0 5px 10px 10px; margin:0;}
.box-right {float: right; margin: 0; padding: 8px 0 20px 20px; width: 175px;}

#contact h4 {margin: 0; padding: 0 0 0 10px; font-weight: bold;}
#services h4 {margin: 0; padding: 0 0 0 10px; font-weight: bold; font-size:95%;}
#services #box-small p {padding:0 5px 0 10px; margin:0;}

.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}

.columnOne {float: left; margin 0; padding: 0 0 0 0; width: 50%;}
.columnTwo {float: right; margin 0; padding: 0 0 0 0; width: 50%;}

.bullets {list-style:url(../img/bullet.gif); margin: 0; padding: 0; margin: 0 0 20px 20px; padding: 0;}
.bullets li {margin: 0; padding: 0 0 0 10px;}

.formLabel {font-weight: bold; margin: 0; padding: 20px 0 5px 0;}
.formLabel1st {font-weight: bold; margin: 0; padding: 0 0 5px 0;}

#footer {clear: both; color: #d9d9d9; text-align: center; padding: 20px 0 0 0; margin: 0;}
#footerLogos {clear: both; text-align: center; padding: 20px 0 20px 0; margin: 0;}

.img-logo {border: none; width: 337px; height: 43px;}
.img-promo {border: none; margin: 0; padding: 0 0 20px 0; width: 175px; height: 150px; border:none}
.img-mission {margin: 0; padding: 20px 0 20px 0; width:442px; height:10px;}
.img-heading {margin: 0; padding: 0;}
.img-macLogo {border: none; height: 31px;}
.img-photoHome {width: 500px; height: 150px;}
.img-xhtmlLogo {border: none; height: 31px; width: 88px;}
.img-cssLogo {border: none; width: 88px; height: 31px}
.img-profile {width: 175px; height: 232px;}
.img-services {width: 175px; height: 150px; padding: 8px 0 0 0;}

#list {margin: 0 0 0 24px; padding: 0;}
#list-alt {margin: 0 0 10px 24px; padding: 0;}
#list li, #list-alt li {color: #666; margin: 0; padding: 0;} 

#logo {width: 755px; height: 120px; margin: 0 10px; padding: 0px; background-color: #fff; background-image: url(../img/bg_logo_top.gif); background-repeat: no-repeat; background-position: center top;}
#logo img {padding: 48px 0 0 30px;}

#main {width: 775px; margin: 0 auto; background-color: #333; background-image: url(../img/bg_main.gif); height: 100%;}

#main-inner {margin: 0 10px; padding: 0; width: 755px; min-height: 200px; background-color: #fff; background-image: url(../img/bg_main_inner_bottom.gif); background-repeat: no-repeat; background-position: center bottom;}
#main-inner-whole {margin: 0 30px; padding: 0; width: 695px;}
#main-inner-left {width: 175px; display: block; float: left; margin: 0; padding: 0 20px 0 30px;}
#main-inner-right {width: 500px; display: block; float: right; margin: 0; padding: 0 30px 0 0;}

#navigation {width: 745px; height: 50px; padding: 0; margin: 0;}

#nav {float: left; width:100%; margin: 0; padding: 25px 0 10px 0; list-style: none;}
#nav li {float:right; margin: 0; padding: 0; font-weight: bold;}
#nav a {float: left; display: block; margin: 0; padding: 0 10px; color: #b9bce6; text-decoration: none;}
#nav a:hover, body#home #n-home a, body#contact #n-contact a, body#about #n-about a, body#portfolio #n-portfolio a, body#services #n-services a {color: #fff;}

<!--.note {color: #999; margin: 0; padding: 0; font-size: 90%;}
-->
.photo {float: right; margin: 0; padding: 0 0 20px 20px; width: 175px;}
.photo a {padding:10px 0 0 0; font-size:95%;}

.subheader {color: #999; margin: 10px 0 5px 0;}

#thanksBox {margin: 0; padding: 20px 0 400px 0;} /* This contains the thank you message on the contact screen and holds the screen open (pushes the footer near the bottom of the canvas.*/