/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,form,noscript{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}
  
/* Main DIV Layouts --------------------------------------------------*/

body {margin: 0px 0px 0px 0px; 
      background: #FFFFFF;
	  padding:0;
      color: #666666;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 100%; }


#container {margin-right:20px; 
            margin-left:20px;
			background-color: #FFFFFF; 
			padding: 0; 
			border:solid #FFFFFF;
            border-width:0px 1px 0px 1px; 
			background-color: #FFFFFF;}





			
#banner {margin: 0px;
		 padding: 0px;}
		
#content {padding: 0px 15px 10px 15px;
		  margin-left: 185px;
		  margin-right: 185px;
		  background-color: #FFFFFF;}
		  
#content2 {padding: 10px 15px 10px 15px;
		  margin-left: 185px;
		  margin-right: 0px;
		  background-color: #FFFFFF;}
		  
#sidebar-a {float: left;
			width: 178px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-color: #FFFFFF;
		}

#sidebar-b {float: right;
			width: 180px;
			margin: 0px;
			background-color: #FFFFFF;}

#footer {clear: both;
		padding: 5px 0px 5px 5px;
		margin: 5px 0px 0px 0px;
		background-image:  url(../images/footbg.gif);
		 background-repeat: repeat-x;  
		 background-position: top left;
		 border:solid #EAEAEA;
         border-width:0px 1px 0px 1px;}
		
#footer p {padding: 10px 0px 10px 10px}		


		
/* gradient  Bar --------------------------------------------------*/		

#header {height:118px; 
         background-image:  url(../images/header_blue.png);
		 background-repeat: no-repeat;  
		 background-position: top right; }

#texttools {float: right;
             display:inline;
			 padding: 0px 0px 0px 0px;
			 margin: 5px 5px 0px 0px;
			 text-align: right}
			 

.hidden {position: absolute; left: -9000px}

#greenbar {background-image:  url(../images/greenbar.gif);
		   background-repeat: repeat-x;  
		   background-position: top left;
           height: 28px;
		   margin: 0px 0px 0px 0px;
		  border:solid #FFFFFF;
          border-width:1px 0px 0px 0px;}


#globalnav {float: left;
           display: inline;
		   padding: 5px 0px 0px 10px}
	
#globalnav li 	{display: inline; list-style-type: none; padding-left: 10px; font-weight:bold;}
#globalnav li a {color:#FFFFFF; text-decoration:none; }
#globalnav li a:visited {text-decoration: none; color:#FFFFFF; background:none}
#globalnav li a:hover   {color: #3AB2D2; text-decoration: none; background-color: #FFFFCC}
#globalnav li a:focus {color: #3AB2D2; text-decoration: none; background-color: #FFFFCC}
#globalnav li a:active {color: #3AB2D2; text-decoration: none; background-color: #FFFFCC} 


#texttools  a {color:#FFFFFF; text-decoration:none; }
#texttools  a:visited {text-decoration: none; color:#FFFFFF; background:none}
#texttools  a:hover   {color: #3AB2D2; text-decoration: none; background-color: #FFFFCC}
#texttools  a:focus {color: #3AB2D2; text-decoration: none; background-color: #FFFFCC}
#texttools  a:active {color: #3AB2D2; text-decoration: none; background-color: #FFFFCC} 
		   
		   
		   
#language {float: right;
           display: inline;
		   padding: 5px 10px 0px 0px}
		   
#history {padding: 0px 0px 0px 10px;
           margin: 10px 0px 15px 0px; }		   
		   
		   
/* Left Navigation --------------------------------------------------*/

#subnavcontainer { margin:0px;  background-color:#ffffff;    }
		
#subnavcontainer ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
		
#subnavcontainer li {margin:0px;  padding:0px ;}

		
#subnavcontainer a
		    {display: block;
			 padding: 5px 0px 5px 18px;
			 width: 160px;
			 color: #666666;
			 background-color: #FFFFFF;
			 background-image:  url(../images/navbg_bg.gif);
             background-repeat: no-repeat;  
			 background-position: left top;
			 text-decoration: none;
			 font-weight:normal;
			}
			
#subnavcontainer a:visited{
			color: #666666;
			background-color: #FFFFFF;
			background-image:  url(../images/navbg_bg.gif);
            background-repeat: no-repeat;  
			background-position: left top;
			text-decoration: none;
			font-weight:normal}			
		
