@viewport {
width: device-width;
zoom: 1;
}
@-ms-viewport {
width: device-width;
zoom: 1;
}

#Navigation ul {
  padding:0;
  list-style-type:none;
  margin:0;
}

#Navigation ul li {
  padding:0;
  list-type:none;
  margin:0;
  display:inline-block;
}

#menutitle {
	text-decoration: none;
	color: #000;
	background: #ddd;
	text-align: left;
	padding: 10px 0;
	display: none;
}

#Navigation{float:right; background-image:url('#'); width:505px; max-width:505px;min-width:505px; margin-left:60px;}
.NavigationText{padding-left:0;padding-right:0;background-image:url(#); float:none; display:inline; font-weight:normal; font-size:20px;}
#Navigation ul{text-align:right;margin-bottom:10px;width:505px;float:right;color:#000;}
.HeaderArea{display:inline;}

.headerdisc {
  font-size:14px;
  vertical-align:middle;
}

.headerright{
  display:inline-block;
  width:500px;
  float:right;
  text-align:right;
  margin-top:15px;
  font-weight:bold;
}


#socialiconwide {float:right;}
.HeaderArea p{text-align:right;margin-bottom:10px;width:505px;float:right;color:#000;}
.letsworktogether {width: 960px; height: 900px;} 

.LongInputLinesEmail {
  width:195px;
}

.SelectAreaSlide {
  width:120px;
}

.SlideOptimizationServicesArea img{
float: left; 
margin-right: 30px;
}

.ServicesImageArea {
//  width:93.5vw;
  height:210px;
  overflow:hidden;
  width:100%;
  height:auto;
}

.slidetypes {
font-size: 14.0pt; 
font-family: Tahoma; 
text-align:center; 
display:inline-block;
line-height:2;
}

h1 {color:#063;font-weight:normal; line-height:100%;}
.ServicesHeader{font-weight:normal;}

/*******************************************************/
/*                         HOME                        */
/*******************************************************/

.slidertable {
//  width: 960px; 
//  height: 420px; 
//  border-spacing: 0px;
}

.slidertable {
  width: 960px; 
//  height:420px; 
  overflow:hidden;
//  display:flex;
  border-spacing: 0px;
}

.slidertable img {
  width: 960px; 
//  height:420px; 
  overflow:hidden;
//  display:block;
}
/*******************************************************/
/*                   ABOUT US                          */
/*******************************************************/

.aboutcontact {
  display:table-cell;
//width:30%;
  vertical-align:top;
  padding:1em 2em 0 0;
  height:200px;
}

.aboutcontactimage {
//  display:table-cell;
//width:30%;
  vertical-align:top;
  padding:1em 6em 0 2em;
  float:right;
}


/************************************************************/
/*                     LOBBY LOOP                           */
/************************************************************/

.theiframe{
  width:560px;
  height:315px;
}


/************************************************************/
/*                     FOOTER                               */
/************************************************************/

#Footer{
background-color:#d5d5d5; 
padding-top:10px;
height:100%;
}

.respfooter {
width: 940px; 
margin-left: 10px; 
margin-top: 15px; 
overflow:hidden;
}

div.FooterSectionServices{
//padding-right:100px; 
//width:128px;
padding-left:40px;
width:138px;
padding-right:70px;

}

div.FooterSectionTogether{
//width:90px; 
//padding-right:100px;
width:160px;
padding-right:70px;
}

div.FooterSectionAboutUs{
//padding-right:100px; 
//width:90px;
padding-right:80px;
width:120px;
}

.presentationdesign video {width:495px;}

/*****************************************************************/
@media(max-width:959px) {

div.MainBody {
  width:100%;
  min-width:100%;
  font-size:1em;
}

#socialiconwide {}

#Navigation{
  width:50vw;
  min-width:50vw;
  max-width:50vw;
}

.headerright{
  width:50vw;
  min-width:50vw;
  max-width:50vw;
}


/*******************************************************/
/*                         HOME                        */
/*******************************************************/

.slidertable {
  width: 100%; 
//  height:420px; 
  overflow:hidden;
//  display:flex;
  border-spacing: 0px;
}

.slidertable img {
  width: 100%; 
//  height:420px; 
  overflow:hidden;
//  display:block;
}

.theme-default a.nivo-prevNav {top:15vw;}
.theme-default a.nivo-nextNav {top:15vw;}
.theme-default .nivo-controlNav {}

a.nivoimages {
  width:95vw;
//  height:420px; 
//  display:block;
}
.nivoimages img {
  width:95vw;
//  height:420px; 
//  display:block;
} 

.HomePageTextArea {
  display:block;
//  width:94vw;
  overflow:hidden;
}

.HomePageImageArea {
//  width:93.5vw;
  height:auto;
  width:98%;
  height:auto;
  padding:1%;
}

.HomePageSmallImg {
  width:31%;
  height:auto;
  margin-right:1.1%;
  margin-left:1.2%;
}

.HomePageSmallImgEnd {
  width:31%;
  height:auto;
  margin-right:0;
}
.HomePageSmallImg img {
  width:100%;
  height:auto;
}

.HomePageSmallImgEnd img{
  width:100%;
  height:auto;
}

/*******************************************************/
/*                   ABOUT US                          */
/*******************************************************/

.aboutcontact {
  display:table-cell;
  width:30%;
  vertical-align:top;
  padding:1em 5% 0 0;
}

.aboutcontactimage {
//  display:table-cell;
  width:30%;
  vertical-align:top;
  padding:1em 0 0 0;
}





/************************************************************/
/*                  PORTFOLIO                               */
/************************************************************/
.BlueArrow {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:19%;
  background-image: url(/graphics/samples/BlueArrow.png);
}

.BlueArrowShort {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:10%;
  vertical-align: middle;
  float: left;
  background-image: url(/graphics/samples/BlueArrow.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.SlideMainArea {
  width:97%;
  height:100%;
}

.SlideAreaTall {
  width:100%;
  clear:both;
  height:100%;
  overflow:hidden;
}

.SlideAreaShort {
  width:100%;
  clear:both;
  height:100%;
  overflow:hidden;
}
.LeftSlide {
  width:42%;
}

.RightSlide {
  width:42%;
}

.LeftSlide img {
  width:100%;
  height:auto;
}

.RightSlide img {
  width:100%;
  height:auto;
}

.commentbox{

  height:100%;
  overflow:hidden;
  padding: 2% 3% 6% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxLarge.png);
  margin:2%;

  
}
.Testimonial3 {
  font-size:1.1em;
  height:100%;
  overflow:hidden;
  padding: 2% 3% 8% 4%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMedium.png);
  margin:2%;
}

.Testimonial4 {
  font-size:1.1em;
  height:100%;
  overflow:hidden;
  padding: 2% 3% 8% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxLarge.png);
  margin:2%;
  
}

.Testimonial5 {
  font-size:1.1em;
  height:100%;
  overflow:hidden;
  padding: 2% 3% 8% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxLarge.png);
  margin:2%;
  
}

/************************************************************/
/*                     FOOTER                               */
/************************************************************/

#Footer {
  width:100vw;
  max-width:100vw;
  min-width:100vw;
}


