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


/* Original Author: Jay Horne - Data Torque 2008 */
/* Last Modified by: Jay Horne - Data Torque 2008 */		
/*  

CONTENTS ---------------------------------------

*01: Reset
*02: Default Styles	

*/

/*****01:Reset ----------------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0; border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
textarea {line-height:1.25;} 
label {cursor:pointer;}
form {margin:0;padding:0;}
blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}



/*****02:Global Style ----------------------------------------------------------------------------------------*/



body {
	color: #FFFFFF;
	font-size: 100%;
	background-color: #999;
	font-family: Verdana, Helvetica, sans-serif;
}

p, ul, ol{font-size: 11px; }
p  { margin-bottom: 1em; }
a, a:link { color: #034879; }
a:hover, a:active { color: #a3d502; text-decoration: none; }
ul li {
	list-style: disc;
	margin-left: 1.3em;
}

h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 1em; }
h2{color:#333; margin:0 0 6px 0;}




.accessibility {margin-left:-9999px; display:none;}

.clearance{clear:both; height:20px;}
/*****02:Top Styles -------------------------------------------------------------------------------*/

#top_wrap{visibility:hidden; display:none;}
#top_content{width: 800px; margin-right: auto; margin-left: auto;}






/*****03:Header Styles -------------------------------------------------------------------------------*/
#header_wrap{
	float: left;
	width: 100%;
	height: 75px;
}
#header_content{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 75px;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(header_bg.jpg);
	
}
#header_logo{
	float: left;
	height: 75px;
	width: 250px;
}

#header_menu{
	float: left;
	height: 75px;
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;	
} 

 
.header_image{
	position:relative;
	width:800px;
	height:378px;
	overflow:hidden;
	
}

#header_menu ul{font-size:110%;}


/*****04:Homepage AJAX-------------------------------------------------------------------------------*/    

#banner_wrap{float:left; width: 100%;}
#banner_content{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background:url(main_bg.jpg) top left repeat-x;	
	background-repeat: repeat-x;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #666666;
	
}

.image-intro{width:250px; position:absolute; top:40px; left:20px; color:#FFFFFF;  }
.image-intro p{font-size:90%; line-height:21px; }
.image-intro p img{margin: 20px 5px 5px 50px;}
.image-intro p small{font-size:60%; }
em.bqstart {
     float: left;
     height: 35px;
     margin-top: -20px;
     padding: 45px 10px 10px 0;	 
     margin-bottom: -50px;
     font-size: 700%;
     color: #4D4D4D;
 }

em.bqend {
     float: left;
     height: 25px;
     float: right;
     padding: 35px 0 0 10px;
     font-size: 700%;
     color: #4D4D4D;
 }
 
 
.sec-intro{width:350px; position:absolute; top:140px; left:31px; color:#FFFFFF;  }
.sec-intro p{font-size:90%; line-height:21px; }
.sec-intro p img{margin: 20px 5px 5px 50px;}
.sec-intro p small{font-size:60%; }

span#next a{


background:url(buttonright_off.gif);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:230px;

}

span#prev a{

background:url(buttonleft_off.gif);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:18px;
}

span#next a:hover{


background:url(buttonright.gif);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:230px;

}

span#prev a:hover{

background:url(buttonleft.gif);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:18px;
}

#panel-cs span#next_small a{


background:url(buttonright_off.gif);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:230px;

}

#panel-cs span#prev_small a{

background:url(buttonleft_off.gif);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:15px;
}

#panel-cs span#next_small a:hover{


background:url(buttonright.png);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:204px;

}

#panel-cs span#prev_small a:hover{

background:url(buttonleft.png);
width:21px;
height:21px;
z-index:5;
position:absolute;
bottom:19px;
left:15px;
}




/*****04:Javascript based Panels-------------------------------------------------------------------------------*/   

.banner-controls-slideshow
{
list-style: none;
margin: 0;
padding: 0;
display:inline;
position:absolute;
top:300px;
left:0px;
z-index:60;
color:#FFF;
}


.banner-controls-slideshow li
{
padding:0; margin:0; display:inline;
}

#box2 .buttons{display:none;}
.buttons span a{color:#0080FF;cursor:pointer; width:21px; height:21px;}
.buttons span.active, .buttons span:hover{background-color:#0080FF; color:#fff;}



#box2{
	position:relative;
	z-index:0;
	float:left;
	
	

	
	
}
#box2 span{
	display:block;
	float:left;
	position:relative;
}

.mask2{
	position:relative;
	width:800px;
	height:250px;
	overflow:hidden;
	
}

#box2_small{
	position:relative;
}
#box2_small span{
	display:block;
	float:left;
}

