@import "reset.css";
@import "base.css";
@import "fonts.css";

body, html { background-color:#939393; font-family:Verdana, Geneva, sans-serif; color:#000 }
body {min-width:1024px;}
html {min-height: 101%;}

a {color:#000; text-decoration:underline}
a:hover {color:#5279a0; text-decoration: underline}
a img  {text-decoration:none}
p { letter-spacing:.5px; line-height:150%}
.clear {clear:both}
.small {font-size:77%}


/*  <CONTAINERS>
--------------------------------------------------*/
#outerWrap {width:1024px; margin:20px auto 0 auto;}
#innerWrap {background:url(../images/shadowLR.png) repeat-y 0px 45px ;}
#logo {background:url(../images/shadowTop.png) no-repeat; width:1024px; height:31px; padding:13px 0 0 300px;}
#logo a {text-decoration:none}

#banner {background-color:#ebefe7; padding:10px 60px 5px 145px; font-size:85%;}

#content { width:960px; margin-left:32px; }
#content #left { float:left;width:156px; margin-top:160px}
#home #content #left {margin-top:0}
#content #right { float:right;width:803px;}

#flashObject {padding:15px 0 15px 100px;}

/*  <CONTACT INFO>
--------------------------------------------------*/
#contactInfo {font-size:77%; color:#3a3939; text-align:right; line-height:150%; padding-right:10px; width:146px}
#contactInfo a {color:#3a3939; text-decoration:none}
#contactInfo a:hover {color:#5279a0;}

/*  <FOOT>
--------------------------------------------------*/
#foot {background: url(../images/shadowBot.png) no-repeat; min-height:30px; padding:25px 35px 0 35px; text-align:right;font-size:77%; color:#313030;}
#foot a {color:#d7cdb6;}

/*  <SERVICES PAGE>
--------------------------------------------------*/
.banner {background-color:#ebefe7;margin-top:60px; height:85px; }
.banner1 {float:left; width:30px;}
.banner2 {padding:10px 0 5px 90px; font-size:85%; float:left; width:395px}
#bio .banner2 {width:468px}
.bannerImg {float:left; margin-top:20px}
#navLinks {margin-left:0px; float:left}
#text {margin:25px 50px 0 130px}

.navLink a {
	background:url(../images/1px.gif) no-repeat 0px -2px; height:17px; display:block;padding-left:25px;margin:0 0 5px 0; 
	color:#B5B8B1; text-decoration:none;font-weight:bold; text-transform:uppercase}
.navLink a:hover {  color:#000000;}
.active a  {
	background:url(../images/arrow2.gif) no-repeat 0px -2px;height:17px; display:block;padding-left:25px; margin:0 0 5px 0; 
	color:#000000; cursor:default;text-decoration:none;font-weight:bold; text-transform:uppercase}

#services .title { padding-bottom:20px}


/*  <MAIN NAVIGATION>
--------------------------------------------------*/
#nav { margin-top:20px; float:right;border-top:1px solid #7d7d7e;width:156px; text-align:right   } 
#nav a, #nav a:hover {text-decoration:none; display:block;  border-bottom:1px solid #7d7d7e; width:156px; height:26px} 

#nav .home a {background: url(../images/navHome.jpg) no-repeat;}
#nav .home a:hover {background: #5279a0 url(../images/navHomeOn.jpg) no-repeat; }
#home #nav .home a {background: #5279a0 url(../images/navHomeOn.jpg) no-repeat; cursor:default}

#nav .services a {background: url(../images/navServices.png) no-repeat ;}
#nav .services a:hover {background: #5279a0 url(../images/navServicesOn.png) no-repeat ;}
#services #nav .services a {background:#5279a0 url(../images/navServicesOn.png) no-repeat; cursor:default}

#nav .bio a {background: url(../images/navBio.png) no-repeat ;}
#nav .bio a:hover {background: #5279a0 url(../images/navBioOn.png) no-repeat ;}
#bio #nav .bio a {background:#5279a0 url(../images/navBioOn.png) no-repeat; cursor:default}

#nav .resources a {background: url(../images/navResources.png) no-repeat ;}
#nav .resources a:hover {background: #5279a0 url(../images/navResourcesOn.png) no-repeat ;}
#resources #nav .resources a {background:#5279a0 url(../images/navResourcesOn.png) no-repeat; cursor:default}

#nav .projects a {background: url(../images/navSampleProjects.png) no-repeat ;}
#nav .projects a:hover {background: #5279a0 url(../images/navSampleProjectsOn.png) no-repeat ;}
#projects #nav .projects a {background:#5279a0 url(../images/navSampleProjectsOn.png) no-repeat; cursor:default}

#nav .contact a {background: url(../images/navContact.png) no-repeat ;}
#nav .contact a:hover {background: #5279a0 url(../images/navContactOn.png) no-repeat ;}
#contact #nav .contact a {background:#5279a0 url(../images/navContactOn.png) no-repeat; cursor:default}

/*  <SERVICES NAVIGATION>
--------------------------------------------------*/
.result {color:#313131; font-weight:bold; font-size:85%; padding:10px 10px 5px 20px; margin-left:522px; width:200px; text-align:center; text-transform:uppercase}
#servicesNav .serviceName {
	width:304px; height:45px; background-color:#5279a0; border:1px solid black;margin:0 0px 25px 145px; float:left}
#servicesNav .serviceName img {float:left; border-right:1px solid black}
#servicesNav .arrow {
	float: left;margin:10px 20px 25px 20px; background: url(../images/arrow1.png) no-repeat; display:block; width:33px; height:26px}
#servicesNav .arrowOn {background: url(../images/arrow1On.png) no-repeat;}
#serv1out {padding-top:8px}	
#servicesNav .serviceResult {
	margin:0 0px 25px 0; padding:5px 10px 0 20px; float:left; width:200px; height:40px;background-color:#ebefef;  
	border-style:solid; border-width:1px;
	border-bottom-color:#777676; border-top-color:#777676; border-left-color:#9d9e9b; border-right-color:#9d9e9b; 
	color:#5a5959; font-size:80%; font-weight:bold}
#servicesNav .on { color:#5279a0; font-weight:bold}

#servicesNav a, #servicesNav a:hover {text-decoration:none; display:block; float: left; } 

#servicesNav .serv1Class a {
	background: url(../images/navServSP.png) no-repeat 0px 0px;width:180px;height:10px;margin:18px 0 10px 10px}
#servicesNav .serv1Class a:hover {background:url(../images/navServSP.png) no-repeat -180px 0px; }
#servicesNav .serv1ClassActive a {
	background:url(../images/navServSP.png) no-repeat -180px 0px;width:180px;height:10px;margin:18px 0 10px 10px}

#servicesNav .serv2Class a {
	background: url(../images/navServPIM.png) no-repeat 0px 0px; width:213px; height:25px;margin:10px 0 10px 10px}
#servicesNav .serv2Class a:hover {background:url(../images/navServPIM.png) no-repeat -213px 0px; }
#servicesNav .serv2ClassActive a {
	background:url(../images/navServPIM.png) no-repeat -213px 0px;width:213px; height:25px;margin:10px 0 10px 10px}

#servicesNav .serv3Class a {
	background: url(../images/navServIIT.png) no-repeat 0px 0px; width:218px; height:25px;margin:10px 0 10px 10px}
#servicesNav .serv3Class a:hover {background:url(../images/navServIIT.png) no-repeat -218px 0px; }
#servicesNav .serv3ClassActive a {
	background:url(../images/navServIIT.png) no-repeat -218px 0px;width:218px; height:25px;margin:10px 0 10px 10px}

#servicesNav .serv4Class a {
	background: url(../images/navServPM.png) no-repeat 0px 0px; width:200px; height:10px;margin:18px 0 10px 10px}
