@charset "utf-8";

html, body{	height:100%;}
body {
	margin: 0px;
	background-color: #CCCCCC;
	background-image: url(../images/63G_background.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
a{
color:#000000;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:underline;
}
p{
margin:0px 0px 5px 0px;
}
#leftside{float:left; width:230px; min-height:100%;}
* html #leftside{height:100%}

#left {
	float: left;
	width: 230px;
	background-image: url(../images/leftback.png);
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/leftback.png');
	_background-image: url();
	background-repeat: no-repeat;
}

#left #nav {
	float: left;
	width: 124px;
	padding-top: 24px;
	padding-left: 107px;
	z-index: 999;
	padding-bottom: 340px;
}
#logo {
	padding-bottom: 37px;
	padding-left: 18px;
}
#navholder {
	position:relative;
}

.navitem {
	padding-bottom: 7px;
	padding-left: 18px;
}

.navitem_current {
	padding-bottom: 7px;
	padding-left: 18px;
	background-image:url(../images/navcurrent.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;

}
#mailer {
	float: left;
	width: 230px;
	clear: both;
	background-color: #FFFFFF;
}
#mailer #Email {
	float:left;
	margin-left:21px;
	padding-left:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-image:url(../images/fieldback.jpg);
	border-bottom:1px solid #D4D0C8;
	border-top:1px solid #D4D0C8;
	border-left:1px solid #D4D0C8;
	border-right:0px solid #ffffff;
	height:16px;
	width:170px;
	margin-bottom:30px;
}
#mailer #Submit {
height:22px; 
float:left; 
width:20px;
margin-bottom:30px;
}

#mailer #footer {
padding-left:21px;
width:209px;
padding-bottom:22px;
}

#right {
	float: left;
	width: 730px;
	height: 587px;
	overflow: hidden;
	margin-top: 125px;
	margin-left: 17px;
	position:relative;
}
#right .inner {
	height: 4000px;
	width: 1000px;
}

#wrapper {
	width: 980px;
	float: left;
}

.greytext {color: #999999}
#right .rightcontent {
	background-image: url(../images/blackback.png);
	color: #FFFFFF;
	padding-left: 19px;
	padding-right: 34px;
	padding-bottom: 19px;
	width:624px;
	_width:607px;

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blackback.png');
	_background-image: url();
	/*	_background-color:#000000;
	_filter:alpha(opacity=70);
	_height:600px;*/
	float: left;
	margin-bottom: 125px;
}

.rightcontent.div {
	z-index:999;
}
.rightcontent a{
	color:#FFFFFF;
}

.rightcontent #col3 {
	height: 288px;
	width: 190px;
	padding-top: 48px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	
}
.rightcontent .col3 {
	height: 288px;
	width: 190px;
	padding-top: 48px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	
}
.col3 {
	height: 288px;
	width: 190px;
	padding-top: 48px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	
}

.aboutcol3 {
	height: 318px;
	width: 190px;
	padding-top: 40px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	
}
.aboutcol3 a{font-family:Arial, Helvetica, sans-serif;}
.servicescol3 {
	height: 288px;
	width: 190px;
	padding-top: 77px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	
}

/*SERVICES*/
.linkslist a{font-family:Arial, Helvetica, sans-serif;}
a.menuItem{background:url(../images/menuIconRed.gif) no-repeat scroll center left; padding-left:12px; color:#ccc; text-decoration:none; }
a.menuItem:hover, a.menuItem_current, a.menuItem_current:hover{background:url(../images/menuIconRed.gif) no-repeat scroll center left; padding-left:12px; color:#E31B23; text-decoration:none;}
.submenu a.menuItem{background:url(../images/menuIconRed.gif) no-repeat scroll center left; padding-left:12px; color:#ccc; text-decoration:none;}
.submenu a.menuItem:hover, .submenu a.menuItem_current{background:url(../images/menuIconRed.gif) no-repeat scroll center left; padding-left:12px; color:#E31B23; text-decoration:none;}

.linkslist {margin:0;
			padding:0;}
.linkslist li{list-style:none; padding:1px 0;}
#services{color:#fff;}
#servicesIntro{font:14px/16px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC}
#servicesContent{font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#999;}

#bloglink {

	bottom: 0px;
}
#blogcontent {

	font-size: 11px;
	color: #999999;
	top: 134px;
	width: 180px;
	height:240px;
}

#blogcontent p{
	margin:0px;
	}

#blogdate {
	font-size: 9px;
	color: #FFFFFF;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#blogtitle {
	font-size: 12px;
	line-height: 14px;
	color: #E31B23;
	height:31px;
	padding-bottom:10px;
	}

