/* new Site CSS */


body {
  margin: 0;
	color: #333;
	background-color: #fff;
	background-image: url("/images/new/background.jpg");
	background-repeat: repeat-x;
  	font-family:Arial, Helvetica, sans-serif;
	  font-size: 70%;  /* Makes it so 10px = 1em, 12px = 1.2 em, etc. */
	color: #666666;
}

#wrapper {
  font-size: 1.2em;
}

.img-replace {
  display: none;
}

h3 {
  margin-top: 26px;
}

a:link { color: #264f69; }
a:visited { color: #406b86; }
a:hover { color: #608ba6; }
a:active { color: #406b86; }

#wrapper {
  width: 760px;
  margin: 0px auto;
  position: relative;
}

#logo-link {
  width: 333px;
  height: 71px;
  position: absolute;
  top: -4px;
  left: 10px;
}

#top-container {
  width: 735px;
  height: 70px;
  background-image: url(/images/new/top-menu-background.gif);
  background-repeat: repeat-x;
  position: relative;
}

#top-left-shadow {
  width: 3px;
  height: 48px;
  background-image: url(/images/new/top-left-shadow.jpg);
  position: absolute;
  left: -3px;
  top: 2px;
  
}

#top-right-shadow {
  width: 3px;
  height: 48px;
  background-image: url(/images/new/top-right-shadow.jpg);
  position: absolute;
  right: -3px;
  top: 2px;
}



/*   Body Content Styles   */

#body-container {
  width: 735px;
  min-height: 250px;
  background-image: url(/images/new/body-top-shadow.jpg);
  background-color: #fff;
  background-position: top left;
  background-repeat: repeat-x;
  position: relative;
  margin: 24px 0 8px 0;
  height: auto;
  float: left;
  clear: both;
}

#body-content {
  margin: 0px 14px 14px 14px;
  padding-top: 10px;
  color: #444;
}

#body-left-shadow {
  width: 5px;
  height: 246px;
  background-image: url(/images/new/body-left-shadow.jpg);
  position: absolute;
  top: 1px;
  left: -5px;
}

#body-right-shadow {
  width: 5px;
  height: 246px;
  background-image: url(/images/new/body-right-shadow.jpg);
  position: absolute;
  top: 1px;
  right: -5px;
}

.img {
  border: 1px solid #608ba6;
  margin: 14px;
}

.left-img {
  margin-left: 0px;
  float: left;
}

.right-img {
  margin-right: 0px;
  float: right;
}

.top-img {
  margin-top: 2px;
}


.arrow-list {
  list-style-type: none;
  margin: 0 0 0 12px;
  padding: 0;
}

.arrow-list li {
  margin: 4px 0;
  padding-left: 15px;
  background: transparent url("/images/new/arrow.jpg") no-repeat;
  background-position: 0 1px;
}

.portfolio-left {
  border: 0px;
  float: left;
  margin: 18px 14px 0px 0;
}

.portfolio-right {
  border: none;
  float: right;
  margin: 18px 0px 0px 14px;
}



/* Contact Form Styles */

.form-field, #login-form input {
  color: #333;
  font-size: 1em;
  border: 1px solid #acbcc5;
  background-color: #bdcdd7;
  margin: 0 4px;
}


#login-form {
  margin: 20px auto;
  width: 250px;
}


/*  Footer Styles  */

#footer-links {
  list-style-type: none;
  position: relative;
  margin: 0 0 0 2px;
  padding: 0;
}

#footer-links li a:link { text-decoration: none }
#footer-links li a:visited { text-decoration: none }

#footer-links li {
  display: block;
  float: left;
  padding: 0 6px 0 7px;
  margin: 0;
  position: relative;
  background: transparent url(/images/new/footer-divider.jpg) no-repeat;
  background-position: 0 1px;
}

#footer-links li.footer-link-no-marker {
  background: none;
}

#contact-info {
  margin: 12px 0 15px 0;
  padding: 0px ;
  text-align: center;
  line-height: 1.6em;
}

#copyright {
  float: right;
  margin-right: 34px;
}


.contact-divider {
  margin: 0px 10px;
  position: relative; 
  top: -2px;
}

/* Menu */
#main-menu {
	height:80px;
}


#menu {
	/*width: 700px;*/
	height: 34px;
	margin: 0 auto;
	font-family: Georgia, "Times new Roman", Times, serif;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 110px;
	height: 15px;
	padding: 14px 0 10px 0;
	/*border-left: 1px solid #EDEBD5;*/
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	font-size: 144%;
	color: #666666;
}

#menu a.no-border {
	border: 0px;
}

#menu a.right-border {
	/*border-right: 1px solid #EDEBD5;*/
}

#menu a:hover {
	  background-image: url(/images/new/top-menu-hover.jpg);
	  background-repeat: repeat-x;
	color: #870E04;
	border-top: 1px solid #EDEBD5;
		  	border-left: 1px solid #EDEBD5;
		border-right: 1px solid #EDEBD5;
}

#menu .active a {
	/*background: #82BC2B;*/
	  background-image: url(/images/new/top-menu-hover.jpg);
	  background-repeat: repeat-x;
	color: #870E04;
	border-top: 1px solid #EDEBD5;
}

#menu .active a:hover {
		background: #F7F7F4;
}