.mask2_small{
	position:relative;
	width:245px;
	height:167px;
	overflow:hidden;
	background-image:url(mask2_bg.jpg) repeat-y;
	margin-left:-10px;
	
	
}
#panel-cs .buttons{position:relative; z-index:10}
#panel-cs .buttons span a{position:absolute; top:40px; left:20px;color:#0080FF;cursor:pointer; width:21px; height:21px; z-index:30;}
#panel-cs .buttons_small span.active, #panel-cs span:hover{background-color:#0080FF; color:#fff;}
#panel-cs p{position:absolute; font: bold 70% Arial, Helvetica, sans-serif; color:#FFF; left:57px; top:126px; z-index:30;}




/*****04:Panels-------------------------------------------------------------------------------*/ 

.allpanels{ width:800px; }



#panel-cs{position: relative; width:232px; height:252px; margin:0 20px 0 0;  float:left; padding:10px; background: url(panel_generic.jpg) top left no-repeat; }
#panel-cs h2{ font: 120% Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 5px 0;}
#panel-cs h3{ font: 90% Arial, Helvetica, sans-serif; font-weight:bold;  color:#999; margin:0 0 14px 0;}

#panel-zeus{position: relative; width:232px; height:252px; margin:0 20px 0 0;  float:left; padding:10px; background: url(panel_zeussprt.jpg) top left no-repeat; }
#panel-zeus h2{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 5px 0;}
#panel-zeus h3{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#999; margin:0 0 14px 0;}


#panel-solutions{position: relative; height: 252px; width:232px; margin:0 20px 0 0;  float:left; padding:10px; background: url(panel_generic.jpg) top left no-repeat; }
#panel-solutions h2{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 5px 0;}
#panel-solutions h3{ font: 90% Arial, Helvetica, sans-serif; font-weight:bold;  color:#999; margin:0 0 20px 0;}

#panel-getintouch{position: relative; height: 252px; width:230px; margin:0;  float:left; padding:10px; background: url(panel_getintouch.jpg) top left no-repeat; }
#panel-getintouch h2{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 5px 0;}
#panel-getintouch h3{ font: 90% Arial, Helvetica, sans-serif; font-weight:bold;  color:#B1B1B1; margin:0 0 20px 0; }

#panel-rms{position: relative; height: 252px; width:232px; margin:0 20px 0 0;  float:left; padding:10px; background: url(panel_rms.jpg) top left no-repeat; }
#panel-rms h2{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 5px 0;}
#panel-rms h3{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#999; margin:0 0 20px 0;}

#panel-contact{position: relative; height: 252px; width:230px; margin:0;  float:left; padding:10px; background: url(panel_generic.jpg) top left no-repeat; }
#panel-contact h2{ font: 18px Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 5px 0;}
#panel-contact h3{ font: 90% Arial, Helvetica, sans-serif; font-weight:bold;  color:#B1B1B1; margin:0 0 20px 0; }


.banner-controls-small li{padding:0; margin:0; display:inline;}


#panel-solutions ul.services li a, ul.services li a:link, ul.services li a:active, ul.services li a:visited{font-size:140%; text-transform:capitalize; color:#FFF; font-weight:bold; text-decoration:none; line-height:24px; text-transform:uppercase;}
#panel-solutions ul.services li a:hover{font-size:140%; text-transform:capitalize; color:#a0d403; font-weight:bold; text-decoration:none; line-height:24px; text-transform:uppercase;}
#panel-contact a, #panel3 a:link, #panel3 a:active, #panel3 a:visited{color:#FFF;}
#panel-contact a:hover{color:#a0d403;}








/*****All Small Button Rollovers site wide ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 

li.ourwork a, li.ourwork a:link, li.ourwork a:active
{ background:url(btn_ourwork.png) top left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }
li.ourwork a:hover
{ background:url(btn_ourwork.png) bottom left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }

li.solutions a, li.solutions a:link, li.solutions a:active
{ background:url(btn_solutions.png) top left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }
li.solutions a:hover
{ background:url(btn_solutions.png) bottom left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }

/* Contact panel button*/
#panel-contact #button {  width: 180px;  height: 22px;  margin:0;  padding: 0;  border:0;  background: transparent url(btn_getintouch.gif) no-repeat center top;  text-indent: -1000em;  position:absolute;  bottom:-35px;
  left:-35px;  cursor: pointer; /* hand-shaped cursor */  cursor: hand; /* for IE 5.x */
}

li.contact a, li.contact a:link, li.contact a:active
{ background:url(btn_getintouch.gif) top left no-repeat; width:180px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }
li.contact a:hover
{ background:url(btn_getintouch.gif) bottom left no-repeat; width:180px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }

ul.viewsite{border:none; margin:16px 0 15px 58px; }	
li.viewsite a, li.viewsite a:link, li.viewsite a:active
{ background:url(btn_viewsite.png) top left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px;  }
li.viewsite a:hover
{ background:url(btn_viewsite.png) bottom left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px;  }

li.readmore a, li.readmore a:link, li.readmore a:active
{ background:url(btn_readmore.png) top left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px;  }
li.readmore a:hover{ background:url(btn_readmore.png) bottom left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px;  }

