body {
   background: #000;
   color: #000;
   text-align: center;
   padding: 0;
   margin:0;
   text-transform:lowercase;
}

a
{
  outline: none;
}

.padMar0, .spacer, .spacer5px{
   padding:0;
   margin:0;
}

.spacing10{
   display:inline-block;
   width:10px;
}

.padBtm10{
   padding-bottom:10px;
}

.padBtm25{
   padding:0 0 25px;
}

*+ html .padRght20{
   padding-right:20px !important;
}

*+ html .padRght0{
   padding-right:0 !important;
}

.spacer, .spacerFlash{
   display:block;
   height:10px;
}

.spacer5px{
   display:block;
   height:2px;
}

.spacerFlash{
   background:red;
}

.displaynone, .dnone{
   display:none;
}

.borderTopNone{
   border-top:0 !important;
}

h1, h2, p{
   margin:0;
}

h1 {
   padding:10px 0 25px;
}

.headFlash{
   margin:0;
   padding:10px 0 25px;
}

p{
   padding:0 0 20px;
}

.files{
   color:#666 !important;
}

#container{
   margin:0 auto;
   min-width:990px;
   background:#fff;
   width:100%;
   height:100%;
}

*+ html .minWidth{
   min-width:1010px !important;
}

#min{
   text-align:left;
}

.clear{
   clear:both;
}

.left{
   float:left;
}

.right{
   float:right;
}

.ta-right{
   text-align:right;
}

.active{
   color:#fff !important;
}


/* GOOGLE MAP START */

.map_padding{
   padding:20px 0 0 30px;
}

#map_canvas{
   width: 500px;
   height: 300px;
}

#map_canvas div span, #map_canvas div a, #map_canvas #copyright *, #map_canvas #logocontrol img{
   display:none;
}



#container #content #map_canvas #logocontrol *{
   display:none !important;
}

/* GOOGLE MAP END */


/* IE HACK START */
* html #width{
   padding: 0 0 0 990px;
}

* html #min{
   margin-left:-990px;
   position:relative;
}

* html #width, * html #min, * html #layout{
   height:1px;
}
/* IE HACK END */



/*** START HEADER ***/

#header{
   height:51px;
   background:#000;
   padding:20px 34px 0;
}

.header_home {
   border-bottom:1px solid #373737;
}

#header .right h1, #header span, #work, #blog, 
#solution, #about, #contact {
   display:block;
   height:32px;
   text-indent:-9999px;
   float:left;
}

#header .right h1{
   margin:0;
   padding:0;
}

#header .divider36{
   width:36px;
}

#header .divider37{
   width:37px;
}

#header span.logo, #header .right h1{
   background:url(images/evodence.gif) no-repeat;
   width:178px;
   padding:0 1px 0;
   cursor:pointer;
}

#header #work{
   background:url(images/work.gif) no-repeat;
   width:65px;
}

#header a#work:hover, .workH {
   background:url(images/work_o.gif) no-repeat !important;
}

#header #solution {
   background:url(images/solutions.gif) no-repeat;
   width:103px;
}

#header a#solution:hover, .solutionH {
   background:url(images/solutions_o.gif) no-repeat !important;
}

#header #about {
   background:url(images/about.gif) no-repeat;
   width:70px;
}

#header a#about:hover, .aboutH{
   background:url(images/about_o.gif) no-repeat !important;
}

#header #contact{
   background:url(images/contact.gif) no-repeat;
   width:87px;
}

#header a#contact:hover, .contactH {
   background:url(images/contact_o.gif) no-repeat !important;
}

#header #blog{background:url(images/blog.gif) no-repeat;width:87px;}
#header a#blog:hover, .blogH {background:url(images/blog_o.gif) no-repeat !important;}

/*** END HEADER ***/


/*** START WELCOME ***/

#welcome{
   text-align:right;
   padding: 20px 36px 0 0;
   background:#000;
}

.home_left{
   padding: 45px 0 0 39px;
}

#content .home_left h2{
   display:block;
   text-indent:-9999px;
   margin:0;
   padding:0;
   background:url(images/home_aesthetic-communication.gif) no-repeat;
   width:325px;
   height:26px;
}

.home_contemporary_media{
   padding: 0 0 0 38px;
}

* html .home_contemporary_media{
   margin-left: 2px;
   padding:0 0 0 36px;
}