div.FooterSectionServices {
  float: left;
  color: #000;
//  padding-right: 0vw;
  padding-left:4vw;
//  width:21vw;
  width:20vw;
  padding-right:0px;
}

div.FooterSectionTogether {

  float: left;
  color: #000;
//  padding-right: 0vw;
//  width:20vw;
  width:24vw;
  padding-right:0px;
}

div.FooterSectionAboutUs {

  float: left;
  color: #000;
//  padding-right: 0vw;
//  width:20vw;
    width:16vw;
  padding-right:0px;
}

div.FooterSectionContact {
  float: left;
  color: #000;
  font-size: 12px;
  padding-right: 0vw;
  width:33vw;
}

.respfooter {
  max-width:100vw;
  width:100vw;
  margin:0 auto;
}


.ServicesImageArea {
//  width:93.5vw;
  height:100%;
  overflow:hidden;
  width:98%;
  height:auto;
}

.ServicesSmallImg {
  width:31%;
  height:auto;
  margin-right:1.1%;
  margin-left:1.2%;
}

.ServicesSmallImgEnd {
  width:31%;
  height:auto;
  margin-right:0;
}
.ServicesSmallImg img {
  width:100%;
  height:auto;
}

.ServicesSmallImgEnd img{
  width:100%;
  height:auto;
}

/************************************************************/
/*                     SERVICES                             */
/************************************************************/

.servicessamples img {
  height:27%;
}