#header-home {
	width: 770px;
	height: 118px;
	margin: 0 auto;
	margin-bottom:-12px;
	background: url(images/new/logo4.gif) no-repeat;
}

#header-test {
	width: 770px;
	height: 118px;
	margin: 0 auto;
	background: url(images/new/logo2.gif) no-repeat;
}


#side-box {
  background-color: #eff3f6;
  border: 1px solid #e4e9ed;
  padding: 22px 14px 14px 14px;
  margin: 0 0 14px 14px;
  position: relative;
}

/* Footer */

#footer {
	clear: both;
	height: 50px;
	padding: 2px;
	background: #EDEBD5 url(images/img04b.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

#footer a {
	color: #666666;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 210px;
	padding: 2px;
	margin-top:60px;
	background: #EDEBD5;
	font-size:10pt;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 15px;
	color: #F7F7F4;
}

#sidebar h3 {
	font-size: 85%;
	color: #FFFFFF;
		margin: 0;
}

#sidebar ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}

#sidebar li {
}


.bluebox {
	background: #D9D7C1;
}

.bluebox h2 {
		background-color:#30528F;
}

.dark {
color: #333333;
font-size: 90%;
}

.serif {
	font-size: 140%;
	color: #003366;
	font-family: Georgia, "Times new Roman", Times, serif;
}

.gray {
	color: #CCCCCC;
	font-weight: bold;
}
h1, h2, h3 {
	color: #333333;
	font-family: Georgia, "Times new Roman", Times, serif;
}

h1, h2 {
	margin-bottom: 20px;
	font-weight: normal;
}

h1 {
	font-size: 187%;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 125%;
}

blockquote {
	padding-left: 3em;
	background: url(images/img08.gif) no-repeat;
	font-style: italic;
	font-family: Georgia, "Times new Roman", Times, serif;
}


#services-header {
  width: 241px;
  height: 46px;
  background-image:  url("/images/new/core-services.gif");
  position: absolute;
  top: -23px;
  left: 42px;
  margin: 0px;
  padding: 0px;
}

#contact-header {
  width: 241px;
  height: 46px;
  background-image:  url("/images/new/contact.gif");
  position: absolute;
  top: -23px;
  left: 42px;
  margin: 0px;
  padding: 0px;
}


#login-header {
  width: 196px;
  height: 38px;
  background-image:  url("/images/new/client-login.gif");
  position: absolute;
  top: 52px;
  left: 514px;
  margin: 0px;
  padding: 0px;
}

#quote-header {
  width: 196px;
  height: 38px;
  background-image:  url("/images/new/design-quote.gif");
  position: absolute;
  top: 52px;
  left: 514px;
  margin: 0px;
  padding: 0px;
}
#certifications-header {
  width: 196px;
  height: 38px;
  background-image:  url("/images/new/certifications.gif");
  position: absolute;
  top: 52px;
  left: 514px;
  margin: 0px;
  padding: 0px;
}

#reports-header {
  width: 196px;
  height: 38px;
  background-image:  url("/images/new/reports.gif");
  position: absolute;
  top: 52px;
  left: 514px;
  margin: 0px;
  padding: 0px;
}

#program-header {
  width: 196px;
  height: 38px;
  background-image:  url("/images/new/programming.gif");
  position: absolute;
  top: 52px;
  left: 514px;
  margin: 0px;
  padding: 0px;
}

#sem-header {
  width: 196px;
  height: 38px;
  background-image:  url("/images/new/sponsored-links.gif");
  position: absolute;
  top: 52px;
  left: 514px;
  margin: 0px;
  padding: 0px;
}

#process-header {
  width: 210px;
  height: 38px;
  background-image:  url("/images/new/design-process.gif");
  position: absolute;
  top: 160px;
  left: 509px;
  margin: 0px;
  padding: 0px;
}

#portfolio-header {
  width: 210px;
  height: 38px;
  background-image:  url("/images/new/recent-projects.gif");
  position: absolute;
  top: 282px;
  left: 509px;
  margin: 0px;
  padding: 0px;
}

#features-header {
  width: 210px;
  height: 38px;
  background-image:  url("/images/new/site-features.gif");
  position: absolute;
  top: 240px;
  left: 509px;
  margin: 0px;
  padding: 0px;
}

#portfolio-header-web {
  width: 210px;
  height: 38px;
  background-image:  url("/images/new/recent-projects.gif");
  position: absolute;
  top: 600px;
  left: 509px;
  margin: 0px;
  padding: 0px;
}

#portfolio-header-print {
  width: 210px;
  height: 38px;
  background-image:  url("/images/new/recent-projects.gif");

  margin: 0px;
  padding: 0px;
}

#facts-header {
  width: 210px;
  height: 38px;
  background-image:  url("/images/new/didyouknow.gif");
  position: absolute;
  top: 335px;
  left: 509px;
  margin: 0px;
  padding: 0px;
}

.login-spacer {
margin-top:-12px;
padding:0px;
height:0px;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}
         .dvhdr1 {
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            padding:5px;
            width:200px;
			background:#C4D5E3;
            border:1px solid #C4D5E3;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:arial;
            font-size:12px;
            border-left:1px solid #C4D5E3;
            border-right:1px solid #C4D5E3;
            border-bottom:1px solid #C4D5E3;
            padding:5px;
            width:200px;
         }