*+ html .home_contemporary_media{
   margin:18px 0 0 2px;
   padding:0 0 0 36px;
}


.home_why{
	margin-top:18px;
   padding: 0 0 0 14px;
}

* html .home_why{
	margin-top:18px;
   padding:0 0 0 14px;
}

*+ html .home_why{
	margin-top:18px;
   padding:0 0 0 14px;
}


.endText{
	margin-top:0px;
	margin-bottom:20px;
}

* html .endText{
	margin-top:0px;
}

*+ html .endText{
	margin-top:0px;
}

.fadelist{
   display:none;
   width:100%;
}

.padding{
   padding:20px 40px 40px;
}

#latest_news{
   text-align:right;
   padding: 20px 20px 0 0;
}

/*** END WELCOME ***/


/*** START SUBMENU ***/

#submenu{
   background:url(images/submenu-bg.gif) repeat-x;
   height:38px;
   border-top:1px solid #373737;
   border-bottom:1px solid #000;
   padding:12px 0 0;
}
/* IE HACK START */
* html #submenu, *+ html #submenu{
   height:37px;
   padding:13px 0 0;
}

* html #submenu, *+ html #submenu{
   padding-left: 39px;
}

* html #submenu ul{
   padding:0 39px;
   margin:0;
}

/* IE HACK END */

#submenu ul{
   list-style:none;
   margin:0;
}

#submenu li{
   float:left;
   padding:0 25px 0 0;
}

#submenu li a, #submenu .right, #submenu .right a{
   font:16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#707070;
   text-decoration:none;
   letter-spacing:-1px;
}

#submenu li a:hover, #submenu .right a:hover{
   color:#fff;
}

#submenu .right{
   padding:0 39px 0 0;
   margin:0;
}

#submenu .right select{
   background:#333;
   color:#bcbcbc;
   border:1px solid #393939;
}

*+ html #submenu .right{
   padding:0 39px 0 0;
   margin:0;
}

#submenu .right span{
   display:inline-block;
   padding:0 5px 0 20px;
}

#submenu .right .spacing{
   display:inline-block;
   width:30px;
}

#submenu .right .industry{
   width:170px;
}

/*** END SUBMENU ***/


/*** START CONTENT ***/
#content{
	background:#000;
	font: 16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
	color:#7E7E7E;
	letter-spacing:-1px;
	word-spacing:3px;
	position:relative;
}

.textDark{
   color:#595959;
}

.emailSend{
   color:#FFFFFF;
   display:inline-block;
   width:550px;
}

.emailError{
   color:#FF0000;
}

#content h1{
   font: 29px Helvetica, Arial, sans-serif;
   font-weight:200;
   line-height: 90%;
   color:#fff;
   letter-spacing:-0.05em;
   word-spacing:1px;
}

#content h2{
   font: 18px Helvetica, Arial, sans-serif;
   font-weight:200;
   line-height: 100%;
   color:#fff;
   letter-spacing:-0.05em;
   word-spacing:1px;
}

.clist ul{
   list-style: square;
   padding:0 0 0 15px;;
   margin:0;
}

.clist li{
   padding:1px 0;
}

.padding{
   padding:0 160px 0 0;
}

.padding_b{
   padding:0 130px 0 0;
}

.padding_c{
   padding:0 112px 0 0;
}

*+ html .padding_c{
   padding:0 102px 0 0;
}


.padding_d{
   padding:0 150px 0 0;
}



.position_title{
   font: 14px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#a8a8a8;
   letter-spacing:-1px;
   word-spacing:3px;
   padding-right:3px;
   margin-right:10px;
   top:7px;
}

.titleMid{
   font: 16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#a8a8a8;
   letter-spacing:-1px;
   word-spacing:3px;
   padding-right:3px;
   margin-right:10px;
   top:7px;
}

.uppercase{
	text-transform:uppercase;
}

.client_name{
   font: 17px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   font-weight: normal;
   color:#fff;
   letter-spacing:-1px;
   word-spacing:3px;
   padding-right:3px;
   margin-right:10px;
   top:7px;
}


.titleBig {
   font: 18px Helvetica, Arial, sans-serif;
   font-weight:200;
   line-height: 100%;
   color:#fff;
   letter-spacing:-0.05em;
   word-spacing:1px;
}



.spacer_colour{
   color:#454545;
}

.underline{
   text-decoration:underline;
}

.highlight{
   color:#ababab;
}