.servicessamplesright img {
  height:27%;
}

.presentationdesign video {width:58%;}
/************************************************************/
/*                LET'S WORK TOGETHER                       */
/************************************************************/

div.letsworktogether {
  width:96vw;
}

div.FormBackground {
  width:39%;
  padding-left:3.8%;
  padding-right:4%;
  background-size:100% 100%;
  overflow:hidden;
}

div.FormBackgroundStatus {
  width:39%;
  background-size:100% 100%;
  overflow:hidden;
  padding-left:5%;
  padding-right:5%;
}

div.FormBackgroundCreative {
  width:82%;
  background-size:100% 100%;
  overflow:hidden;
  margin-left:2%;
  padding-right:8%;
  padding-left:5%;
  padding-bottom:5%;
  margin-bottom: 2%;
}

td.FileArea {
  padding-left:7%;
}



}

/*********************************************************************************/
@media(max-width:875px){

div.MainBody{
  width:97vw;
  min-width:97vw;
}


#menutitle {
  display:block;
}

#Navigation {
  margin: .3em 0em .3em 0em;
  height: 100%;
  overflow:hidden;
  -webkit-transition: height 3s; 
  -moz-transition: height 3s; 
  -o-transition: height 3s; 
  -ms-transition: height 3s; 
  transition: height 3s;
  min-width:97em;
  max-width:97em;
  width:97em;
}

#Navigation:active, #Navigation:focus, #Navigation:hover {
   height: 100%;
   min-height: 2.45em;
 -webkit-transition: height 3s; 
  -moz-transition: height 3s; 
  -o-transition: height 3s; 
  -ms-transition: height 3s; 
  transition: height 3s;
}

.js {display:none;}

#Navigation h2 {
  margin:.2em;
  padding: 0 0 0 .53m;
}

#menutitle {
  -webkit-transition: color 5s, line-height 3s; 
  -moz-transition: color 5s, line-height 3s; 
  -o-transition: color 5s, line-height 3s; 
  -ms-transition: color 5s, line-height 3s; 
  transition: color 5s, line-height 3s;
  margin:0 0 0 0;
  padding: 0 0 0 .5em;
  color:#000;
  background-image:url('/graphics/images/NavigationBackground.jpg');
}

#Navigation ul {
  list-style-type:none;
  padding:0;
  margin-top:0;
  margin-bottom:0;
  border:1px solid #000;
  background-color:#ddd;
  background-image:url('/graphics/images/NavigationBackground.jpg');
  width:97vw;
}

#Navigation li {
  text-align:left;
  display:block;
  padding:.3em .2em .3em .2em;
  border-bottom: 1px solid #000;
  list-style:none;
  min-width:1em;
  max-width:100vw;
  width:100vw;
}

.NavigationText {
  float:none;
}

.headerright{
  display:inline-block;
  width:97vw;
  min-width:97vw;
  max-width:97vw;
  float:none;
  text-align:left;
  margin-top:15px;
  font-weight:bold;
}

.headerdisc {
  font-size:14px;
  display:none;
}

}



/******************************************************************************/
@media(max-width:768px) {


body {
  margin:8px 0;
}
/************************************************************/
/*                  HEADER                                  */
/************************************************************/
  .HeaderArea img{
  max-width:434px;
  width:90vw;
}



/************************************************************/
/*                  NAVIGATION                              */
/************************************************************/


.commentbox{
  font-size:1em;
  line-height:1.1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 10% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;

  
}
.BlueArrow {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:19%;
  background-image: url(/graphics/samples/BlueArrow2.png);
}

.BlueArrowShort {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:10%;
  vertical-align: middle;
  float: left;
  background-image: url(/graphics/samples/BlueArrow2.png);
  background-repeat: no-repeat;
  background-position: center center;
}


/************************************************************/
/*                      FOOTER                              */
/************************************************************/



#socialiconnarrow {
  height:100%;
  overflow:hidden;
  margin:1% auto;

}

#socialiconnarrow .socialiconsleft {
  float:left; text-align:left; height:100%; overflow:hidden; width:100%; text-align:center;
}

#socialiconnarrow a {
  margin: 0 9% 0 0;
}

#socialiconnarrow a:last-child {
  margin: 0 0 0 0;
}

div.FooterSectionServices {
  width:47%;
  float:left;
  padding:0;
  width:90vw;
  float:left;
  text-align:center;
}

