@charset "utf-8";
/*CSS document*/

body 
{
 font:10pt/17pt arial;
 margin:0;
 padding:0;
 height:100%;
 background-image:url(../images/pd_bg.gif);
}

ul#portfolio { list-style-type: none; margin:0;padding:0; z-index: 1}

ul#portfolio li img{
	border: none;
	padding: 0; margin:0;
        z-index: 1;
	position: absolute;
}


#grade_bg 
{
padding-top:25px;
width:100%;
height:100%;
background: url(../images/bg_gradient_px.png) repeat-x;
background-position: static;
}

a{color:#FFFFFF;}
p{line-height:17px;}
h4 {color: #FFFFFF;}

#container{
width:800px;
margin:0 auto; /*centers*/
background-color: #FFFFFF;
border-right:1px solid #46476b;
border-left:1px solid #46476b;
}

#top_bar{
width:800px;
height:72px;
background-image: url(../images/header_gradient.png); no-repeat;
background-repeat: none;
margin: 0 auto;
}

.logo { 
display:inline;
width:305px;
height:102px;
z-index: 2;
position: absolute; /* remove this and add float left? */
}

.logo a {
display:block;
width:303px;
height:101px;
text-indent: -5000px;
background: url(../images/main_header_logo.png); no-repeat;
margin-top:-41px;
z-index: 3;
}

#header{
margin: 0 auto; padding:0;
width:800px;
height:255px;
background: url(../images/header/main_header2.png); no-repeat;
}

#header h2 {
float:right;
margin:0 0 0 0;padding:180px 20px 0 0;
color: #FFFFFF;
}



/* Styling for link menu bar */

ul#main_nav{ 
list-style-type: none;
font-weight: bold;
margin:0 4px 0 0;padding:36px 0 0 0;
clear:both;
color: #FFFFFF;
line-height:12px;
}

ul#main_nav li { 
float:right;
display:inline;
margin-left: 8px;
padding-right:10px;
border-right: 1px solid #FFFFFF;
}

ul#main_nav li.first {
float:right;
display:inline;
margin-left: 8px;
padding-right:10px;
border: none;
}

ul#main_nav li a{
}

ul#main_nav li a:link { 
text-decoration: none;
}

ul#main_nav li a:visited { 
color: white; 
text-decoration: none;
}

ul#main_nav li a:hover {
text-decoration: none;
border-bottom: 3px solid #9193c6; 
} 




/* Styling for language selection bar */

ul#lang_nav{ 
list-style-type: none;
margin:0 4px 0 0;padding:0;
padding-top: 4px;
clear:both; /*own line*/
color: #FFFFFF;
font-size: 10px;
line-height:10px;
}

ul#lang_nav li.last { 
border-right: none;
}

ul#lang_nav li { 
float:right;
display:inline;
margin-left: 4px;
padding-right:4px;
border-right: 1px solid #FFFFFF;
}

ul#lang_nav li a{
}


#row1 { 
display:block;
background-color: #FFFFFF;
height: 255px;
width:800px;
}

/* Solutions */

#solutions
{
 width: 257px;
 height: 247px;
 float:left;
 display:inline;
 margin:15px 0 0 8px; padding: 0;
}

#solutions_top {
width: 257px; height: 41px;
background: url(../images/section_top.gif); no-repeat;
margin:0;padding:0;
}

.solutions { /* for the title*/
float: left;
width:256px;
height:13px;
background: url(../images/solutions.png); no-repeat;
margin:15px 0 0 0; padding:0;
}

#solutions_mid {
float:left;
width: 257px; height: 174px;
background: url(../images/section_mid.gif); no-repeat;
margin:0;padding:0;
}

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

#solutions_bottom {
float:left;
width: 257px; height: 21px;
background: url(../images/section_bottom.png); no-repeat;
margin:0;padding:0;
}

.MORE {
float: right;
margin:70px 4px 0 0;padding:0;
border-bottom: 2px solid #9193c6; 
font-weight: bold;
}

.MORE a { 
text-decoration: none;
color: #cacfdb;
}

#solutions_mid ul  {list-style-type:none;}

#solutions_mid ul li {
color: #FFFFFF;
margin:0 0 0 8px; padding: 0 0 0 14px;
font-weight: bold;
display:block;
background: url(../images/list_arrow.png) left 4px no-repeat; 
}

/* Social Resp */

#social
{
 width: 257px;
 height: 247px;
 float: left;
 margin:15px 0 0 8px; padding: 0;
}

#social_top {
width: 257px; height: 41px;
background: url(../images/section_top.gif); no-repeat;
margin:0;padding:0;
}

.social { /* for the title*/
float: left;
width:256px;
height:13px;
background: url(../images/socialresp.png); no-repeat;
margin:15px 0 0 0; padding:0;
}

#social_mid {
float:left;
width: 257px; height: 174px;
background: url(../images/section_mid.gif); no-repeat;
margin:0;padding:0;
}

#social_bottom {
float:left;
width: 257px; height: 21px;
background: url(../images/section_bottom.png); no-repeat;
margin:0;padding:0;
}

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

#social_mid ul li {
color: #FFFFFF;
margin:0 0 0 8px; padding: 0 0 0 14px;
font-weight: bold;
display:block;
background: url(../images/list_arrow.png) left 4px no-repeat; 
}



/* Community */

