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

body {
color:#a0a0a0;
margin:0px;
font-family:Verdana, Geneva, sans-serif;
font-size:62.5%;
color:#8e9093;
background-color:#030500;
line-height:1.6em;
background-image:url(images/bgTest.jpg);
background-repeat:no-repeat;
}

.formTextfield {
border:1px solid #8e9093;
background-color:#252525;
color:#8e9093;
}

.formButton {
border:1px solid #8e9093;
background-color:#252525;
color:#009eff;
margin-top:3px;
cursor:pointer;
}


p {
margin-top:0px;
}

h1 {
font-size:2.2em;
font-weight:bold;
color:#8dd600;
margin:0px;
}

h3{
font-size:1em;	
float:left;
font-weight:bold;
display:inline;
color:#009eff;
margin:0px;
margin-right:5px;
}

h4{
font-size:1em;	
float:left;
font-weight:bold;
display:inline;
color:#8dd600;
margin:0px;
margin-right:5px;
}




#outer_container {
width:954px;
height:auto;
margin:35px auto;
}


#inner_container {
width:850px;
height:auto;
float:left;
display:inline;
background-color:#333333;
padding:22px 50px 30px;
}

#top_left{
width:180px;
height:57px;
float:left;
display:inline;
margin-left:-18px
}

#top_right{
float:right;
display:inline;
font-size:1.2em;
margin-top:21px;
text-align:right;
}

#top_twitter{
float:right;
display:inline;
font-size:1.2em;
margin-top:21px;
margin-left:10px;
text-align:right;
}

#top_fb{
float:right;
display:inline;
font-size:1.2em;
margin-top:21px;
margin-left:10px;
text-align:right;
}

#main_banner{
width:850px;
height:273px;
float:left;
display:inline;
margin-top:23px;
z-index: 1;
overflow:hidden;
}

#main_banner #blackbg {
z-index: 2;
height:255px;
width:325px;
top:-275px;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
position:relative;
margin-left:485px;
padding:20px 20px 0px;
}

#main_banner #rightText {
z-index: 1000;
height:255px;
width:325px;
position:relative;
margin-left:485px;
padding:20px 20px 0px;
color:#FFF;
top:-550px;
}

#rightTextTest {
z-index: 1000;
height:255px;
width:325px;
top:-548px;
position:relative;
margin-left:485px;
padding:20px 20px 0px;
color:#FFF;
float:left;
}

#blackbgNew {
z-index: 5;
height:253px;
width:325px;
top:-273px;
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
position:relative;
margin-left:485px;
padding:20px 20px 0px;
float:left;
}


#navShadow {
width:850px;
height:10px;
float:left;
display:inline;
background-image:url(images/navShadow.gif);
}

#menu{
display:inline;
width:851px;
height:28px;
float:left;
font-size:11px;
color:#FFF;
font-weight:bold;
text-align:center;
background-color:#333;
}
.menu_itemStartOn{
width:122px;
	height:27px;
float:left;
background-image:url(images/navBGoff.gif);
margin-right:1px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#009eff;
	padding-top:4px;
}



.menu_itemEnd{
float:left;
background-image:url(images/navBGoff.gif);
margin-right:1px;
width:120px;
	height:27px;
	display:block;
	text-align:center;
	padding-top:4px;
	text-decoration:none;
}

.menu_item{
float:left;
background-image:url(images/navBGoff.gif);
margin-right:1px;

	display:block;
	text-align:center;
	
	text-decoration:none;
}

.menu_item a {
width:120px;
	height:27px;
display:block;
	color:#FFF;
	text-decoration:none;
	padding-top:4px;
}

.menu_itemOn {
	background-image:url(images/navBGoff.gif);
	color:#009eff;
	width:120px;
	height:27px;
	display:block;
	float:left;
	text-align:center;
	padding-top:4px;
	text-decoration:none;
	margin-right:1px;
}

.menu_item a:hover {
	background-image:url(images/navBGon2.gif);
	color:#009eff;
	color:#fff;
	text-decoration:none;
}

.menu_itemStart{
float:left;
background-image:url(images/navBGoff.gif);
margin-right:1px;
	display:block;
	text-align:center;
	text-decoration:none;
}

.menu_itemStartOn{
width:122px;
	height:27px;
float:left;
background-image:url(images/navBGoff.gif);
margin-right:1px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#009eff;
	padding-top:4px;
}

.menu_itemStart a {
width:122px;
	height:27px;
display:block;
	color:#FFF;
	text-decoration:none;
	padding-top:4px;
}



.menu_itemStart a:hover {
	background-image:url(images/navBGon2.gif);
	color:#009eff;
	color:#fff;
	text-decoration:none;
}