#subnavcontainer a:hover
		    {color: #FFFFFF;
			text-decoration: none;
			background-image: url(../images/navbg_over_bg.gif);
            background-repeat: no-repeat;  
			background-position: left top;
			font-weight:normal }
			
a:link#currentnav, a:visited#currentnav
		    {color: #FFFFFF;
			text-decoration: none;
			background-image: url(../images/navbg_over_bg.gif);
            background-repeat: no-repeat;  
			background-position: left top;
			font-weight:normal }	
			
#subnavcontainer ul ul { margin: 0px 0px -1px 0px; padding: 0px 0px 0px 0px }					
		
#subnavcontainer ul ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
		
#subnavcontainer ul ul a
		    {display: block;
			padding: 6px 5px 6px 20px;
		    width: 153px;
			color: #2A5BBC;
			background-color: #EBF4F7;
			text-decoration: none;
			font-weight:normal;
			margin: 0px 0px 0px 0px;
			font-size: 95%;
			 background-image: url(../images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}

#subnavcontainer ul ul a:visited
            {color: #2A5BBC;
			background-color: #EBF4F7;
			text-decoration: none;
			font-weight:normal;
			 background-image: url(../images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}
		
#subnavcontainer ul ul a:hover, a:link#subcurrent, a:visited#subcurrent
		    {color: #2A5BBC;
			background-color: #EBF4F7;
			text-decoration: underline;
			font-weight:normal;
            background-image: url(../images/spacer.gif);
            background-repeat: no-repeat; 
            background-position: left top;}
			
			
			
/* Placeholders --------------------------------------------------*/


.bluehead {background-image: url(../images/bluebar_bg.gif);
          background-repeat: repeat-x;
		  background-position: top left;
		  padding: 4px 0px 4px 15px;
		  color: #ffffff;
		  }
		  
.greenhead {background-image: url(../images/greenbar_bg.gif);
          background-repeat: repeat-x;
		  background-position: top left;
		  padding: 4px 0px 4px 15px;
		  color: #ffffff;
		  
		  margin: 15px 0px 0px 0px}
		  
.bluehead h2 {font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em;}
.greenhead h2 {font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em;}				  		  

/* Recent Work --------------------------------------------------*/
.work {clear: left; margin: 10px 0px 0px 0px; border: 1px solid #B9E352; padding: 5px 5px 5px 5px}
.logo {width:150px; float:left}
.text  {margin-left: 150px;
        background-image: url(../images/dot.gif);
         background-repeat: repeat-y;
		 padding: 10px 0px 0px 10px}
p.more 	{font-weight:bold; color: #3AB2D2; text-align: right; margin: 20px 0px 0px 0px}


/* Case Studies --------------------------------------------------*/
.case {clear: left; margin: 10px 0px 0px 0px; border: 1px solid #B9E352; padding: 5px 5px 5px 5px}
.caselogo {width:45px; float:left}
.casetext  {margin-left: 55px;
 
		 padding: 0px 0px 0px 10px}



		  
/* Left Columnn Placeholders ----------------------------*/
.place{margin: 0px 0px 15px 0px;
       border:solid #D8DCDF;
       border-width:0px 1px 1px 1px;
	   padding: 5px 5px 5px 5px }

.placehold{margin: 0px 0px 15px 0px;
       border:solid #D8DCDF;
       border-width:0px 1px 1px 1px;
	   padding: 5px 5px 5px 5px }	
	   
.placehold p{margin: 7px 3px 5px 3px; }	      	   
	 
#placenews {background-image: url(../images/latstnews.gif);
         background-repeat: no-repeat; 
		 background-position: top left;
		 width:164px; height:60px; }
		
#placecase {background-image: url(../images/casestudy.gif);
         background-repeat: no-repeat; 
		 background-position: top left;
		 width:164px; height:60px; }
		 
#placedesign {background-image: url(../images/place_webdesign.gif);
         background-repeat: no-repeat; 
		 background-position: top left;
		 width:164px; height:60px; }		 		 	   
		 
.quote{margin: 10px 0px 15px 0px;}
.quotetop{background-image: url(../images/quotetop.gif);
         background-repeat: no-repeat; 
		 background-position: top left;
		 width:180px; height:10px; font-size:1px}

.quotemid {border:solid #D8DCDF;
       border-width:0px 1px 0px 1px;
	   padding: 0px 7px 0px 7px; }

.quotename{border:solid #D8DCDF;
       border-width:0px 1px 0px 1px;
	   padding: 0px 7px 0px 7px;
	   color: #1A5A7F; font-weight:bold;
	   text-align:right }	   
	   
	   
	   
.quotebot{background-image: url(../images/quotebot.gif);
         background-repeat: no-repeat; 
		 background-position: top left;
		 width:180px; height:35px; font-size:1px}	   	 

/* ============ latestnews ============ */

#latestnews {
    width: 170px;
    font-size: 105%;
    line-height: 1.2em;
    margin: 10px 0 0 0;
    padding: 0;
}

.sidebox { background:#ffffff;}

#latestnews ul {
    list-style-type: none;
    padding: 0;
    font-size: 103%;
    margin: 0;
    }

#latestnews ul ul {margin: 0;}

#latestnews ul ul {margin-bottom: -1px;}

#latestnews li {
    padding: 0;
    margin: 0;
    border-bottom: 1px #B2DF54 dashed;
    font-weight: normal
    }