div.FooterSectionAboutUs {
  width:47%;
  float:right;
  padding:0;
  width:90vw;
  float:left;
  text-align:center;
}

div.FooterSectionTogether {
  width:47%;
  float:left;
  padding:0;
  width:90vw;
  float:left;
  text-align:center;
}

div.FooterSectionContact {
  width:47%;
  float:right;
  padding:0;
  width:90vw;
  float:left;
  text-align:center;
}

.respfooter {
  max-width:90vw;
}

.TestimonialReference {
  width:inherit;
}

.commentbox{
  font-size:1em;
  line-height:1.1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 10% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;

  
}
.Testimonial3 {
  font-size:1.1em;
  height:100%;
  overflow:hidden;
  padding: 2% 3% 8% 4%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;
}

.Testimonial4 {
  font-size:1.1em;
  height:100%;
  overflow:hidden;
  padding: 2% 3% 8% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;
  
}

.Testimonial5 {
  font-size:1.1em;
  height:100%;
  overflow:hidden;
  padding: 2% 3% 8% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp3.png);
  margin:2%;
  
}


/*******************************************************/
/*                         HOME                        */
/*******************************************************/

.slidertable {
//  width: 95.6vw; 
width:100%;
//  height:40vw; 
  overflow:hidden;
//  display:block;
  border-spacing: 0px;
}

.slidertable img {
//  width: 94.5vw; 
//  height: 40vw; 
//  overflow:hidden;
//  display:block;
//  border-spacing: 0px;
}


.HomePageTextArea {
  display:block;
  overflow:hidden;
//  width:93vw;

}

.HomePageImageArea {
//  width:94vw;
  height:auto;
//  padding:1vw;
}

.HomePageSmallImg {
//  width:31%;
//  height:auto;
//  margin-right:2%;
}

.HomePageSmallImgEnd {
//  width:31%;
//  height:auto;
//  margin-right:0;
}
.HomePageSmallImg img {
  width:100%;
  height:auto;
}

.HomePageSmallImgEnd img{
  width:100%;
  height:auto;
}

.theme-default a.nivo-prevNav {top:15vw;}
.theme-default a.nivo-nextNav {top:15vw;}
.theme-default .nivo-controlNav {}

a.nivoimages {
  width:95vw;
  height:40vw;
  display:block;
}
.nivoimages img {
  width:95vw;
  height:40vw;
  display:block;
} 

/*******************************************************/
/*                   ABOUT US                          */
/*******************************************************/

.aboutcontact {
  display:block;
  width:100%;
  vertical-align:top;
  padding:1em 5% 0 0;
  height:100%;
}

.aboutcontactimage {
  width:30%;
  vertical-align:top;
  padding:1em 0 0 0;
}

a.Context {
  font-size:.95em;
}

/************************************************************/
/*                     LOBBY LOOP                           */
/************************************************************/

.ServicesArea {
  width:100%;
  margin:0;
}

.theiframe{
  width:80vw;
  height:45vw;
}


/************************************************************/
/*                LET'S WORK TOGETHER                       */
/************************************************************/

div.letsworktogether {
  width:96vw;
}

div.FormBackground {
  width:39%;
  padding-left:3.8%;
  padding-right:4%;
  background-size:100% 100%;
  overflow:hidden;
}

div.FormBackgroundStatus {
  width:39%;
  background-size:100% 100%;
  overflow:hidden;
  padding-left:5%;
  padding-right:5%;
}

div.FormBackgroundCreative {
  width:82%;
  background-size:100% 100%;
  overflow:hidden;
  margin-left:2%;
  padding-right:8%;
  padding-left:5%;
  padding-bottom:12%;
  margin-bottom: 2%;
}

td.FileArea {
  padding-left:7%;
  background-size:100% 100%;
  margin-bottom: 5%;
  padding-bottom:3%;
  
}

.FormTextLines input{
  width:58%;
}

.SelectArea {width:60%;}

.TargetAudience input {
  width:20%;
}
.SubmitButton {
  margin-left:5%;
  margin-top:2%;
}

div.FileAreaMessage {width:70%;}

.sendthisiframe{
  width:70vw;
  margin-top:2%;
}

#subscribearea {margin-left:40px;}

}


