/* NEUTRALIZE STYLING: Elements we want to clean out entirely:*/
html, form, fieldset, div {
margin:0;
padding:0;
}
body {
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:62.5%;
margin:0;
padding:0;
background:url(../images/bg-body-2.gif) repeat-x top left #F9FAF5;
}
body#second {
background:url(../images/bg-body-2.png) repeat-x top left #F9FAF5;
}

blockquote, ul, ol, dl, address {
margin: 0;
padding:0;
color:#2b2a2a;
}
li, dd, blockquote {margin-left:1em;}
form label {cursor:pointer;}

img{border:0;}
	
/* 1. LINKS: Styling for all anchor tags
*/
a{color:#898989;}
a:hover, footer a:hover {color:#E8BF00;}
footer a {color:#4e4e4e;}
#sidebar-2 a{text-decoration:none; color:#505050;}
#sidebar-2 a:hover {text-decoration:underline; color:#FFD900;}

/* 2. TYPOGRAPHY: Headigs, Paragraphs, & misc. Font-styles
*/
#headline h1{
font-size:1.1em;
color:#595959;
padding:15px 0 10px 0;
margin:0;
}
#headline h2 {
font-size:20px;
margin:0 0 5px 0;
padding-bottom:8px;
}
h3 {font-size:15px;}
p, address {color:#33;}
p {font-size:1.4em; line-height:150%; margin:0;}
#footer p {font-size:1.0em;}
#secondary-content p {font-size:13px;}
p#portfolio-links {font-size:13px; font-weight:bold;}
address {font-style:normal;}
#headline h2 span {font-size:17px; font-weight:lighter;}
span#highlighter {
background-color:#faf4c8;
padding:0 2px;
font-style:italic;
}
#quotes p span {font-weight:bold;}
.dropcap {
float:left;
width:.7em;
font-family:Times New Roman, Times, Georgia, serif;
font-size:350%;
line-height:84%; /* Positions The drop Cap */
color:#e5c001;
}
#second .dropcap {
float:left;
width:.8em;
font-family:Times New Roman, Times, Georgia, serif;
font-size:350%;
line-height:84%; /* Positions The drop Cap */
color:#e5c001;
}
p#top-contact {
position:absolute;
top:65px;
right:30px;
font-size:14px;
font-weight:bold;
color:#333;
}
#top-contact span {	
background:url(../images/phone.gif) no-repeat bottom left;
position:absolute;
width:100%;
height:100%;
}

/* 3. Navigation: LISTS, IMAGES and MISC
*/
ul#navigation {
width:780px;
padding:70px 0 0 0;
margin:0 0 0 215px;
}
ul#navigation li {
font-size:1.3em;
list-style:none;
float:left;
}
ul#navigation li a {
color:#5F5F5F;
text-decoration:none;
margin-right:15px;
font-weight:lighter;
}
ul#navigation li a:hover, #navigation li#current a{
border-bottom:2px solid #E8BF00;
}
ul.e-bullet {margin:10px 0;}
#secondary-content li, ul.e-bullet li {
line-height:150%;
font-size:12px;
background:url(../images/bullet1.gif) no-repeat 0 .4em transparent;
padding-left:20px;
margin:0 0 0 7px;
list-style:none;
}
.img-l {
float:left;
margin:4px 10px 0 0;
padding:2px;
border:1px solid #ccc;}

/* 4. STRUCTURE: Header, Main, Footer
*/
#second #page_wrapper {
width:990px;
background:url(../images/sides-bg-2.gif) no-repeat top center #F9FAF5; 
margin:0 auto;
padding:0;
position:relative;
}
#content-container {
width:967px;
background:url(../images/content-bg.jpg) repeat-y top left #F9FAF5;
margin-left:10px;
position:relative;
}
#content-container2 {
width:967px;
background:#F9FAF5;
margin-left:10px;
position:relative;
}
.port-pg #content-container, .login-pg #content-container {background:#F9FAF5;}

#headline {
padding:0;
margin:0 0 0 15px;
background:#F9FAF5;
}
#main-content {
width:465px;
margin:0 0 0 15px;
padding:0 12px 10px 0;
background:#F9FAF5;
}
#home #secondary-content {
position:absolute;
top:437px;
}
#second #secondary-content {
width:270px;
padding:0 12px 0 12px;
background:#F9FAF5;
position:absolute;
top:60px;
left:493px;
}

#second #secondary-content2 {
width:430px;
padding:0 12px 0 12px;
background:#F9FAF5;
position:absolute;
top:45px;
left:493px;
}
#secondary-content h3{margin:14px 0 3px 9px;}
#secondary-content img{margin:0;}
#secondary-content p{margin-left:6px;}
#secondary-content2 h3{margin:0px 0 10px 0px;}
#secondary-content2 p {line-height:125%; margin-bottom:15px; font-size:12px;}
/* 5. Header Rules:*/
#header {
width:989px;
height:124px;
background-color:transparent;
position:relative;
}
#header img {
position:absolute;
top:10px;
left:30px;
}
#flash, #services, #contact, #rfp-header, #client, #edif-header, #portfo-header, #portfo-header2, #portfo-header3, #tech-header {
margin:0 0 0 8px;
padding-top:3px;
width:975px;
clear:left;
border:1px solid #B9B9B9;
border-left:none;
border-right:none;
}
#flash {
height:150px;
background:url(../images/mainheader.jpg) no-repeat top left transparent;
}