li.readmore2 a, li.readmore2 a:link, li.readmore2 a:active
{ background:url(btn_readmore.png) top left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }
li.readmore2 a:hover
{ background:url(btn_readmore.png) bottom left no-repeat; width:104px; height:22px; margin:0; float:left; text-indent:-9999px; position:absolute; bottom:35px; left:9px;  }
 
li.portfolio a, li.portfolio a:link, li.portfolio a:active
{
 background:url(btn_showall.png) top left no-repeat; width:104px; height:22px; margin:0 0 0 25px; float:left; text-indent:-9999px;  }
li.portfolio a:hover{ background:url(btn_showall.png) bottom left no-repeat; width:104px; height:22px; margin:0 0 0 25px; float:left; text-indent:-9999px;  }

li.video a, li.video a:link, li.video a:active
{
 background:url(btn_video.png) top left no-repeat; width:104px; height:22px; margin:0 0 0 25px; float:left; text-indent:-9999px;  }
li.video a:hover{ background:url(btn_video.png) bottom left no-repeat; width:104px; height:22px; margin:0 0 0 25px; float:left; text-indent:-9999px;  }











/* Contact panel in Footer*/

#panel-contact #search {
	margin:0;
	
	
}
#panel-contact #search form {
	padding: -15px 0px 0px 8px;
	font-size: 80%;
	margin:0;
	
}

#panel-contact fieldset{ margin:0;}
#panel-contact #search form input.getintouch {
	width: 195px;	
	margin-bottom: 5px;
	padding: 4px 0 0 4px;
	font-size: 80%;
	color: #333333;
	border:none;
	background-color:transparent;	
	text-transform:uppercase;
	display:inline;
	
	
}


#panel-contact #search form label {
	padding: 0px !important;
	float: left;
	margin: 0 0 3px 0;
	height: 26px;
	background: url(input_name_focus2.png) top left no-repeat;
}



#panel-contact #search form label span
{
display:none;}


#panel-contact #button {
	width: 180px;
	height: 22px;
	margin:0;
	padding: 0;
	border: 0;
	background: transparent url(btn_getintouch.gif) no-repeat center top;
	text-indent: -1000em;
	position:absolute;
	top:214px;
	left:0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


/*****05:Sub Menu Navigation -------------------------------------------------------------------------------*/

.sec_left{width: 216px; padding:0px 0 30px 0; float:left;  margin:0; }
.sec_left ul {
margin: 0 0 20px 0;
list-style-type: none;
padding:0;
font-size:100%;


}