#community
{
 width: 257px;
 height: 247px;
 float: left;
 margin:15px 0 0 8px; padding: 0;
}

#community_top {
width: 257px; height: 41px;
background: url(../images/section_top.gif); no-repeat;
margin:0;padding:0;
}

.community { /* for the title*/
float: left;
width:256px;
height:13px;
background: url(../images/community.png); no-repeat;
margin:15px 0 0 0; padding:0;
}

#community_mid {
float:left;
width: 257px; height: 174px;
background: url(../images/section_mid.gif); no-repeat;
margin:0;padding:0;
}

#community_bottom {
float:left;
width: 257px; height: 21px;
background: url(../images/section_bottom.png); no-repeat;
margin:0;padding:0;
}

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

#community_mid ul li {
color: #FFFFFF;
margin:0 0 0 8px; padding: 0 0 0 14px;
font-weight: bold;
display:block;
background: url(../images/list_arrow.png) left 4px no-repeat; 
}

#row2 { 
display:block;
background-color: #FFFFFF;
height: 255px;
width:800px;
}

/* People */

#people
{
 width: 257px;
 height: 247px;
 float: left;
 margin:0 0 0 8px; padding: 0;
}

#people_top {
width: 257px; height: 41px;
background: url(../images/section_top.gif); no-repeat;
margin:0;padding:0;
}

.people { /* for the title*/
float: left;
width:256px;
height:13px;
background: url(../images/people.png); no-repeat;
margin:15px 0 0 0; padding:0;
}

#people_mid {
float:left;
width: 257px; height: 174px;
background: url(../images/section_mid.gif); no-repeat;
margin:0;padding:0;
}

#people_bottom {
float:left;
width: 257px; height: 21px;
background: url(../images/section_bottom.png); no-repeat;
margin:0;padding:0;
}

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

#people_mid ul li {
color: #FFFFFF;
margin:0 0 0 8px; padding: 0 0 0 14px;
font-weight: bold;
display:block;
background: url(../images/list_arrow.png) left 4px no-repeat; 
}

/* Tools */

#tools
{
 width: 257px;
 height: 247px;
 float: left;
 margin:0 0 0 8px; padding: 0;
}

#tools_top {
width: 257px; height: 41px;
background: url(../images/section_top.gif); no-repeat;
margin:0;padding:0;
}

.tools { /* for the title*/
float: left;
width:256px;
height:13px;
background: url(../images/tools.png); no-repeat;
margin:15px 0 0 0; padding:0;
}

#tools_mid {
float:left;
width: 257px; height: 174px;
background: url(../images/section_mid.gif); no-repeat;
margin:0;padding:0;
}

#tools_bottom {
float:left;
width: 257px; height: 21px;
background: url(../images/section_bottom.png); no-repeat;
margin:0;padding:0;
}

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

#tools_mid ul li {
color: #FFFFFF;
margin:0 0 0 8px; padding: 0 0 0 14px;
font-weight: bold;
display:block;
background: url(../images/list_arrow.png) left 4px no-repeat; 
}


/*Contact & Testimonials*/

#contact {
width: 257px; height: 247px;
background: url(../images/last_section.gif) no-repeat;
margin:0 0 0 8px;padding:0;
float:left;
}

.contact {
margin:42px 34px 0 0;padding:0;
float: right;
height: 62px;
width: 204px;
display: block;
}



#footer 
{
width:800px;
margin:0 auto;
background-color: #030335;
display:block;
height: 36px;
color: #FFFFFF;
}

#footer p
{
 padding-top:8px;
 margin-left: 290px;
}


/*#footer ul
{
list-style-type:none;
margin:0;padding:0;
clear:both;
}

#footer ul li
{
float:left;
display:inline;
margin-left:55px;
height:15px;
}



#footer ul li a
{
display:block
}

home_footer (first line indent)
*/


/* Plain-text pages */

#bglogo
{
margin:0;padding:0;
width: 800px;
height: 600px;
background: url(../images/background.gif) no-repeat;
}

#bgplain
{
margin:0;padding:0;
width: 800px;
height: 600px;
background: url(../images/backgroundplain.gif) no-repeat;
}

#textarea
{
 width: 700px;
 height: 700px;
 margin:0 0 0 50px; padding:0;
 font-size: 12px;
 line-height: 120%;
}

#textarea h2 {color:#46476b;}
 
#textarea p{
/*text-indent: 10px*/
line-height: 150%;
}

#textarea ul li {
line-height: 150%;
}

table { 
border-width: 1px 1px 1px 1px;
border-spacing: 0;
border-color:#46476b;
width: 500px;
background-color: #7c93af;
}

table td {
padding: 0 0 0 10px;
color: #FFFFFF;
}

table tr:hover{
color: #FFF;
background-color: #9eb7d8;
}

.para {
margin: 0; padding: 0;
}


/*NEW HEADERS*/


#testheader{
margin: 0 auto; 
padding:0;
width:800px;
height:255px;
}


/*Style the forms*/

label 
{
 width: 12em;
 float: left;
 text-align:right;
 margin-right: 0.5em;
 display: block;
}

input 
{ 
margin: 0 0 4px 0; 
float:left;
}

legend 
{ 
font-weight: bold;
color: #FFFFFF;
margin: 0 0 4px 0;
display:block;
}

.submit { margin: 8px auto;}