@media(max-width:590px) {

.commentbox{
  font-size:.9em;
  line-height:1.2em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 15% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;

  
}
#socialiconnarrow {
  height:100%;
  overflow:hidden;
  margin:1% auto;
}

#socialiconnarrow .socialiconsleft {
  float:left; text-align:left; height:100%; overflow:hidden; width:100%; text-align:center;
}

#socialiconnarrow a {
  margin: 0 15% 0 0;
}

#socialiconnarrow a:last-child {
  margin: 0 0 0 0;
}



/*******************************************************/
/*                         HOME                        */
/*******************************************************/

.slidertable {
//  width: 94vw; 
//  height:40vw; 
  overflow:hidden;
//  display:block;
  border-spacing: 0px;
}

.slidertable img {
//  width: 94vw; 
//  height: 40vw; 
//  overflow:hidden;
//  display:block;
//  border-spacing: 0px;
}


.HomePageTextArea {
  display:block;
//  width:92vw;
//  padding:1vw;
  overflow:hidden;
  width:98%;
  padding:1%;
}

.HomePageImageArea {
//  width:93vw;
  width:98%;
  height:auto;
  padding:1%;
}

.HomePageSmallImg {
//  width:31%;
//  height:auto;
//  margin-right:2%;
}

.HomePageSmallImgEnd {
//  width:31%;
//  height:auto;
//  margin-right:0;
}
.HomePageSmallImg img {
  width:100%;
  height:auto;
}

.HomePageSmallImgEnd img{
  width:100%;
  height:auto;
}

.theme-default a.nivo-prevNav {top:15vw;}
.theme-default a.nivo-nextNav {top:15vw;}
.theme-default .nivo-controlNav {}

a.nivoimages {
  width:95vw;
  height:40vw;
  display:block;
}
.nivoimages img {
  width:95vw;
  height:40vw;
  display:block;
} 

/*******************************************************/
/*                   ABOUT US                          */
/*******************************************************/

.aboutcontact {
  display:block;
  width:90%;
  vertical-align:top;
  padding:1em 5% 0 0;
  height:100%;
}

.aboutcontactimage {
  width:90%;
  vertical-align:top;
  padding:1em 0 0 0;
  display:block;
  float:none;
}

a.Context {
  font-size:.95em;
}


/************************************************************/
/*                      SERVICES                            */
/************************************************************/
div.SlideOptimizationServicesArea {
  height:100%;
}

.SlideOptimizationServicesArea img{
float: none; 
margin-right: 30px;
display:block;
}

p.ServicesListAlign {
  margin: 0 0 2vw 0;
}

/************************************************************/
/*                LET'S WORK TOGETHER                       */
/************************************************************/

div.letsworktogether {
  width:97vw;

}

div.FormBackground {
//  width:39%;
width:50vw;
//  padding-left:3.8%;
padding-left:5%;
  padding-right:4%;
  background-size:100% 100%;
  overflow:hidden;
  display:block;
}

div.FormBackgroundStatus {
  width:50vw;
  background-size:100% 100%;
  overflow:hidden;
  padding-left:7%;
  padding-right:9%;
  display:block;
}

div.FormBackgroundCreative {
//  width:82%;
width:86%;

  background-size:100% 100%;
  overflow:hidden;
//  margin-left:0%;
margin-left:3px;
  padding-right:8%;
  padding-left:5%;
  padding-bottom:12%;
  margin-bottom: 2%;
}

td.FileArea {
  padding-left:7%;
  background-size:100% 100%;
  margin-bottom: 5%;
  padding-bottom:3%;
}

.FormTextLines input{
  width:58%;
}

.SelectArea {
  width:60%;
}

.TargetAudience input {
  width:15%;
}
.SubmitButton {
  margin-left:0%;
  margin-top:2%;
}

div.FileAreaMessage {
  width:72%;
}

.sendthisiframe{
  width:80%;
  margin-top:2%;
}

#subscribearea {
  margin-left:0px;
}



}
@media(max-width:510px){

.commentbox{
  font-size:.85em;
  line-height:1.1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 13% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;

  
}
.BlueArrow {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:10%;
  background-image: url(/graphics/samples/BlueArrow2.png);
}

.BlueArrowShort {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:9%;
  vertical-align: middle;
  float: left;
  background-image: url(/graphics/samples/BlueArrow2.png);
  background-repeat: no-repeat;
  background-position: center center;
}


.Testimonial3 {
  font-size:1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 12% 4%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;
  line-height:normal;
  vertical-align:middle;
}

.Testimonial4 {
  font-size:1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 14% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;
  line-height:normal;
  vertical-align:middle;  
}

.Testimonial5 {
  font-size:1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 15% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp3.png);
  margin:2%;
  line-height:normal;
  vertical-align:middle;  
}