/* contact page */

.contactform{
	float: left; 
	width: 260px;
	display:inline;
/*	margin-top:115px;*/
  margin-top:15px;
}

.contactfield{
	height: 17px; 
	width: 193px; 
	background:#222222; 
	border: 1px solid #222222; 
	color:#999999; 
	padding-left: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top: 3px;
}

.contacttextarea{
	height: 154px; 
	width: 230px; 
	background:#222222; 
	border: 1px solid #222222; 
	color:#999999; 
	padding-left: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top: 3px;
}

.contactdetails{
	float: left; 
	width: 360px; 
	display:inline;
	margin-top:0px;
/*	margin-top:100px;*/
}

#content {
	font-size: 11px;
	color: #999999;
}

/* blog */

#people_box{
	height: 452px;
	margin-top:5px;
	width: 633px;
	
	overflow: hidden;
	float: left;
}

#blogs_box{
	height: 452px;
	margin-top:5px;
	width: 645px;
	overflow: hidden;
	float: left;
}

#blogs_box{
	height: 452px;
	margin:0px;
	width: 645px;
	
	overflow: hidden;
	float: left;
}

#blogs_container{
	height: 290px;;
	left: 0px;
	clear:none;
}

.blogspeople1{
	float: left; 
	width: 209px; 
	padding-right: 6px;
	height:348px;
}

.blogspeople{
	float: left; 
	width: 209px; 
	padding-right: 6px;
	height:265px;
}

.blogs{
	float: left; 
	width: 209px; 
	padding-right: 6px;
}

.blogdate{
	color: #FFFFFF; 
	font-size:9px; 
	padding-bottom: 2px;
	margin-bottom: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

.blogtitle{
	font-size: 12px;
	line-height: 14px;
	color: #E31B23;
	height:31px;
	padding-bottom:10px;
}

.blogcontent{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#999999; 
	height: 245px;
}

.blogcontent p{
}

/* slideshow*/

#slide_box{
	height: 388px;
	margin-top:5px;
	width: 642px;
	
	overflow: hidden;
	float: left;
}

#slide_container{
	height: 388px;
	left: 0px;
}

.slides{
	float: left; 
	width: 642px; 
	padding-right: 6px;
}

/* slideshow small*/

#slide_box_small{
	height: 150px;
	margin-top:5px;
	width: 427px;
	overflow: hidden;
	float: left;
}

#slide_container_small{
	height: 388px;
	left: 0px;
}

.slides_small{
	float: left; 
	width: 427px; 
	padding-right: 6px;
}