.position_job{
   color:#fff;
   font-size: 22px;
   font-weight:lighter;
}


.ztop, .ztopProject{
   padding:70px 33px;
   z-index:500;
   position:absolute;
   top:0;
   left:0;
}

* html .ztopProjectHome{
   margin-left: -39px;
}


#content_overflow {
   overflow-x:hidden;
   overflow-y:auto;
}

*+ html #content_overflow {
   overflow-x:hidden;
   overflow-y:auto;
}

.overflow{
   height:200px;
   padding:0;
   margin:0;
}

.ztopProject {
   width:100%;
   padding:70px 0;
}


.ztopProjectb{
   z-index:500;
   position:absolute;
   top:45px;
   left:0;
   padding:0 0 0 45px;
   text-align:left;
   width:91%;	
}

.opacity{   
   padding:20px;
   background:url(images/black_panel.png) repeat;
}

.opacitylite{   
   padding:20px;
   background:url(images/black_panel-lite.png) repeat;
}


* html .opacity{   
   padding-right:20px;
}

*+ html .opacity{   
   padding-right:40px;
}

.listing{
   background:url(images/work_panel.png) center center repeat-x;
   height:80px;
   margin:20px 38px;
   cursor:pointer;
}

.listing .left{
   padding:10px 0 0 10px;
}

.listing .right{
   padding:1px 10px 0 0 !important;
}

.listing .right .swfReplace span, .swfReplace h1{
   margin:0;
   padding:0;
}

.swfReplace2 h2{
   margin:0;
   padding:0 0 25px;
}

.listing-last{
   height:100px;
}


.listing-last{
   height:100px;
}

.name{
   text-align:right;
}

.name span{
   margin:12px 0 0;
   display:block;
}

.comtemporary{
   padding:0 10px;
}

.overviewB{
   position:absolute;
   bottom:60px;
   left:39px;
   z-index:500;
}

* html .overviewB{
   position:absolute;
   padding-bottom:150px;
   left:2px;
   z-index:500;
}

#packOverview{
   position:absolute;
   bottom:40px;
   right:20px;
   z-index:500;
}

* html #packOverview{
   position:absolute;
   padding-bottom:150px;
   right:20px;
   z-index:500;
}

/* TEAM START */

.teamClear{
   margin:0;
   padding:0 0 15px;
}

.hazo, .ink, .surya{
   margin:15px 0 0;
}

* html .pngfix{
   behavior: url(iepngfix.htc);
}

/* END TEAM */

/* IE 6 HACK START */

* html .ztop{
   filter:alpha(opacity=90);
   opacity:0.90;
}

* html .listing{
   background:#1b1b1b;
}

* html .opacity, .opacitylite{
   _background:#000;
}
/* IE 6 HACK END */

/*** END CONTENT ***/


#projDetail{
   margin-top:5px;
}

#projDetail h1{
   margin:0;
   padding:0;
}

*+ html #projDetail{
   padding-bottom:17px;
}

* html #projDetail{
   padding-bottom:17px;
}



/*** START FOOTER ***/

#footer{
   background:url(images/footer-bg.gif) repeat-x;
   border-top:1px solid #000;
   height:27px;
   overflow:hidden;
   padding:6px 30px 0;
   font-size:14px;
   color:#4a4a4a;
   font:500 14px "Trebuchet MS", Arial, Helvetica;
   letter-spacing:-1px;
   text-transform:none;
   word-spacing:1px;
   /*margin-bottom:-70px;*/
}

.footer_work_summary{
   margin-bottom:-70px;
}

#footer .left{
   word-spacing:2px;
}

#footer .left a{
   color:#a8a8a8 !important;
   font:14px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   text-decoration:none;
}

#footer .left a:hover{
   color:#fff !important;
}

#footer .time{
   color:#696969;
   font:500 13px Helvetica, "Trebuchet MS", Arial;
   word-spacing:0;
}

#footer .time a{
   color:#696969 !important;
   font-size:12px !important;
   text-decoration:underline;
}

#footer .time a:hover{
   color:#696969 !important;
   text-decoration:none;
}

#footer .right{
   word-spacing:1px;
}

#footer .right a{
   text-decoration: none;
}

#footer .right, #footer .right a{
   color: #4a4a4a !important;
   font: 500 13px "Trebuchet MS", Arial, Helvetica !important;
}

#footer .right a:hover{
   text-decoration:underline;
}