.sec_left h2{font-size: 140%; margin:0px 0 0 16px; color:#FFF;}
	
.sec_left .thumb{width:216px; border-top: 1px solid #de2d2a; margin:0;}
.sec_left .thumb img{ margin:16px 0 15px 38px;}

.sec_left h3{color:#FFF; font-weight:bold; padding: 0; margin: 0 0 12px 0; height: 15px; margin-left:17px; font-family: Arial, Helvetica, sans-serif;
	background-position: left bottom;
	background-repeat: no-repeat; }




.sec_left li {

list-style: none;
font-family: Verdana, Helvetica, sans-serif;
font-size:10px;
margin: 0 0 0 20px;
padding: 0 5px 0 17px;
font-size:11px;
background:url(cs_arrow.gif) 0px 5px no-repeat;
line-height: 160%;
}
.sec_left li a, .sec_left li a:visited, .sec_left li a:active, .sec_left li a.link { 
color:#FFF;
text-decoration: none;
}

.sec_left li a:hover { 
text-decoration: none;
}



.sec_left h3.services {background: bottom left no-repeat; }
.sec_left h3.technical {background: bottom left no-repeat; }

ul li.Level1, ul li.Level1Selected{background:url(nav_divider_lrg.gif) bottom left no-repeat; padding-bottom:5px; }

.Level1 a:link, .Level1 a:active, .Level1 a:visited,
.Level1 a {	color: #000;	display: block;	text-decoration: none;	margin: 0 0 0 20px; padding: 8px 0 5px 0; font-size:80%;  }
.Level1 a:hover {	color: #c47472; display: block;	text-decoration: none;	margin: 0 0 0 20px;	padding: 8px 0 5px 0; font-size:80%; }
.Level1Selected a:link, .Level1Selected a:active, .Level1Selected a:visited, .Level1Selected a{	color: #000;	display: block;	text-decoration: none;	margin: 0 0 0 20px; padding: 8px 0 5px 0; font-weight:bold; font-size:80%; }

.sec_left #casestudy-nav .Level1Selected a{font-weight:bold;}

.Level2 a:link, .Level2 a:active, .Level2 a:visited,
.Level2 a{	color: #000;	display: block;	text-decoration: none;	margin: 0 0 0 20px; padding: 2px 0 4px 19px; background: url(list_arrow_black.gif) 5px 6px no-repeat; font-weight:normal; }
.Level2Selected a:link, .Level2Selected a:active, .Level2Selected a:visited, .Level2Selected a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 19px; margin: 0 0 0 20px; background: url(list_arrow_black.gif) 5px 6px no-repeat; font-weight:normal; }	
.Level2 a:hover {	color: #c47472; display: block;	text-decoration: none;	padding: 2px 0 4px 19px; margin: 0 0 0 20px; background: url(list_arrow_black.gif) 5px 6px no-repeat; font-weight:normal; }

.Level3 a:link, .Level3 a:active, .Level3 a:visited,
.Level3 a{	color: #000;	display: block;	text-decoration: none;	margin: 0 0 0 20px; padding: 2px 0 4px 24px; background: url(list_arrow_black.gif) 10px 6px no-repeat; font-weight:normal;}
.Level3Selected a:link, .Level3Selected a:active, .Level3Selected a:visited, .Level3Selected a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 24px; 	margin: 0 0 0 20px; background: url(list_arrow_black.gif) 10px 6px no-repeat; font-weight:normal;}
.Level3 a:hover {	color: #c47472; display: block;	text-decoration: none;	padding: 2px 0 4px 24px; 	margin: 0 0 0 20px; background: url(list_arrow_black.gif) 10 6px no-repeat; font-weight:normal;}

.Level4 a:link, .Level4 a:active, .Level4 a:visited,
.Level4 a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 29px;	margin: 0 0 0 20px; background: url(list_arrow_black.gif) 15px 6px no-repeat;	font-weight:normal;}
.Level4Selected a:link, .Level4Selected a:active, .Level4Selected a:visited, .Level4Selected a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 29px;	margin: 0 0 0 20px;	background: url(list_arrow_black.gif) 15 6px no-repeat; font-weight:normal;}
.Level4 a:hover {	color: #c47472; display: block;	text-decoration: none;	padding: 2px 0 4px 29px;	margin: 0 0 0 20px;	background: url(list_arrow_black.gif) 15 6px no-repeat; font-weight:normal;}

.Level5 a:link, .Level5 a:active, .Level5 a:visited,
.Level5 a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 34px;	margin: 0 0 0 20px; background: url(list_arrow_black.gif) 20px 6px no-repeat; font-weight:normal;}
.Level5Selected a:link, .Level5Selected a:active, .Level5Selected a:visited, .Level5Selected a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 34px;	margin: 0 0 0 20px;	background: url(list_arrow_black.gif) 20px 6px no-repeat; font-weight:normal;	}
.Level5 a:hover {	color: #c47472; padding: 2px 0 4px 34px;	margin: 0 0 0 20px;	background: url(list_arrow_black.gif) 20px 6px no-repeat; font-weight:normal;}

.Level6 a:link, .Level6 a:active, .Level6 a:visited,
.Level6 a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 39px;	margin: 0 0 0 20px; background: url(list_arrow_black.gif) 25px 6px no-repeat; font-weight:normal;}
.Level6Selected a:link, .Level6Selected a:active, .Level6Selected a:visited, .Level6Selected a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 39px;	margin: 0 0 0 20px;	background: url(list_arrow_black.gif) 25px 6px no-repeat; font-weight:normal;	}
.Level6 a:hover {	color: #c47472; padding: 2px 0 4px 39px;	margin: 0 0 0 20px;	background: url(list_arrow_black.gif) 25px 6px no-repeat; font-weight:normal;}




/*****04:Divider Styles ---------------------------------------------------------------------------------------------------------------------------------------------------------------*/    

#divider_wrap{float: left;width: 100%;}
#divider_content{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	background-image: url(banner_shadow.jpg);
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #666666;
	background-position: center top;
}






/*****05:Content Styles - Includes Case Study Pages -----------------------------------------------------------------------------------------------------------------------*/

#content_wrap{float: left; width:100%;}
#content_content{
	width: 800px;
	margin: 0 auto;
	padding:0 0px;
	background-color:#666;
 
	
	
	
}

#content_panels_top{
	background-image: url(panel_top_bg.jpg);
	background-repeat: no-repeat;
}

#content_panels_bottom{
	background-image: url(panel_bottom_bg.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 800px;
	clear: both;
}

#content_panels_bottom2{
	background-image: url(panel_bottom_bg2.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 800px;
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#sec_panels_top{
	background-image: url(solutions_head.jpg);
	background-repeat: no-repeat;
	height:20px;
}

#sec_panels_bottom{
	background-image: url(solutions_bottom.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 800px;
	clear: both;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/*****Case Study Page Columns---------------*/

#sec_wrap{width:100%; float:left;}
.content_fix{background-color:#FFF; width:860px; padding:0; margin:0 auto; }
.cs_content { width:860px;  margin:0 auto;  padding:0; background:url(main_cs_bg.gif) repeat-y; background-color:#FFF;}
.cs_head { width:860px; height:7px; background:url(cs_head.jpg) 30px 0 no-repeat; display:block;}

.cs_column1{width:530px; padding:0px 25px 30px 25px; float:left; margin:0; color:#333;}



.cs_column2{width:250px; padding:0px 12px 30px 25px; float:left; margin:0; color:#333;} 

.cs_column1 h2{color:#333; font-weight:bold; padding: 0; margin: 0 0 12px 0; font-size: 21px; font-family: Arial, Helvetica, sans-serif;}

.cs_video {float: right; width: 240px; padding: 0px 0px 0px 20px;}

.player_text {font-size: 9px; color: #000; width: 240px;}

#casestudy-main{width: 580px; float: left; line-height: 110%;}



/*****Secondary Page Specific - Portfolio Panels and Company Panels---------------*/


.sec_content { width:800px; border-right:30px solid #666; border-left:30px solid #666; margin:0 auto;  padding:0; background: url(sec_nav_bg.jpg) left bottom no-repeat; background-color:#FFF;}
#sec_panels_top{
	background-image: url(solutions_head.jpg);
	background-repeat: no-repeat;
	height:20px;
}

.sec_column_wide{width:530px; padding:20px 0 30px 25px; float:left; margin:0; color:#333;}
.nav_divider{margin:10px 0; height:2px; background:url(nav_divider.gif) repeat-x; }


.port_content { width:800px; border-right:30px solid #666; border-left:30px solid #666; margin:0 auto;  padding:0; background-color:#666; }
#port_panels_top{
	background-image: url(port_head.jpg);
	background-repeat: no-repeat;
	height:24px;
}

.panel_cafe{width:251px; height:251px; background:url(port_cafe.jpg) top left no-repeat;  padding:0; margin:0 24px 15px 0; float:left;}
.panel_cubiks{width:251px; height:251px; background:url(port_cubiks.jpg) top left no-repeat;  padding:0; margin:0 23px 15px 0; float:left;}
.panel_nzoc{width:251px; height:251px; background:url(port_nzoc.jpg) top left no-repeat;  padding:0; margin:0 0 15px 0; float:left;}

.panel_cafe a, .panel_cubiks a, .panel_nzoc a{width:251px; height:251px; text-indent:-9999px; display:block;}
#leftpanel_wrap{width:275px; float:left; margin:0; padding:0; }
.panel_ourwork{width:211px; height:305px; background:url(panel_ourwork.jpg) top left no-repeat;  padding:20px; margin:0 0 15px 0; float:left;}
.panel_ourwork_pro{width:211px; height:382px; background:url(panel_ourwork_pro.jpg) top left no-repeat;  padding:20px; margin:0 0 15px 0; float:left;}
.panel_ourwork h2{ font: 120% Arial, Helvetica, sans-serif; font-weight:bold;  color:#FFF; margin:0 0 9px 0;}
.panel_ourwork img.sun{float:right; margin:-44px 0 0 0;}

.panel_logo_wrap{width:525px; margin:0 0 0 20px; padding:0; float:left; }
.panel_photo_wrap{width:525px; margin:0; padding:0 0 20px 0; float:left; }
.panel_dol{width:165px; height:165px; background:url(port_dol.jpg) top left no-repeat;  padding:0; margin:0 15px 15px 0; float:left;}
.panel_snow{width:165px; height:165px; background:url(port_snow.jpg) top left no-repeat;  padding:0; margin:0 15px 15px 0; float:left;}
.panel_tonga{width:165px; height:165px; background:url(port_tonga.jpg) top left no-repeat;  padding:0; margin:0; float:left;}

.panel_forex{width:165px; height:165px; background:url(port_forex.jpg) top left no-repeat;  padding:0; margin:0 15px 0 0; float:left;}
.panel_hvdhb{width:165px; height:165px; background:url(port_hvdhb.jpg) top left no-repeat;  padding:0; margin:0 15px 0 0; float:left;}
.panel_tongamof{width:165px; height:165px; background:url(port_tong_mof.jpg) top left no-repeat;  padding:0; margin:0; float:left;}

.panel_dol a, .panel_snow a, .panel_tonga a, .panel_forex a, .panel_hvdhb a, .panel_tongamof a{width:165px; height:165px; text-indent:-9999px; display:block;}



.small_logos{ border-top:1px solid #CCC; margin:10px 0 40px 0; padding:10px 0; width:800px; float:left; display:block;}


.logobox{width:183px; height:80px; border:1px solid #CCC; float:left; background-color:#00CC66; margin:0 20px 10px 0;}
.logoboxend{width:183px; height:80px; border:1px solid #CCC; float:left; background-color:#00CC66; margin:0 0 10px 0;}

.logobox a, .logoboxend a{width:183px; height:80px; text-indent:-9999px; display:block; }


#panel_comp1{float:left; padding:0; margin:0 23px 15px 0;}
#panel_comp1 li{list-style:none;margin:0;}
#panel_comp1 ul li a {	margin:0;	padding:0;}
#panel_comp1 ul li a, #panel_comp1 ul li a:link, panel_comp1 ul li a:visited { display: block; width: 251px;	height:141px; color: #000; text-decoration: none; background: url(panel_comp1.jpg) no-repeat left top; text-indent: -9999px;}
#panel_comp1 ul li a:hover { background-position: left bottom; color: #fff;}

#panel_comp2{float:left; padding:0; margin:0 23px 15px 0;}
#panel_comp2 li{list-style:none;margin:0;}
#panel_comp2 ul li a {	margin:0;	padding:0;}
#panel_comp2 ul li a, #panel_comp2 ul li a:link, panel_comp1 ul li a:visited { display: block; width: 251px;	height:141px; color: #000; text-decoration: none; background: url(panel_comp2.jpg) no-repeat left top; text-indent: -9999px;}
#panel_comp2 ul li a:hover { background-position: left bottom; color: #fff;}

#panel_comp3{float:left; padding:0; margin:0 0 15px 0;}
#panel_comp3 li{list-style:none;margin:0;}
#panel_comp3 ul li a {	margin:0;	padding:0;}
#panel_comp3 ul li a, #panel_comp3 ul li a:link, panel_comp1 ul li a:visited { display: block; width: 251px;	height:141px; color: #000; text-decoration: none; background: url(panel_comp3.jpg) no-repeat left top; text-indent: -9999px;}
#panel_comp3 ul li a:hover { background-position: left bottom; color: #fff;}


.panel_profile{position:relative; width: 520px; height:783px; margin:0 0 20px 0; padding: 0 5px 0 0; background: #CCC url(profile_bg.jpg) top left no-repeat; float:left;}

.panel_profile h2{color:#FFF; margin:15px 0 0 15px; float:left; font-size:110%;}

.profilecontrols{width:295px; height:37px; float:right; padding:15px 0 0 0; }

.profilecontrols a{width:90px; height:21px; display:block; float:left;}
.profilecontrols a.nextbut{width:90px; height:21px; display:block; float:left; background: url(next.gif) top left no-repeat;}
.profilecontrols a:hover.nextbut {width:90px; height:21px; display:block; float:left; background: url(next_roll.gif) top left no-repeat;}

.profilecontrols a.allbut{width:90px; height:21px; display:block; float:left; background: url(all.gif) top left no-repeat; margin:0 5px;}
.profilecontrols a:hover.allbut {width:90px; height:21px; display:block; float:left; background: url(all_roll.gif) top left no-repeat; margin:0 5px;}

.profilecontrols a.prevbut{width:90px; height:21px; display:block; float:left; background: url(previous.gif) top left no-repeat;}
.profilecontrols a:hover.prevbut {width:90px; height:21px; display:block; float:left; background: url(previous_roll.gif) top left no-repeat;}

.panel_profile .column_a{width:261px; padding:0 15px; float:left; margin:38px 0 0 0; color:#000;}
.panel_profile .column_b{width:229px; padding:0; float:left; margin:0; color:#000;}
.panel_profile .column_b img{float:right; margin:0 0 15px 0; padding:0; width:229px; height:259px;}
.column_b h5{margin:0 0 15px 15px;}

.panel_profile .column_b ul{margin:0 0 0 15px;}
.panel_profile .column_b li{list-style-image:url(list_arrow_black.gif); margin-bottom:5px; margin-top:5px; }
.pro_line{background:url(pro_seperator.gif) top left repeat-x; height:2px; width:229px; margin: 20px 0;}





.bottomcontrols{position:absolute; width:515px; height:37px; bottom:5px; left:0; }

.bottomcontrols a{width:90px; height:21px; display:block; float:left;}
.bottomcontrols a.nextbut{width:90px; height:21px; display:block; float:right; background: url(bott_next.gif) top left no-repeat;}
.bottomcontrols a:hover.nextbut {width:90px; height:21px; display:block; float:right; background: url(bott_next_roll.gif) top left no-repeat;}

.bottomcontrols a.allbut{width:90px; height:21px; display:block; float:left; background: url(bott_all.gif) top left no-repeat; margin:0 5px 0 110px;}
.bottomcontrols a:hover.allbut {width:90px; height:21px; display:block; float:left; background: url(bott_all_roll.gif) top left no-repeat; margin:0 5px 0 110px;}

.bottomcontrols a.prevbut{width:90px; height:21px; display:block; float:left; background: url(bott_previous.gif) top left no-repeat; margin-left:21px;}
.bottomcontrols a:hover.prevbut {width:90px; height:21px; display:block; float:left; background: url(bott_previous_roll.gif) top left no-repeat; margin-left:21px;}

#prolist a:link, #prolist a:active,  #prolist a:visited,
#prolist a{	color: #000;	display: block;	text-decoration: none;	margin: 0 0 0 20px; padding: 2px 0 4px 19px; background: url(list_arrow_black.gif) 5px 6px no-repeat; font-weight:normal; }
#prolist a:link, #prolist a:active, #prolist a:visited, #prolist a{	color: #000;	display: block;	text-decoration: none;	padding: 2px 0 4px 19px; margin: 0 0 0 20px; background: url(list_arrow_black.gif) 5px 6px no-repeat; font-weight:normal; }	
#prolist a:hover {	color: #c47472; display: block;	text-decoration: none;	padding: 2px 0 4px 19px; margin: 0 0 0 20px; background: url(list_arrow_black.gif) 5px 6px no-repeat; font-weight:normal; }


.seperator{height:20px; background-color:#666; width:860px; margin:0 auto; clear:both;}


/*****Company photos -------------------------------------------------------------------------------*/
.photo{float:left; width:121px; height:120px; margin:0 10px 5px 0;}
.photo a{width:121px; height:120px; display:block; float:left;}
.photo a.p1{width:121px; height:120px; display:block; float:left; background: url(photo1.jpg) top left no-repeat;}
.photo a:hover.p1 {width:121px; height:120px; display:block; float:left; background: url(photo1_roll.jpg) top left no-repeat;}
.photo a.p2{width:121px; height:120px; display:block; float:left; background: url(photo2.jpg) top left no-repeat;}
.photo a:hover.p2 {width:121px; height:120px; display:block; float:left; background: url(photo2_roll.jpg) top left no-repeat;}
.photo a.p3{width:121px; height:120px; display:block; float:left; background: url(photo3.jpg) top left no-repeat;}
.photo a:hover.p3 {width:121px; height:120px; display:block; float:left; background: url(photo3_roll.jpg) top left no-repeat;}
.photo a.p4{width:121px; height:120px; display:block; float:left; background: url(photo4.jpg) top left no-repeat;}
.photo a:hover.p4 {width:121px; height:120px; display:block; float:left; background: url(photo4_roll.jpg) top left no-repeat;}
.photo a.p5{width:121px; height:120px; display:block; float:left; background: url(photo5.jpg) top left no-repeat;}
.photo a:hover.p5 {width:121px; height:120px; display:block; float:left; background: url(photo5_roll.jpg) top left no-repeat;}
.photo a.p6{width:121px; height:120px; display:block; float:left; background: url(photo6.jpg) top left no-repeat;}
.photo a:hover.p6 {width:121px; height:120px; display:block; float:left; background: url(photo6_roll.jpg) top left no-repeat;}
.photo a.p7{width:121px; height:120px; display:block; float:left; background: url(photo7.jpg) top left no-repeat;}
.photo a:hover.p7 {width:121px; height:120px; display:block; float:left; background: url(photo7_roll.jpg) top left no-repeat;}
.photo a.p8{width:121px; height:120px; display:block; float:left; background: url(photo8.jpg) top left no-repeat;}
.photo a:hover.p8 {width:121px; height:120px; display:block; float:left; background: url(photo8_roll.jpg) top left no-repeat;}
.photo a.p9{width:121px; height:120px; display:block; float:left; background: url(photo9.jpg) top left no-repeat;}
.photo a:hover.p9 {width:121px; height:120px; display:block; float:left; background: url(photo9_roll.jpg) top left no-repeat;}
.photo a.p10{width:121px; height:120px; display:block; float:left; background: url(photo10.jpg) top left no-repeat;}
.photo a:hover.p10 {width:121px; height:120px; display:block; float:left; background: url(photo10_roll.jpg) top left no-repeat;}
.photo a.p11{width:121px; height:120px; display:block; float:left; background: url(photo11.jpg) top left no-repeat;}
.photo a:hover.p11 {width:121px; height:120px; display:block; float:left; background: url(photo11_roll.jpg) top left no-repeat;}
.photo a.p12{width:121px; height:120px; display:block; float:left; background: url(photo12.jpg) top left no-repeat;}
.photo a:hover.p12 {width:121px; height:120px; display:block; float:left; background: url(photo12_roll.jpg) top left no-repeat;}
.photo a.p13{width:121px; height:120px; display:block; float:left; background: url(photo13.jpg) top left no-repeat;}
.photo a:hover.p13 {width:121px; height:120px; display:block; float:left; background: url(photo13_roll.jpg) top left no-repeat;}
.photo a.p14{width:121px; height:120px; display:block; float:left; background: url(photo14.jpg) top left no-repeat;}
.photo a:hover.p14 {width:121px; height:120px; display:block; float:left; background: url(photo14_roll.jpg) top left no-repeat;}
.photo a.p15{width:121px; height:120px; display:block; float:left; background: url(photo15.jpg) top left no-repeat;}
.photo a:hover.p15 {width:121px; height:120px; display:block; float:left; background: url(photo15_roll.jpg) top left no-repeat;}
.photo a.p16{width:121px; height:120px; display:block; float:left; background: url(photo16.jpg) top left no-repeat;}
.photo a:hover.p16 {width:121px; height:120px; display:block; float:left; background: url(photo16_roll.jpg) top left no-repeat;}
.photo a.p17{width:121px; height:120px; display:block; float:left; background: url(photo17.jpg) top left no-repeat;}
.photo a:hover.p17 {width:121px; height:120px; display:block; float:left; background: url(photo17_roll.jpg) top left no-repeat;}
.photo a.p18{width:121px; height:120px; display:block; float:left; background: url(photo18.jpg) top left no-repeat;}
.photo a:hover.p18 {width:121px; height:120px; display:block; float:left; background: url(photo18_roll.jpg) top left no-repeat;}
.photo a.p19{width:121px; height:120px; display:block; float:left; background: url(photo19.jpg) top left no-repeat;}
.photo a:hover.p19 {width:121px; height:120px; display:block; float:left; background: url(photo19_roll.jpg) top left no-repeat;}
.photo a.p20{width:121px; height:120px; display:block; float:left; background: url(photo20.jpg) top left no-repeat;}
.photo a:hover.p20 {width:121px; height:120px; display:block; float:left; background: url(photo20_roll.jpg) top left no-repeat;}
.photo a.p21{width:121px; height:120px; display:block; float:left; background: url(photo21.jpg) top left no-repeat;}
.photo a:hover.p21{width:121px; height:120px; display:block; float:left; background: url(photo21_roll.jpg) top left no-repeat;}
.photo a.p22{width:121px; height:120px; display:block; float:left; background: url(photo22.jpg) top left no-repeat;}
.photo a:hover.p22 {width:121px; height:120px; display:block; float:left; background: url(photo22_roll.jpg) top left no-repeat;}
.photo a.p23{width:121px; height:120px; display:block; float:left; background: url(photo23.jpg) top left no-repeat;}
.photo a:hover.p23 {width:121px; height:120px; display:block; float:left; background: url(photo23_roll.jpg) top left no-repeat;}



/*****Footer Styles -------------------------------------------------------------------------------*/

#footer_wrap{float: left;width: 100%;}
#footer_content{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #666666;
	padding-right: 0px;
	padding-left: 0px;
	height: 25px;
	padding-top: 20px;
	font-size:70%;
}
#footer_copyright{
	float: left;
	width: 250px;
}
#footer_menu{
	float: left;
	width: 550px;
	text-align:right;
}

#footer_menu a, #footer_menu a:link, #footer_menu a:active, #footer_menu a:visited{color:#FFF;}
#footer_menu a:hover{color:#a0d403;}
  





/*****07:Poweredby Styles -------------------------------------------------------------------------------*/  

#poweredby_wrap{float: left;width: 100%;}
#poweredby_content{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	padding-top: 15px;
	background-color: #666666;
	padding-right: 0px;
	padding-left: 0px;
}




/*****07:Navigation Styles -------------------------------------------------------------------------------*/ 

#header_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:right;
	
	
	
}

#header_menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#header_menu .Level02 a {
	text-decoration: none;
	height: 10px;
	float: left;
	padding-top: 35px;
	padding-bottom: 6px;
	margin-left: 25px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 70%;
}

#header_menu .Level02 a:hover {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 70%;
}

#header_menu .Level0Selected2 a {
	text-decoration: none;
	height: 10px;
	float: left;
	padding-top: 35px;
	padding-bottom: 6px;
	margin-left: 25px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 70%;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A0D403;
}


/* swapping out the header image for specific casestudy pages */

.header_image
{


	background-repeat: no-repeat;
	background-position: left top;	

	}

/* swapping out left nav color and content top shade graphic */
.sec_content 
{
	width:800px; 
	border-right:30px solid #666; 
	border-left:30px solid #666; 
	margin:0 auto;  
	padding:0; 
	background-repeat: repeat-y;
	background-position: left top;	
	background-color:#FFF;}
	
#sec_panels_top
{

	background-repeat: no-repeat; 
	height:20px;}





/* swapping out bottom curve of the content page */

#curve_content{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 28px;

	background-repeat: no-repeat;
	padding-bottom: 10px;
	background-color: #666666;
	background-position: center top;
}


#sec_menufade { background-repeat: no-repeat; background-position: left bottom; }

/* show and hide panels in footer */

#panel-cs, #panel-solutions{display:none;}

.sec_divider 
{ background-repeat: no-repeat;
	background-position: left bottom;
	height: 15px;
	
	}
	
	.sec_webpage
	{background-position: center top;
		background-repeat: no-repeat;
		padding-top: 180px;
		margin-top:35px;
		
		}
		

li.viewpage {border:none; background-image: none; margin-left:23px; padding:0; }	


li.viewpage a, li.viewpage a:link, li.viewpage a:active
{ background:url(btn_viewsite.png) top left no-repeat; width:104px; height:22px; margin:0; float:left; }
li.viewpage a:hover
{ background:url(btn_viewsite.png) bottom left no-repeat; width:104px; height:22px; margin:0; float:left; }

#print_header {display: none; visibility: hidden;}