/* case study */

	/* ------------------------------------------------------- */
	.casestudymenu{
		float: left; 
		width: 209px; 
		padding-bottom: 0px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#cccccc;
		text-decoration: none;
	}
	
	.casestudymenu a,.casestudymenu a:active,.casestudymenu a:visited{
		float: left; 
		width: 193px; 
		padding-bottom: 0px; 
		padding-left: 16px; 
		background-image:url(/images/casestudiesmenu.gif); 
		background-position: 0px 3px; 
		background-repeat:no-repeat; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#cccccc;
		text-decoration: none;
	}
	
	.casestudymenu a:hover, .casestudymenu a:visited:hover{	
		color: #E31B23;
		text-decoration: none;
	}

	/*-------------------------------------------------------------*/

	.casestudymenu_current{
		float: left; 
		width: 209px; 
		padding-bottom: 0px; 
		background-repeat:no-repeat; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#E31B23;
		text-decoration: none;
	}
	
	.casestudymenu_current a,.casestudymenu_current a:active,.casestudymenu_current a:visited{
		float: left; 
		width: 193px; 
		padding-bottom: 0px; 
		padding-left: 16px; 
		background-image:url(/images/casestudiesmenu.gif); 
		background-position: 0px 3px; 
		background-repeat:no-repeat; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#E31B23;
		text-decoration: none;
	}

	.casestudymenu_current a:hover, .casestudymenu_current a:visited:hover{
		color:#E31B23;
		text-decoration: none;
	}
	/*---------------------------------------------------------------------------*/

	.casestudysubmenu{
		float: left; 
		width: 209px; 
		padding-bottom: 0px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#999999;
		text-decoration: none;
	}
	
	.casestudysubmenu a, .casestudysubmenu a:active, .casestudysubmenu a:visited{
		float: left; 
		width: 183px; 
		padding-bottom: 0px; 
		padding-left: 26px; 
		background-image:url(/images/casestudiessubmenu.gif); 
		background-position: 11px 3px; 
		background-repeat:no-repeat; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#999999;
		text-decoration: none;
	}

	.casestudysubmenu a:hover, .casestudysubmenu a:visited:hover{
		color:#E31B23;
		text-decoration: none;
	}
	
	/* ------------------------------------------------------------------------ */

	.casestudysubmenu_current{
		float: left; 
		width: 209px; 
		padding-bottom: 0px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#E31B23;
		text-decoration: none;
	}
	
	.casestudysubmenu_current a,.casestudysubmenu_current a:active,.casestudysubmenu_current a:visited{
		float: left; 
		width: 183px; 
		padding-bottom: 0px; 
		padding-left: 26px; 
		background-image:url(/images/casestudiessubmenu.gif); 
		background-position: 11px 3px; 
		background-repeat:no-repeat; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		color:#E31B23;
		text-decoration: none;
	}
	
	.casestudysubmenu_current a:hover, .casestudysubmenu_current a:visited:hover{
		text-decoration: none;
	}

.iefix{
position:relative;
}

.peoplename{
	font-size:18px;
	font-weight:100;
	margin-bottom:5px;}
	