/*** END FOOTER ***/

#footer #footerLink{
   text-decoration: none;
   font:13px "Trebuchet MS", Arial, Helvetica;
   color:#4a4a4a;

}

#footer #footerLink:hover {
   text-decoration: underline;
}


#cursor, .cursor {
   cursor:pointer;
}

#proj-desc a{
   font: 16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#a8a8a8 !important;
   letter-spacing:-1px;
   word-spacing:3px;
   text-decoration:underline;
}

#proj-desc a:hover{
   color:#fff;
   text-decoration:none;
}



/*********** DETAILS ***************/
* html #transOverflow{
   height:109px;
   overflow:auto;
}

*+html #transOverflow{
   height:107px;
}

#transOverflow{
   height:122px;
}

#replace{
   position:relative;
}

#boxL, #boxR{
   position:absolute;
   background:#000;
   top:0;
   width:50%;
   display:none;
}

#boxL{
   left:0;
   background:url(images/left.gif) left center no-repeat;
}

#boxR{
   right:0;
   background:url(images/right.gif) right center no-repeat;
}


#picture{
   padding:1px 0;
   background:#000;
}

#proj-details{
   background:url(images/footer.png);
      background-repeat: repeat;
   background-position: center center;
   width:100%;
   min-height:213px;
   height:auto !important;
   height:213px;
}

#padding25{
   padding:25px;
}

#proj-pic{
   background:#111;
   padding:0 4px 0;
   height:89px;
   margin-top:15px;
}

#transOverflow{
   overflow:auto;
   height:120px;
}

* html #proj-pic{
   overflow:auto;
   background:#111;
   height:89px;
   padding:0 0 0 3px;
   width:99%;
   margin:0;
}

*+html #proj-pic{
   margin:0;
}

#proj-pic img{
   padding:5px 3px 5px 2px;
   cursor:pointer;
}

* html #proj-pic img {
   padding:5px 3px 5px 2px
}

#proj-desc{
   font: 16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#707070;
   letter-spacing:-1px;
   padding:0 0 10px;
   margin-top:7px;
   margin-left: 5px;
   word-spacing:3px;
}

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

#flash .center, #targetAsset .center{
   padding:100px 0 120px;
   margin:0 auto;
   text-align:center;
}

#box{
   position:absolute;
   display:none;
   cursor:pointer;
   top:0;
   left:0;
}

#box span{
   display:block;
   width:44px;
   height:22px;
}

/*********** END DETAILS ***************/





#content a{
   font:16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#707070;
   text-decoration:underline;
   letter-spacing:-1px;
}

#content a:hover{
   color:#fff;
}


.linkstyle_b a{
   color:#fff !important;
   background: #000 !important;
   text-transform:uppercase;
   text-decoration:none;
   letter-spacing:-1px;
   padding-left:2px;
   padding-right: 2px;
}

.linkstyle_b a:hover{
   color: #000 !important;
   background-color: #fff !important;
}

.linkstyle_c a{
   color:#fff !important;
   text-decoration:underline !important;
   letter-spacing:-1px;
}

.linkstyle_c a:hover{
   color: #fff !important;
   text-decoration:none !important;
}

.linkstyle a{
   font:16px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#fff;
   background-color: #000000;
   text-decoration:none;
   letter-spacing:-1px;
   padding-left:2px;
   padding-right: 2px;
}

.linkstyle a:hover{
   color: #000000;
   background-color: #FFFFFF;
   text-decoration:none;
   letter-spacing:-1px;
   padding-left:2px;
   padding-right: 2px;
}

.margintop{
   margin:20px 0 0;
}

.white{
   color:#fff;
}

.whiteText{
   color:#fff;
}


.greyText{
   color:#a8a8a8;
}

.title-methodology{
	color:#a8a8a8;
	font-size:18px;
}
.title-methodology-sub{
   font-size:14px;
   color:#707070;
   display:inline-block;
}
.title-methodology-deliverables{
	font-size:15px;
	display:inline-block;
	margin-bottom:10px;
	color:#707070;
}
*+ html .title-methodology-deliverables{
	margin-top:6px;
}


.white span{
   display:inline-block;
   width:65px;
   color:#a8a8a8;
}

.warningMessage{
   display:none;
}

.warningMessage span, .emailError{
   display:inline-block;
   width:550px;
   color:#FF0000;
}

.details div{
   padding:0 10px 10px 0;
}