#latestnews .sidebox p, #latestnews .sidebox form, #latestnews .sidebox ul {font-size: 95%;}

#latestnews .news a, #latestnews .event a {display: block;}

#latestnews .news {min-height: 100px;}

#latestnews .news li {
    padding: 0 0 2px 0; 
    margin: -1px 0 0 0;
    border: 0;
    position: relative;
    border-top: 1px #FFFFFF solid;
    }

.news .date {
    font-size: 83%;
    position: absolute; 
    left:5px;
    top: 5px;
    width: 36px;
    text-align:center;
    }

.news li .date span {
    padding: 5px 0; 
    line-height: 1; 
    color:#fff;
    background-color: #96d807;
    display: block;
    margin: 0;
    }

.news .date span.month {
    background: #96d807 url(../images/date_top.gif) top left no-repeat;
    padding-bottom: 1px;
    }

.news .date span.day {
    font-size: 164.5%;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 2px;
    }

.news .date span.year {
    color:#FFFFFF;
    background: #4ec9f5 url(../images/date_back.gif) bottom left no-repeat;
    padding-top: 2px;
    }


#latestnews .news li a { 
    margin: 0;
    padding: 5px 5px 5px 48px;
    }


		  
p.morenews 	{font-weight:bold; color: #3AB2D2; margin: 10px 0px 0px 10px}
		  		  		  					  			
.backtotop { background: url(../images/bullet_up.gif) 0px 5px no-repeat; padding: 0px 0px 0px 12px; margin-top: 20px}

.footerbox {border:solid #4EC9F5;
       border-width:1px 1px 1px 1px;
	   background-color:#DFEEF1;
	   padding: 5px 5px 5px 5px;
	   margin: 20px 0px 0px 0px}

/* Heading Text and Links --------------------------------------------------*/
h1 { font-size: 1.3em;
     color: #1A5A7F;
	 padding: 0px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 10px 0px;
	 font-weight:normal}


p   {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}

#home #content h2 {color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:normal; font-size: 1.3em; }

#content h2 {color: #4098CD; margin: 0px 0px 0px 0px; padding: 15px 0px 3px 0px; font-size:1.2em; font-weight:bold }
#content2 h2 {color: #4098CD; margin: 0px 0px 0px 0px; padding: 15px 0px 3px 0px; font-size:1.2em; font-weight:bold }
h2.site {color: #4098CD; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:bold }
#sitemap h2 {color: #4098CD; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:1.4em; font-weight:bold }


h3 {margin: 15px 0px 0px 0px; padding: 0px 0px 3px 0px; font-size:1.1em; color: #608C06;}


#content ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#content2 ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content2 ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.5em 10px;}

.placehold ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.placehold ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}


#content ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#content ol li { padding: 0.2em 0 0.1em 0px;}

#content ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#content ol ol li {  padding: 0.2em 0 0.1em 0px;}

#content2 ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#content2 ol li { padding: 0.2em 0 0.1em 0px;}

#content2 ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#content2 ol ol li {  padding: 0.2em 0 0.1em 0px;}

#content2 ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#content2 ol li { padding: 0.2em 0 0.1em 0px;}

#content2 ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#content2 ol ol li {  padding: 0.2em 0 0.1em 0px;}


hr {width:99%; height:1px; color:#cccccc; border:0; margin: 15px 0px 15px 0px; }


/* Links --------------------------------------------------*/
a:link { color: #1A7A9C; text-decoration: underline; }
a:visited { color: #663399; text-decoration: underline; }
a:hover {color: #0000CC; text-decoration: underline; background-color: #FFFFCC}
a:focus {color: #1A7A9C; text-decoration: underline; background-color: #FFFFCC}
a:active {color: #1A7A9C; text-decoration: underline; background-color: #FFFFCC}

.boldlink 	{font-weight:bold; color: #3AB2D2; }


/* info boxes --------------------------------------------------*/



/* images --------------------------------------------------*/
.spr {padding: 0px 10px 0px 0px }
.getadobe {padding: 0px 20px 0px 0px}


/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

 
* html #content {
  height: 1%;
  margin-left: 0;}
* html #footer {
  height: 1%;
  margin-left: 0;}		
* html .date{
  height: 1%;
  margin-left: 0;}	
  
 * html .bluehead{
  height: 1%;
  margin-left: 0;} 	
   
* html #content2 {
  height: 1%;
  margin-left: 0;}
  
		  
		  
/* Tables --------------------------------------------------*/

table { background-color:#cccccc}
th {background-color:#D8F1FC; text-align:left; padding: 5px;}
td,tr  {background-color:#ffffff; text-align:left; padding: 5px;}

/* Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle;}

/* Service Placeholders --------------------------------------------------*/
.col {margin: 0px 0px 0px 0px; }

#accessibility {width: 47%; float: left; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services.gif); background-position:top right; background-repeat:no-repeat; height:96px;  }
#accessibility div {background-image:url(../images/place_accessibility.gif); background-position:top left; background-repeat:no-repeat; height:96px; padding: 0px 0px 0px 100px}
#accessibility a:link { color: #4098CD; text-decoration: underline; }
#accessibility a:visited { color: #4098CD; text-decoration: underline; }
#accessibility a:hover {color: #4098CD; text-decoration: underline; background-color: #FFFFCC}
#accessibility a:focus {color: #4098CD; text-decoration: underline; background-color: #FFFFCC}
#accessibility a:active {color: #4098CD; text-decoration: underline; background-color: #FFFFCC}

#usability {width: 47%; float: right; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services.gif); background-position:top right; background-repeat:no-repeat; height:96px;}
#usability div {background-image:url(../images/place_usability.gif); background-position:top left; background-repeat:no-repeat; height:96px; padding: 0px 0px 0px 100px}
#usability a:link { color: #65A711; text-decoration: underline; }
#usability a:visited { color: #65A711; text-decoration: underline; }
#usability a:hover {color: #65A711; text-decoration: underline; background-color: #FFFFCC}
#usability a:focus {color: #65A711; text-decoration: underline; background-color: #FFFFCC}
#usability a:active {color: #65A711; text-decoration: underline; background-color: #FFFFCC}



#design {width: 47%; float: left; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services.gif); background-position:top right; background-repeat:no-repeat; height:96px;}
#design div {background-image:url(../images/place_design.gif); background-position:top left; background-repeat:no-repeat; height:96px; padding: 0px 0px 0px 100px}
#design a:link { color: #F6AC0F; text-decoration: underline; }
#design a:visited { color: #F6AC0F; text-decoration: underline; }
#design a:hover {color: #F6AC0F; text-decoration: underline; background-color: #FFFFCC}
#design a:focus {color: #F6AC0F; text-decoration: underline; background-color: #FFFFCC}
#design a:active {color: #F6AC0F; text-decoration: underline; background-color: #FFFFCC}

#prototyping {width: 47%; float: right; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services.gif); background-position:top right; background-repeat:no-repeat; height:96px;}
#prototyping div {background-image:url(../images/place_proto.gif); background-position:top left; background-repeat:no-repeat; height:96px; padding: 0px 0px 0px 100px}
#prototyping a:link { color: #705AC5; text-decoration: underline; }
#prototyping a:visited { color: #705AC5; text-decoration: underline; }
#prototyping a:hover {color: #705AC5; text-decoration: underline; background-color: #FFFFCC}
#prototyping a:focus {color: #705AC5; text-decoration: underline; background-color: #FFFFCC}
#prototyping a:active {color: #705AC5; text-decoration: underline; background-color: #FFFFCC}

#guidelines {width: 47%; float: left; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services.gif); background-position:top right; background-repeat:no-repeat; height:96px;}
#guidelines div {background-image:url(../images/place_guide.gif); background-position:top left; background-repeat:no-repeat; height:96px; padding: 0px 0px 0px 100px}
#guidelines a:link { color: #D91724; text-decoration: underline; }
#guidelines a:visited { color: #D91724; text-decoration: underline; }
#guidelines a:hover {color: #D91724; text-decoration: underline; background-color: #FFFFCC}
#guidelines a:focus {color: #D91724; text-decoration: underline; background-color: #FFFFCC}
#guidelines a:active {color: #D91724; text-decoration: underline; background-color: #FFFFCC}

#training {width: 47%; float: right; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services.gif); background-position:top right; background-repeat:no-repeat; height:96px;}
#training div {background-image:url(../images/place_training.gif); background-position:top left; background-repeat:no-repeat; height:96px; padding: 0px 0px 0px 100px}
#training a:link { color: #3770B2; text-decoration: underline; }
#training a:visited { color: #3770B2; text-decoration: underline; }
#training a:hover {color: #3770B2; text-decoration: underline; background-color: #FFFFCC}
#training a:focus {color: #3770B2; text-decoration: underline; background-color: #FFFFCC}
#training a:active {color: #3770B2; text-decoration: underline; background-color: #FFFFCC}


/* Service Placeholders Round Two--------------------------------------------------*/

#accessibility2 {width: 47%; float: left; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services2.gif); background-position:top right; background-repeat:no-repeat; height:140px;  }
#accessibility2 div {background-image:url(../images/place_accessibility2.gif); background-position:top left; background-repeat:no-repeat; height:140px; padding: 0px 0px 0px 100px}
#accessibility2 a:link { color: #4098CD; text-decoration: underline; }
#accessibility2 a:visited { color: #4098CD; text-decoration: underline; }
#accessibility2 a:hover {color: #4098CD; text-decoration: underline; background-color: #FFFFCC}
#accessibility2 a:focus {color: #4098CD; text-decoration: underline; background-color: #FFFFCC}
#accessibility2 a:active {color: #4098CD; text-decoration: underline; background-color: #FFFFCC}

#usability2 {width: 47%; float: right; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services2.gif); background-position:top right; background-repeat:no-repeat; height:140px;}
#usability2 div {background-image:url(../images/place_usability2.gif); background-position:top left; background-repeat:no-repeat; height:140px; padding: 0px 0px 0px 100px}
#usability2 a:link { color: #65A711; text-decoration: underline; }
#usability2 a:visited { color: #65A711; text-decoration: underline; }
#usability2 a:hover {color: #65A711; text-decoration: underline; background-color: #FFFFCC}
#usability a:focus {color: #65A711; text-decoration: underline; background-color: #FFFFCC}
#usability a:active {color: #65A711; text-decoration: underline; background-color: #FFFFCC}



#design2 {width: 47%; float: left; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services2.gif); background-position:top right; background-repeat:no-repeat; height:140px;}
#design2 div {background-image:url(../images/place_design2.gif); background-position:top left; background-repeat:no-repeat; height:140px; padding: 0px 0px 0px 100px}
#design2 a:link { color: #F6AC0F; text-decoration: underline; }
#design2 a:visited { color: #F6AC0F; text-decoration: underline; }
#design2 a:hover {color: #F6AC0F; text-decoration: underline; background-color: #FFFFCC}
#design2 a:focus {color: #F6AC0F; text-decoration: underline; background-color: #FFFFCC}
#design2 a:active {color: #F6AC0F; text-decoration: underline; background-color: #FFFFCC}

#prototyping2 {width: 47%; float: right; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services2.gif); background-position:top right; background-repeat:no-repeat; height:140px;}
#prototyping2 div {background-image:url(../images/place_proto2.gif); background-position:top left; background-repeat:no-repeat; height:140px; padding: 0px 0px 0px 100px}
#prototyping2 a:link { color: #705AC5; text-decoration: underline; }
#prototyping2 a:visited { color: #705AC5; text-decoration: underline; }
#prototyping2 a:hover {color: #705AC5; text-decoration: underline; background-color: #FFFFCC}
#prototyping2 a:focus {color: #705AC5; text-decoration: underline; background-color: #FFFFCC}
#prototyping2 a:active {color: #705AC5; text-decoration: underline; background-color: #FFFFCC}

#guidelines2 {width: 47%; float: left; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services2.gif); background-position:top right; background-repeat:no-repeat; height:140px;}
#guidelines2 div {background-image:url(../images/place_guide2.gif); background-position:top left; background-repeat:no-repeat; height:140px; padding: 0px 0px 0px 100px}
#guidelines2 a:link { color: #D91724; text-decoration: underline; }
#guidelines2 a:visited { color: #D91724; text-decoration: underline; }
#guidelines2 a:hover {color: #D91724; text-decoration: underline; background-color: #FFFFCC}
#guidelines2 a:focus {color: #D91724; text-decoration: underline; background-color: #FFFFCC}
#guidelines2 a:active {color: #D91724; text-decoration: underline; background-color: #FFFFCC}

#training2 {width: 47%; float: right; background-color: #FFFFFF; margin-bottom:15px; background-image:url(../images/place_services2.gif); background-position:top right; background-repeat:no-repeat; height:140px;}
#training2 div {background-image:url(../images/place_training2.gif); background-position:top left; background-repeat:no-repeat; height:140px; padding: 0px 0px 0px 100px}
#training2 a:link { color: #3770B2; text-decoration: underline; }
#training2 a:visited { color: #3770B2; text-decoration: underline; }
#training2 a:hover {color: #3770B2; text-decoration: underline; background-color: #FFFFCC}
#training2 a:focus {color: #3770B2; text-decoration: underline; background-color: #FFFFCC}
#training2 a:active {color: #3770B2; text-decoration: underline; background-color: #FFFFCC}


/* Highlight Navigation Items --------------------------------------------------*/
body#serac li#acc a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}
body#serus li#usa a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}

body#serus #subnavcontainer ul ul a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: none; background-image: url(../images/spacer.gif); background-repeat: no-repeat;   background-position: left top;}
body#serus #subnavcontainer ul ul a:hover, body#serus #subnavcontainer ul ul a:active, body#serus  #subnavcontainer ul ul a:focus  {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}

body#serusus li#usause a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#serusu li#usapro a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}


body#serde li#web a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}

body#serdean li#webana a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#serdebu li#webbui a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#serdede li#webdes a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#serdema li#webman a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}


body#serde #subnavcontainer ul ul a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: none; background-image: url(../images/spacer.gif); background-repeat: no-repeat;   background-position: left top;}
body#serde #subnavcontainer ul ul a:hover, body#serde #subnavcontainer ul ul a:active, body#serde  #subnavcontainer ul ul a:focus  {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}

body#serpr li#pro a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}
body#sergu li#gui a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}

body#sertr li#tra a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}
body#sertr #subnavcontainer ul ul a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: none; background-image: url(../images/spacer.gif); background-repeat: no-repeat;   background-position: left top;}
body#sertr #subnavcontainer ul ul a:hover, body#sertr #subnavcontainer ul ul a:active, body#sertr  #subnavcontainer ul ul a:focus  {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}

body#sertrco li#tracou a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#sertrpr li#trapre a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#sertrre li#tratra a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#sertrve li#traven a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}
body#sertpre li#tracat a {color: #2A5BBC; background-color: #EBF4F7; text-decoration: underline; background-image: url(../images/spacer.gif);  background-repeat: no-repeat; background-position: left top;}

/*General styles not really related to the forms*/


/*Forms defaults*/

form{margin: 10px 0px 0px 0px}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#666666;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}




/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea {
	width:336px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

/*Selects*/


.selectArea {
	width:252px;

background-color:#EBF4F7;
border-width:1px;
border-color:#CFD0D6;}



/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}



/*New Homepage Buttons with Rollover*/
.rollover {margin: 0px 0px 5px 0px}

.rollover a {
font-size: 0.9em;
display:block;
width: 150px;
padding:6px 0px 7px 7px;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
background: url("../images/btns.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -28px;
color: #049;
}
.rollover a:active {
background-position: 0 -56px;
color:#fff;
}

/* -------------------- Blockquote - ------------------------ */
blockquote {
  background: transparent url(../images/quoleft2.gif) left top no-repeat;
  font-weight: bold;
  margin-bottom: 10px;
}
blockquote div {
  padding: 0px 20px 0px 30px;
  margin-right: 30px;
  background: transparent url(../images/quoright2.gif) right bottom no-repeat;
}

blockquote.normaltext {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 20px;
    font-style: italic;
    background: none;
    font-weight: normal;
}

/* --------------------------Abbr and Acronyms----------------------------------- */
 abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}


/* --------------------------Portfolio Screenshots----------------------------------- */

.portfolio {width: 160px; text-align:center; float: left; margin-right:42px; margin-bottom:20px}