/************************************************************/
/*                LET'S WORK TOGETHER                       */
/************************************************************/

div.letsworktogether {
  width:97vw;

}

div.FormBackground {
  width:60vw;
  padding-left:6.8%;
  padding-right:5%;
  background-size:100% 100%;
  overflow:hidden;
  display:block;
  padding-bottom:13%;
  padding-top:30%;
  margin-left:3vw;
  margin-right:2%;
}

div.FormBackgroundStatus {
  width:60vw;
  background-size:100% 100%;
  overflow:hidden;
  padding-left:9%;
  padding-right:5%;
  display:block;
  padding-bottom:13%;
  padding-left:9%;
  padding-right:5%;
  float:left;
  margin-left:17vw;
}

div.FormBackgroundCreative {
  background-image:url('/graphics/images/BlueBoxNarrow.png');

}

div.FormBackgroundCreative {
  width:80%;
  background-size:100% 100%;
  overflow:hidden;
  margin-left:3px;
  padding-right:13%;
  padding-left:5%;
  padding-bottom:50%;
  padding-top:55%;
  margin-bottom: 2%;
}

table.FileArea {
  margin-bottom:10%;
  margin-top:28%;
}

td.FileArea {
  padding-left:9%;
  background-size:100% 100%;
  margin-bottom: 5%;
  padding-bottom:37%;
  padding-right:12%;
  width:90vw;
}

input.FormTextLines{
  width:48%;
}

.SelectArea {
  width:60%;
}

.TargetAudience input {
  width:15%;
}
.SubmitButton {
  margin-left:0%;
  margin-top:2%;
}

div.FileAreaMessage {
  width:72%;
  margin-bottom:15%;
}

.sendthisiframe{
  width:100%;
  margin-top:2%;
}

#subscribearea {
  margin-left:30px;
  width:45vw;
  background-size:100% 100%;
  padding-left:10%;
  padding-top:30%;
  padding-bottom:10%;
}

.LongInputLinesEmail {
  width:30%;
}

.SelectArea select {
  width:100%;
}

.SelectAreaSlide {
  width:100%;
}

.TargetAudience select {
  width:30%;
}


}
@media(max-width:450px){
  div.FooterSectionServices{
  width:90vw;
  float:left;
  text-align:center;
}

  div.FooterSectionAboutUs{
  width:90vw;
  float:left;
  text-align:center;
}

  div.FooterSectionTogether{
  width:90vw;
  float:left;
  text-align:center;
}

  div.FooterSectionContact{
  width:90vw;
  float:left;
  text-align:center;
}

.slidetypes {
  display:block;
  text-align:left;
}

.commentbox{
  font-size:.8em;
  line-height:1.1em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 11% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;

  
}
/************************************************************/
/*                     LOBBY LOOP                           */
/************************************************************/


.ServicesArea {
  width:100%;
  margin:0;
}

.theiframe{
  width:90vw;
  height:50vw;
}


/************************************************************/
/*                LET'S WORK TOGETHER                       */
/************************************************************/

div.letsworktogether {
  width:97vw;

}

div.FormBackground {
//  width:36%;
//  padding-left:3.8%;
//  padding-right:5%;
//  background-size:100% 100%;
//  overflow:hidden;
//  display:block;
//  padding-bottom:23%;
//  padding-top:50%;
//  margin-left:0;
//  margin-right:2%;
}

div.FormBackgroundStatus {
//  width:37%;
//  background-size:100% 100%;
//  overflow:hidden;
//  padding-left:5%;
//  padding-right:5%;
//  display:block;
//  padding-bottom:33%;
//  padding-left:6%;
//  padding-right:5%;
//  float:left;
}

div.FormBackgroundCreative {
  width:75%;
  background-size:100% 100%;
  overflow:hidden;
  margin-left:0%;
  padding-right:15%;
  padding-left:5%;
  padding-bottom:70%;
  padding-top:50%;
  margin-bottom: 2%;
}

table.FileArea {
  margin-bottom:20%;
  margin-top:28%;
}

td.FileArea {
  padding-left:9%;
  background-size:100% 100%;
  margin-bottom: 5%;
  padding-bottom:37%;
  padding-right:12%;
  width:90vw;
}

input.FormTextLines{
  width:48%;
}

.SelectArea {
  width:60%;
}

.TargetAudience input {
  width:20%;
}
.SubmitButton {
  margin-left:0%;
  margin-top:2%;
}

div.FileAreaMessage {
  width:72%;
  margin-bottom:15%;
}

.sendthisiframe{
  width:100%;
  margin-top:2%;
}

#subscribearea {
  margin-left:0px;
  width:45vw;
  background-size:100% 100%;
  padding-left:10%;
  padding-top:30%;
  padding-bottom:10%;
}

