#portfolio-bg {
background:url(images/portfolio-bg.jpg) no-repeat;
width:516px;
height:127px;
margin:0 0 0 47px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
line-height:20px;
}

#portfolio-bg a {
color:#990000;
}
#portfolio-bg  a:hover {
text-decoration:underline;
}


#portfolio-bg .colleft {
float:left;
width:200px;
margin: 8px 0 0 20px;
}

.browserIE #portfolio-bg .colleft {
margin: 8px 0 0 10px;
}

#portfolio-bg .colright {
float:left;
width:270px;
margin: 8px 0 0 10px;
}




#portfolio-client {
/*background:url(images/portfolio/dpenergy.jpg) no-repeat;*/
width:516px;
height:162px;
margin:0 0 0 47px;
}


#leftheadingimg h1 {
text-align:justify;
font-size:22px;
color:#c4344e;
}

#leftheadingimg {
float:left;
width:100%;
clear:both;
}

#leftheadingimg h3 {
text-align:left;
font-size:22px;
color:#c4344e;
}

img.floatLeft { 
	border:1px solid #eaeaea;
    float: left; 
    margin: 0 17px 10px 0; 
}


#servcie-process {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#535353;
text-align:justify;
width:275px;
line-height:1.4em;
margin-right:30px;
}

#servcie-process h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:2em;
letter-spacing:2px;
font-weight:bold;
color:#c4344e;
}

.browserIE #servcie-process h1 {
font-size:1.4em;
letter-spacing:2px;
font-weight:bold;

}

.browserIE #servcie-process {
font-size:0.7em;
}

/* Service Toggle */
h2.trigger {
	padding: 0 0 0 40px;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 28px;
	line-height: 28px;
	width: 650px;
	font-size: 0.9em;
	letter-spacing:1px;
	text-align:left;
	font-weight: normal;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	float: left;.
	color: #fff;
}

.browserIE h2.trigger {
font-size: 0.8em;
}
h2.trigger {
	color: #fff;
	text-decoration: none;
	display: block;
	cursor:pointer;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #EFEFEF;
	background: #fcfcfc;
	overflow: hidden;
	font-size: 0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:20px;
	width: 610px;
	clear: both;
}
.browserIE .toggle_container {
font-size: 0.7em;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	border-bottom: 1px solid #EFEFEF;

}
/* Service Toggle End */

/* Footer Navigation */
.footer-nav {
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 font-size:14px;
     list-style: none;  
     position: relative;  
     margin: auto;
	 padding-bottom:20px;
}

.footer-nav li {
    display: inline;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer; 
	padding: 0 20px;
}

.footer-nav a {
color:#FFFFFF;
}

.footer-nav a:hover {
color:#FF9900;
}

/* End Footer Navigation */
/* Navigation */
 .pixel-nav {  
     list-style: none;  
     position: relative;  
     margin: auto;  
     padding: 0; 
	 background-image:url(images/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .pixel-nav li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 140px;
	height: 40px;
	margin-right: 0px;
	background-image:url(images/pixel_sprite.jpg);
	background-repeat:no-repeat;
}
.pixel-nav a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#nav1 {
	background-position:0px 0px;
}
#nav2 {
	background-position:-200px 0px;
}
#nav3 {
	background-position:-400px 0px;
}
#nav4 { 
	background-position:-600px 0px;
}

#nav5 { 
	background-position:-800px 0px;
}

#nav1.active, #nav1:hover { 
	background-position: 0 bottom;
}
#nav2.active, #nav2:hover{
	background-position: -200px bottom;
}
#nav3.active, #nav3:hover {
	background-position: -400px bottom;
}
#nav4.active, #nav4:hover {
	background-position: -600px bottom; 
}

#nav5.active, #nav5:hover {
	background-position: -800px bottom; 
}

#nav1 a{
	background-repeat:no-repeat;
	background-position: left 0px;
}

#nav1 a:hover{
	background-position: left -80px;
}

#nav4 a{
	background-repeat:no-repeat;
	background-position: right -40px;
}
#nav4 a:hover{
	background-position: right -120px;
}

#nav5 a:hover{
	background-position: right -120px;
}
/* End Navigation*/



#copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E9E9E9;
position:relative;
clear:both;
letter-spacing:2px;
margin-bottom:20px;
}

#footer {
width:100%;
height:140px;
margin-top:30px;
}

#footerboximageimg  {
   float:left;
   clear:both;
   width: 171px;
   height: 107px;
   padding-bottom:8px;
}