.peopletitle{
	color:#E31B23;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;}
	
.peopleimage{
	margin-bottom:5px;}

.peoplecontent{height: 65px;}

.clientLogos img{
	margin-bottom:5px;
	margin-right:5px;}
	
.endimage{
	margin-right:0px;}
	
.peopleheader{
	width:660px;
	}

.peoplecolumn1{
	float: left;
	width: 215px;
	padding-right: 6px;
	height: 400px;
	color:#999999;
}
	
.peoplecolumn1 h3{
	color:#CCCCCC;
	font-size:11px;
	margin:2px 0 2px 0;}
	
.peoplequestion h3{
	color:#CCCCCC;
	font-size:11px;
	margin:2px 0 2px 0;
}

.peoplequestion p{
	margin-top: 0px;
	margin-bottom: 1px;
}
	
	
.peoplecolumn2{
	float: left; 
	width: 215px;
	height: 440px;
	padding-right: 6px;
	color:#999999;}
	
.peoplecolumn3{	
	float: left; 
	width: 215px;
	height: 440px; 
	color:#999999;
	overflow: hidden
	}

.people_scroller_people 	{float: left; width:190px;height: 440px;}
.people_scrollarea_people {height: 440px; width: 9px;float: right; cursor: pointer;}
.people_scrollBarContainer_people  {height: 440px; background:url(/images/scroll/scrollbar_blue.gif) repeat scroll;}

.people_bagcontentpeople {height: 440px;width: 180px;overflow: hidden;float: left;}
.people_scrollKnobpeople  {width: 9px;background:url(/images/scroll/knob_blue.gif) repeat scroll;min-height: 10px;}
.people_scrollForwardpeople , .people_scrollBackpeople  {width: 9px;height: 11px;margin:0px 0;}
.people_scrollForwardpeople {background:url(/images/scroll/bottomknob.gif) no-repeat scroll;}
.people_scrollBackpeople  {background:url(/images/scroll/topknob.gif) no-repeat scroll;}

/*-----------------*/

.product_scroller 	{float: left; width: 190px;height: 400px; color: #999999;}
.product_scrollarea {height: 400px;width: 9px;float: right;cursor: pointer;}
.product_scrollBarContainer {height: 380px; background:url(/images/scroll/scrollbar_blue.gif) repeat scroll; background-color:#434345;}

.product_bagcontent {height: 400px;width: 180px;overflow: hidden;float: left;}
.product_scrollKnob {width: 9px;background:url(/images/scroll/knob_blue.gif) repeat scroll;min-height: 10px;}
.product_scrollForward, .product_scrollBack {width: 9px;height: 11px;margin:0px 0;}
.product_scrollForward{background:url(/images/scroll/bottomknob.gif) no-repeat scroll;}
.product_scrollBack {background:url(/images/scroll/topknob.gif) no-repeat scroll;}

/* blog readmore */
.product_scroller2 	{float: left; width: 620px;height: 360px; color: #999999;}
.product_scrollarea2 {height: 400px;width: 9px;float: right;cursor: pointer;}
.product_scrollBarContainer2 {height: 320px; background:url(/images/scroll/scrollbar_blue.gif) repeat scroll; background-color:#434345;}

.product_bagcontent2 {height: 360px;width: 595px;overflow: hidden;float: left;}
.product_scrollKnob2 {width: 9px;background:url(/images/scroll/knob_blue.gif) repeat scroll;min-height: 10px;}
.product_scrollForward2, .product_scrollBack2 {width: 9px;height: 11px;margin:0px 0;}
.product_scrollForward2{background:url(/images/scroll/bottomknob.gif) no-repeat scroll;}
.product_scrollBack2 {background:url(/images/scroll/topknob.gif) no-repeat scroll;}


	
.peoplequestion{
	border-bottom:1px solid #333333;
	padding-bottom:3px;
	margin-bottom:5px;}
	
.clientLogos{}
	
	.loading{
	background-image:url(/images/loadspinner.gif);
	background-position: 50% 50%;
	background-repeat:no-repeat;
	}
	
	
	
/* contact */

.contacttext{
	color: #999999;
	text-decoration:none;
}

.contacttext a, .contacttext a:hover, .contacttext a:active{
	color: #FFFFFF;
	text-decoration:underline;
	border:0px;
}



/* tool tip */





.tool-tip {
	color: #000000;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 3px 7px 3px 7px;
	border-width: 1px;
	border-style:solid;
	border-color: #cccccc;
	background:#FFFFFF;
}
 
.tool-text {
	font-size: 11px;
	padding: 3px 7px 3px 7px;
	border-width: 1px;
	border-style:solid;
	border-color: #cccccc;
	background:#FFFFFF;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
ul{
margin-left:0px;
padding-left:12px;
}

.casestudies{padding-top:29px; position:relative;}
.casestudyHeader{width:380px; float:left; display:inline;}
.casestudyLogo{
	display:inline;
	float:right;
	width:135px;
	text-align:right;
}
.casestudyDetail{clear:both; position:relative;}
#caseMenu{width:209px; float:left; display:inline;}
#caseInfo{float: left; width: 390px; height:350px; padding-left: 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}
#caseInfo2{float: left; width: 390px; height:150px; padding-left: 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999999;}

.welcome_button {
	width:100px;
	float:left;}
	
.contactspacer{
	padding-top: 49px; 
	_padding-top: 55px;
}	

.slider_image {
	width: 427px; 
	height: 150px; 
	border: 0 none; 
	filter: alpha(opacity=0); 
	opacity: 0;}
	
.galleryshow{
position:absolute; top: 417px; _top: 417px; right: -14px; _right: -14px;  width: 650px; z-index: 890;
}

.slidecontainer {
position:absolute; 
top: 387px; 
_top: 417px; 
left: -14x; 
_left: -14px;  
width: 640px; 
z-index: 890;
padding-right:10px;
}