#services {
height:150px;
background:url(../images/services-headers.jpg) no-repeat top left transparent;
}
#contact {
height:150px;
background:url(../images/contactus.gif) no-repeat top left transparent;
}
#rfp-header {
height:150px;
background:url(../images/rfp-header.jpg) no-repeat top left transparent;
}
#tech-header {
height:150px;
background:url(../images/tech-header.jpg) no-repeat top left transparent;
}
/* TeEMP */
.five-pg #client {
height:150px;
background:url(../images/five.jpg) no-repeat top left transparent;
}
#client {
height:150px;
background:url(../images/client-login.jpg) no-repeat top left transparent;
}
#edif-header{
height:150px;
background:url(../images/team-headers2.jpg) no-repeat top left transparent;
}
#portfo-header{
height:150px;
background:url(../images/portfolio-header.jpg) no-repeat top left transparent;
}
#portfo-header2{
height:150px;
background:url(../images/portfolio-header2.jpg) no-repeat top left transparent;
}
#portfo-header3{
height:150px;
background:url(../images/portfolio-header3.jpg) no-repeat top left transparent;
}
/* 6. Sidebar Rules:
*/
#home #sidebar {
position:absolute;
top:435px;
left:820px;
}
#sidebar {
width:170px;
margin-right:0px;
background:#F9FAF5;
position:absolute;
top:60px;
left:800px;
}
#sidebar p {font-size:11px;}
#sidebar-2 {
width:300px;
float:right;
margin:40px 50px 0 0;
}
#sidebar-2 p {font-size:13px;}
#quotes {
padding-top:8px;
background:url(../images/quote-left.gif) no-repeat top left transparent;
margin:0;
}
#quotes p {
padding-left:24px;
margin:8px 0 0 0;
line-height:140%;
}

/*Contact Form Rules
*/
.right-column {
float:left;
width:500px;
margin:0px 0 10px 30px;
padding:0 30px 30px 30px;
color:#1D1D1D;
font-size:12px;
}
div.line{
clear:both;
height:1px;
background-color:transparent;
background-attachment:scroll;
margin:0 0 10px 0;
}
.right-column ul {
margin:0 0 10px 0;
padding:0;
}
.right-column .soft ul {padding:0 0 0 8px; }
.right-column ul li {
margin:0;
padding:0 0 0 13px;
list-style:none;
font-size:13px;
line-height:140%;
background:url(../images/bullet5.gif) no-repeat 0 4px;
}
.right-column ul li.h {
background:url(../images/bullet6.gif) no-repeat 0 6px;
text-transform:uppercase;
color:#999A00;
font-weight:bold;
font-size:82%;
}
.right-column h2 {
font:bold 15px "Trebuchet MS",arial,sans-serif;
color:#D0963F;
text-transform:uppercase;
margin:0 0 10px 0;
}
.right-column p {
font-size:12px;
margin:0 0 10px 0;
}
.right-column p.big {
font-size:82%;
color:#555337;
padding-right: 10px;
}
.right-column p a {color:#878358;}
.right-column p.big a {color:#555337;}
.right-column a {border-bottom:1px dashed #878358;}
.right-column a:hover {
color:#369 !important;
border-bottom:1px dashed #369;
}
.rfp {
width:500px;
margin:20px 0;
padding:10px 0 10px 35px;
background:url(../images/contact-bg.gif) no-repeat top left #D8D8D8;
}
#rfp td{
padding:5px;
}
#rfp .tdline, #rfp1 .tdline, #rfp2 .tdline{
padding-top:5px;
border-bottom:1px solid #cccccc;
}
.rfp1 {
margin:10px 0;
padding:60px 15px 15px 15px;
background:url(../images/contact-bg-main.gif) no-repeat top left #E3E4DD;
}
#rfp1 td, #rfp2 td{
padding:5px;
}
.rfp2 {
width:500px;
padding:70px 0 10px 35px;
background:url(../images/contact1.jpg) no-repeat top left #E3E4DD;
}
.required {color: CD9700;}
input {vertical-align: middle;}
.fieldcell input {
width:200px;
background-color:#fff;
color:#3c3e12;
border:1px solid #B9B9B9;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:11px;
height:20px;
margin:0;
padding:0;
}
textarea {
background-color:#fff;
color:#3c3e12;
width:300px;
border:1px solid #B9B9B9;
height:80px;
font-family:Tahoma;
font-size: 11px;
}
select {
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
}

/* Portfilio:
*/
#portfolio_container{
width:100%;
padding:0 0 0 15px;
color:#38;
}
.portfolio{
border-bottom:1px solid #BFBFBF;
height:250px;
margin-bottom:18px;
}
.portfolio a{
color:#383838;
font-weight:bold;
}
.portfolio1 a{
color:#383838;
font-weight:bold;
}
a.on, a:hover.on {color:black;font-weight:bold; text-decoration:none;}
#port-img{
float:left;
display:inline;
}
#port-img img{
border:1px solid #A8A8A8;
padding:10px;
}
#port-desc{
margin:0 19px 0 0;
padding-right:10px;
width:560px;
float:right;
display:inline;
font-size:.9em;
}
#port-desc a:hover{color:#FFD900;}
.port_title{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:25px;
font-weight: bold;
color:#000;
margin:0 15px 20px 0;
}

/* Client Login Area
*/
table.client {
width:230px;
height:110px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
border:0px;
}

/* Footer
*/
#footer {
clear:both;
height:150px;
margin:0 auto;
padding:5px 0;
background:#e2e4d3;
border-top:1px solid #c1c1c0;
}
#footerwrap {
padding-left:60px;
font-size:11px;
}
#footerwrap address {
float:left;
margin:15px 0 0 0;
}
#footerwrap address a {color:#333;}
#footerwrap address a:hover {color:#D4B800;}
p#copyright {float:right;margin:11px 36px 0 0;padding:0;}