.details input, .details textarea, .details select{
   border:1px solid #3c3c3c;
   background:#000;
   color:#fff;
   font: 15px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   letter-spacing:-1px;
   word-spacing:3px;
   padding:1px;
}

.details input{
   width:170px;
   height:20px;
}

.optionsB .title, .optionsB .titleLast{
   display:block;
   width:210px;
   color:#fff;
   margin:0 20px 5px 0;
   border-bottom:1px solid #3c3c3c;
}

.optionsB .titleLast{
   margin:0 0 5px 0;
}

.optionsB input{
   width:10px;
   vertical-align:middle;
   border:0;
   margin:0 5px 0 0;
}

.file input{
   width:230px;
   height:25px;
}

.longer input{
   width:220px;
   margin:0 5px 0 0;
   height:20px;
}

.submit .textinput{
   width:175px;
   margin:0;
}

.submit .divider{
   margin:0;
   padding:30px 0 0;
}

*html .longer input{
   width:225px;
   margin:0 5px 0 0;
   height:20px;
}

*+html .longer input{
   width:225px;
   margin:0 5px 0 0;
   height:20px;
}

.details textarea{
   width:710px;
   height:56px;
   overflow:auto;
}

.submit .textarea{
   width:450px;
   height:80px;
}

.longer textarea{
   width:450px;
}

.submit{
   width:882px;
}

.submit .submitBtn{
   width:224px;
   height:137px;
}

* html .details textarea{
   height:53px;
}

*+ html .details textarea{
   height:52px;
}

.details select{
   width:180px;
}

.details .first, .details .second, .details .third, .details .fourth,
.paddingZero{
   display:inline-block;
   text-align:right;
   padding:0 5px 0 0;
   vertical-align:top;
}

.details .first{
   width:65px;
}

.commentFix{padding:0 !important;}
*+ html .commentFix{padding:0 5px 0 0 !important;}
* html .commentFix{padding:0 5px 0 0 !important;}

.quoteFix{padding:0 15px 0 0 !important;}

.qoute .first{
   width:140px;
   padding:0 20px 0 0;
}

*html .paddingZero{
   width:140px;
   padding:0 20px 0 0;
}

*+html .paddingZero{
   width:140px;
   padding:0 20px 0 0;
}

.paddingZero{
   width:140px;
   padding:0 15px 0 0;
}

.details .second{
   width:85px;
}

.details .third{
   padding:0 0 0 151px;
}

* html .details .third{
   padding:0 0 0 145px;
}

.details .fourth{
   width:75px;
}

.optionsA .first{
   float:left;
}


/** PACKAGES **/


.packages-desc, .p-price, .p-time, .p-priceRegular{
   letter-spacing:-1px;
   word-spacing:3px;
}

.packages-desc, .p-price, .p-priceRegular{
   font: 17px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#fff;
}

.packages-sale {
   font: 26px Helvetica, Arial, sans-serif;
   color:#fff;
   letter-spacing:-1px;
   word-spacing:3px;
}

.packages-body {
   font: 14px Helvetica, Arial, sans-serif;
   color:#707070;
   letter-spacing:-1px;
   word-spacing:3px;
}

.packages-body span{
   font: 14px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
}

.title_small_dark{
   font: 14px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#707070;
   letter-spacing:-1px;
   word-spacing:3px;
}

.packages-list{
	list-style: square;
   margin:0 0 20px 0;
   padding-left:20px;
}

.packages-list ul{
   list-style:none;
   padding-left:0;
   margin:0;
}

.p-spacing{
   display:inline;
   padding:0 10px 0 0;
}

.p-marginTop{
   margin-top:20px;
}

.p-left{
   float:left;
   width:300px;
}

.p-lighter{
   color: #a8a8a8;
}

.p-time, .p-price, .w-std{
   display:block;
}

.p-time{
   font: 14px "Myriad Pro", Helvetica, "Trebuchet MS", Arial;
   color:#a8a8a8;
}

.p-price{
   text-transform: uppercase;
}

.p-priceRegular {
   color:#a8a8a8;
   text-decoration: line-through;
   text-transform: uppercase;
}

.tempasd{
   color:#a8a8a8;
   text-decoration: line-through;
}

* html .iepad{
   width:200px;
}

   .background{
      height:auto;
      left:0;
      position:fixed;
      top:0;
      width:100%;
      z-index:-1;
   }