div#footerbox #footerboxtitle p  {
   font: bold 12px/18px Arial;
   color:#FFFFFF;
   text-align: left;
   padding-bottom:5px;
}


#footerbox p  {
   float:left;
   clear:both;
   width: 171px;
   font: bold 11px/18px Arial;
   color:#939393;
   text-align: left;
}


#footerboxtitle  {
   width: 82px;
   float:left;
}

#footerbox {
float:left;
width:175px;
padding:10px;
}

#footerbg  {
	margin:0 auto;
/*   background: url(images/footerbox.gif) no-repeat;*/

   width: 878px;
   height: 200px;
   margin-top:30px;
   margin-bottom:20px;
}

#sliderightimg  {
   left: 1068px;
}

#footerboxtext  {
   width: 165px;
}

#footerpencil  {
float:left;
clear:both;
   background: url(images/footerpencil.jpg) no-repeat center;
   width: 915px;
   height: 69px;
   text-align:center;
   margin:25px 0 0 0;
   bottom:0;
}

#sliderightimg {
   position: absolute;
   float:left;
   z-index: 100;
   width: 30px;
   height: 30px;
   top:84px;
   left:888px;
}

#slideleftimg  {
   position: absolute;
   float:left;
   z-index: 100;
   width: 30px;
   height: 30px;
   top:84px;
   left:20px;
}

.browserIE #sliderightimg {
   position: absolute;
   float:left;
   z-index: 100;
   width: 30px;
   height: 30px;
   top:84px;
   left:849px;
}

.browserIE #slideleftimg  {
   position: absolute;
   float:left;
   z-index: 100;
   width: 30px;
   height: 30px;
   top:84px;
   left:14px;
}

#slidebg  {
	position:relative;
   background: url(images/slidebggraphic.png) no-repeat center;
   width: 940px;
   height: 187px;
   text-align:center;
   margin:10px 0 0 0;
}

.browserIE #slidebg  {
   background: url(images/slidebggraphic.png) no-repeat center;
   width: 940px;
   height: 187px;
   text-align:center;
   margin:10px 0 0 8px;
}

#rightcoltitleimg  {
/*   background: url(images/rightcoltitleimg.png) no-repeat;*/
   width: 223px;
   height: 19px;
   font-size:19px;
   margin:15px 10px 10px 16px;
   color:#c4344e;
}

#rightcolline  {
	float:left
	clear:both;
   background: url(images/rightcolline.png) no-repeat;
   width: 254px;
   height: 2px;
   margin:10px 0 0 0;
}

#rightcolbox  p {
padding:20px;
}

#rightcolbox  {
   float:left;
   background: url(images/leftcol-shadow.jpg) repeat-x #FFFFFF;
   border: 1px solid #cfcfcf;
   width: 256px;
   margin: 0 0 0 12px;
}


#leftheadingimg  {
   width: 395px;
   height: 22px;
   margin-bottom:10px;
}

#leftcol  {
   float:left;
   background: url(images/leftcol-shadow.jpg) repeat-x #FFFFFF;
   border: 1px solid #cfcfcf;
   width: 610px;
   overflow:hidden;
   margin: 18px 0 0 9px;
   padding:20px;
}

.browserIE #leftcol  {
   margin: 18px 0 0 4px;
}


div#contents p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:18px;
}

#contents {
   background: url(images/contentbg3.png) top center no-repeat;
   width: 940px;
/*   background-color:#f7f6f6;*/
   margin: 0 auto;
   text-align:center;
   overflow:hidden;
}



#contentbg  {
   background: url(images/contentbg2.png) repeat-x;
   background-color:#f7f6f6;
   width: 100%;
   text-align:center;
}

#wrapper  {
   width: 100%;
   margin:0px auto;
   text-align:center;
}

#nav  {
   background: url(images/navbg.png) repeat-x;
   margin:auto;
   height: 40px;
   width: 100%;
   margin:0 auto;
}

#logoimg  {
   position:relative;
   float:left;
   width: 333px;
   height: 70px;
   top:60px;
   left:230px;
}

#header  {
   position:relative;
   background: url(images/headerbg.jpg) no-repeat center;
   margin: 0 auto;
   width: 1300px;
   height: 191px;
   text-align:center;
}

body  {
   background: url(images/footer-bg.jpg) no-repeat bottom;
   background-color: #1d1d1d;
   text-align:center;
}