.LongInputLinesEmail {
  width:30%;
}

.SelectArea select {
  width:100%;
}

.SelectAreaSlide {
  width:100%;
}

.TargetAudience select {
  width:40%;
}



}


@media(max-width:400px){

.BlueArrow {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:0%;
  background-image: url(/graphics/samples/BlueArrow2.png);
}

.BlueArrowShort {
  width:16%;
  min-height:82px;
  height:13%;
  max-height:223px;
  padding-top:0%;
  vertical-align: middle;
  float: left;
  background-image: url(/graphics/samples/BlueArrow2.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.commentbox{
  font-size:.8em;
  line-height:1em;
  height:100%;
  overflow:hidden;
  padding: 5% 3% 19% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;

  
}

.Testimonial3 {
  font-size:.9em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 16% 4%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;
  line-height:normal;
  vertical-align:middle;
}

.Testimonial4 {
  font-size:.9em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 22% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp2.png);
  margin:2%;
  line-height:normal;
  vertical-align:middle;  
}

.Testimonial5 {
  font-size:.9em;
  height:100%;
  overflow:hidden;
  padding: 3% 3% 27% 3%;
  background-size:100% 100%;
  width:90%;
  background-image:url(/graphics/samples/CommentBoxMediumResp3.png);
  margin:2%;
  line-height:normal;
  vertical-align:middle;  
}

.SlideOptimizationServicesArea img{
float: none; 
margin-right: 30px;
width:94%;
margin:3%;
}

/************************************************************/
/*                LET'S WORK TOGETHER                       */
/************************************************************/

div.letsworktogether {
  width:97vw;

}

div.FormBackground {
//  width:34%;
//  padding-left:3.8%;
//  padding-right:5%;
//  background-size:100% 100%;
//  overflow:hidden;
//  display:block;
//  padding-bottom:23%;
//  padding-top:50%;
//  margin-left:0;
//  margin-right:1%;
}

div.FormBackgroundStatus {
//  width:37%;
//  background-size:100% 100%;
// overflow:hidden;
//  padding-left:5%;
//  padding-right:5%;
//  display:block;
//  padding-bottom:33%;
//  padding-left:6%;
//  padding-right:5%;
//  float:left;
}

div.FormBackgroundCreative {
  width:75%;
  background-size:100% 100%;
  overflow:hidden;
  margin-left:0%;
  padding-right:15%;
  padding-left:5%;
  padding-bottom:75%;
  padding-top:50%;
  margin-bottom: 2%;
}

table.FileArea {
  margin-bottom:20%;
  margin-top:25%;
}

td.FileArea {
  padding-left:9%;
  background-size:100% 100%;
  margin-bottom: 5%;
  padding-bottom:37%;
  padding-right:12%;
  width:90vw;
}

input.FormTextLines{
  width:48%;
}

.SelectArea {
  width:60%;
}

.TargetAudience input {
  width:20%;
}
.SubmitButton {
  margin-left:0%;
  margin-top:2%;
}

div.FileAreaMessage {
  width:72%;
}

.sendthisiframe{
  width:100%;
  margin-top:2%;
}

#subscribearea {
  margin-left:0px;
  width:45vw;
  background-size:100% 100%;
  padding-left:10%;
  padding-top:30%;
  padding-bottom:10%;
}

.LongInputLinesEmail {
  width:30%;
}

.SelectArea select {
  width:100%;
}

.SelectAreaSlide {
  width:100%;
}

.TargetAudience select {
  width:30%;
}








}