#mainContainer {
width:850px;
height:auto;
float:left;
display:inline;
background-image:url(images/mainBG.gif);
padding-bottom:20px;

}

#left_box{
width:444px;
height:auto;
float:left;
display:inline;
padding:0px 20px;
background-image:url(images/leftColBg.gif);
background-repeat:repeat-x;
padding-top:5px;
}

#right_box{
width:323px;
height:auto;
float:left;
display:inline;
margin-left:2px;
padding:20px 20px 0px;
background-image:url(images/rightColBg.gif);
background-repeat:repeat-x;
padding-top:25px;
}

.casestudyRight{
margin-bottom:20px;
width:323px;
height:auto;
display:inline;
float:left;
}
.casestudy_title{
	font-family:Arial, Helvetica, sans-serif;
font-size:2.2em;
padding-bottom:16px;
font-weight:bold;
color:#8dd600;
width:323px;
height:23px;
float:left;
display:inline;
}

.whatOffer_textContainer{
height:auto;
width:323px;
font-size:1.1em;	
float:left;
display:inline;
margin-top:20px;
}

.whatOffer_textContainer h1{
color:#179eff;
font-weight:bold;
font-size:1.1em;
margin-bottom:4px;
}

.icons {
width:40px;
height:40px;
display:inline;
float:left;
margin-right:15px;
}

.quotation_textContainer{
height:auto;
width:323px;
font-size:1.1em;	
float:left;
display:inline;
}

.casestudy_textContainer{
height:78px;
width:209px;
font-size:1.1em;	
float:left;
display:inline;
}

.casestudy_twitterContainer{
height:54px;
width:313px;	
float:left;
display:inline;
overflow:hidden;
}

.casestudy_twitterInner{
height:108px;
width:323px;	
position:relative;
top:-52px;
left:-7px;
display:inline;
float:left;
overflow:hidden;
}

.casestudy_textTitle{
height:14px;
width:209px;
font-size:1em;	
float:left;
color:#FFF;
font-weight:bold;
display:inline;
}

.knowledgeBase_index {
height:16px;
width:323px;
font-size:1em;	
float:left;

display:inline;
}

.knowledgeBase_index a {
color:#FFF;
text-decoration:none;
font-weight:bold;
}


.casestudy_textDate{
height:14px;
width:209px;
font-size:1em;	
float:left;
font-weight:bold;
display:inline;
}

.banner_textContainer{
height:auto;
width:230px;
font-size:1.1em;	
float:left;
display:inline;
padding-bottom:15px;
}

.banner_textDate{
height:14px;
width:209px;
font-size:1em;	
float:left;
font-weight:bold;
display:inline;
color:#a0a0a0;
}

.banner_text{
height:auto;
width:230px;
font-size:1em;	
float:left;
display:inline;
margin-top:6px;
padding-bottom:4px;
}

.casestudy_text{
height:50px;
width:209px;
font-size:1em;	
float:left;
display:inline;
margin-top:6px;
}

.casestudy_textMore a{
height:14px;
width:209px;
font-size:1em;	
float:left;
font-weight:bold;
display:inline;
color:#009eff;
text-decoration:none;
}

.article{
margin:20px 0px;
width:444px;
height:auto;
display:inline;
float:left;
}

.portfolio_sub {
height:14px;
width:444px;
font-size:1.1em;	
float:left;
font-weight:bold;
display:inline;
color:#009eff;
text-decoration:none;
}

.portfolio_carousel {
width:444px;
height:100px;
float:left;
display:inline;
border:1px solid #767678;
margin:10px 0px;
}

ol#carousel { width:444px;height:100px;overflow:auto;position:relative;}
ol#carousel li{margin:4px 3px 4px 3px;width:122px;height:89px;position:relative;overflow:hidden;}
ol#carousel li a{display:block;}
ol#carousel li a:hover{text-decoration:none;}
ol#carousel span{position:absolute;color:white;left:0;height:1.8em;bottom:0;width:100%;}
ol#carousel .title{padding-left:7px;height:1.7em;line-height:1.5em;}
ol#carousel .description{top:0;padding:5px 20px 3px 10px;text-align:left;line-height:1.1;width:auto;display:none;}
ol#carousel .transparency{opacity:.8;filter:alpha(opacity=80);}
ol#carousel li a:hover .description{display:block;}
ol#carousel li a:hover .transparency{height:100%;}
ol#carousel .description strong{display:block;margin:6px 0 3px;}