#servicesNav .serv4Class a:hover {background:url(../images/navServPM.png) no-repeat -200px 0px; }
#servicesNav .serv4ClassActive a {
	background:url(../images/navServPM.png) no-repeat -200px 0px;width:200px; height:10px;margin:18px 0 10px 10px}

/*  <IMAGE SHADOW>
--------------------------------------------------*/
.imgShadow {float:right;background: url(../images/shadowAlpha.png) no-repeat bottom right !important;margin: 20px 0 10px 20px !important;}
.imgShadow img {display: block; position:relative; margin: -6px 6px 6px -6px;} 
.imgShadowLeft {float:left;background: url(../images/shadowAlpha.png) no-repeat bottom right !important;margin: 20px 0 10px 6px !important;}
.imgShadowLeft img {display: block; position:relative; margin: -6px 6px 6px -6px;} 

/*  <FORM>
--------------------------------------------------*/
#contact table {padding:0; margin:0;}
#contact td {padding:0 5px 5px 0; margin:0;font-size:85%}
#contact form {font-size:85%; text-align:right; padding-top:0px; letter-spacing:1px}
.tdr {text-align:right;color:#545353}
.tdl {text-align:left; }
input { font-family:"Courier New", Courier, monospace; background-color:#DCDDD5;   border:1px solid #000000; width:250px; font-size:120%}
.button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
textarea {font-family:"Courier New", Courier, monospace; font-size:120%; background-color:#DCDDD5; border:1px solid #000000; width:250px;}
.asterisk {color:#934232; font-size:77%}

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#bc2d33; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0;width:350px;  }
.noerror {font-weight:normal; margin:0; color:#565655;width:350px; }