ol#carouselTwo { width:444px;height:100px;overflow:auto;position:relative;}
ol#carouselTwo li{margin:4px 3px 4px 3px;width:122px;height:89px;position:relative;overflow:hidden;}
ol#carouselTwo li a{display:block;}
ol#carouselTwo li a:hover{text-decoration:none;}
ol#carouselTwo span{position:absolute;color:white;left:0;height:1.8em;bottom:0;width:100%;}
ol#carouselTwo .title{padding-left:7px;height:1.7em;line-height:1.5em;}
ol#carouselTwo .description{top:0;padding:5px 20px 3px 10px;text-align:left;line-height:1.1;width:auto;display:none;}
ol#carouselTwo .transparency{opacity:.8;filter:alpha(opacity=80);}
ol#carouselTwo li a:hover .description{display:block;}
ol#carouselTwo li a:hover .transparency{height:100%;}
ol#carouselTwo .description strong{display:block;margin:6px 0 3px;}

ol#carouselThree { width:444px;height:100px;overflow:auto;position:relative;}
ol#carouselThree li{margin:4px 3px 4px 3px;width:122px;height:89px;position:relative;overflow:hidden;}
ol#carouselThree li a{display:block;}
ol#carouselThree li a:hover{text-decoration:none;}
ol#carouselThree span{position:absolute;color:white;left:0;height:1.8em;bottom:0;width:100%;}
ol#carouselThree .title{padding-left:7px;height:1.7em;line-height:1.5em;}
ol#carouselThree .description{top:0;padding:5px 20px 3px 10px;text-align:left;line-height:1.1;width:auto;display:none;}
ol#carouselThree .transparency{opacity:.8;filter:alpha(opacity=80);}
ol#carouselThree li a:hover .description{display:block;}
ol#carouselThree li a:hover .transparency{height:100%;}
ol#carouselThree .description strong{display:block;margin:6px 0 3px;}
.transparency{opacity:.8;filter:alpha(opacity=80);background-color:#444;}



.article_title{
font-family:Arial, Helvetica, sans-serif;
padding-bottom:16px;
font-weight:bold;
color:#8dd600;
width:444px;
height:23px;
float:left;
display:inline;
}

.article_thumbnail {
width:100px;
height:100px;
float:left;
display:inline;
border:1px solid #767678;
margin-right:12px;
}

.home_text{
height:auto;
width:444px;
font-size:1.1em;	
float:left;
display:inline;
}

.home_text_clients{
height:auto;
width:444px;
font-size:1.1em;	
float:left;
display:inline;
}

.article_text{
height:78px;
width:330px;
font-size:1.1em;	
float:left;
display:inline;
}

.home_text img{
border:1px solid #767678;
margin-right:12px;
}

.home_text_clients img{
border:1px solid #767678;
margin-right:14px;
}

.article_more a{
color:#ffffff;
font-size:1.1em;
margin-top:8px;
font-weight:bold;
width:330px;
float:left;
display:inline;
text-decoration:none;
}

.green_title{
font-family:Arial, Helvetica, sans-serif;
font-size:2.2em;
font-weight:bold;
margin-bottom:20px;
color:#8dd600;
}

#recent_work{
	height:auto;
margin-bottom:40px;	
}

.corners{
position:relative;
top:0px;
left:0px;
z-index:5;
}

.thumb{
position:relative;
top:-68px;
left:0px;
z-index:1;
}

.thumbnail{
float:left;
display:inline;
margin-right:10px;
margin-bottom:40px;
width:67px;
height:67px;
overflow:hidden;
}

.thumbnail img{
width:67px;
height:67px;
}

.white{
color:#FFFFFF;
}

.green{
color:#8dd600;	
}

.blue {
color:#009eff;	
}

#top_right a{
	text-decoration:none;
	color:#8dd600;
}

a{
	color:#999999;
}

a img{
border:0;
}

#footer{
margin-top:15px;
width:850px;
height:10px;
float:left;
display:inline;
text-align:center;
}

#FContainer {
width:890px;
height:510px;
float:left;
display:inline;
}

#FContainerLeft {
width:420px;
height:470px;
margin:20px;
float:left;
display:inline;
}

#FContainerLeft p {
	font-size:1.1em; 
 }
 
.containerSpacer {
width:420px;
height:auto;
float:left;
display:inline;
margin-bottom:20px;	
}

#FContainerRight {
width:410px;
height:470px;
margin-top:20px;
float:left;
display:inline;
}

.FContainerRightImage {
width:408px;
height:228px;
border:1px solid #CCC;
background-color:#000;
float:left;
display:inline;
}

.homeCTA {
width:184px;
height:95px;
float:left;
display:inline;
border:1px solid #333333;
margin-top:30px;
padding:13px;
}

.homeCTAForm {
width:184px;
height:55px;
float:left;
display:inline;
background-color:#333333;
}

#emailAddress, #registeredName{
	font-style:italic;
	font-size:12px;
	color:#8e9093;
}

#emailAddress:focus, #registeredName:focus{
color:#8e9093;
outline:none;
border:#35a5e5 1px solid;
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
font-style:normal;
font-size:12px;
}