

@charset "utf-8";

/* Main Marcom CCS */





@font-face {
    font-family: 'ArsenalRegular';
    src: url('fonts/Arsenal-Regular-webfont.eot');
    src: url('fonts/Arsenal-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Regular-webfont.woff') format('woff'),
         url('fonts/Arsenal-Regular-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Regular-webfont.svg#ArsenalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalItalic';
    src: url('fonts/Arsenal-Italic-webfont.eot');
    src: url('fonts/Arsenal-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Italic-webfont.woff') format('woff'),
         url('fonts/Arsenal-Italic-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Italic-webfont.svg#ArsenalItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalBold';
    src: url('fonts/Arsenal-Bold-webfont.eot');
    src: url('fonts/Arsenal-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-Bold-webfont.woff') format('woff'),
         url('fonts/Arsenal-Bold-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-Bold-webfont.svg#ArsenalBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArsenalBoldItalic';
    src: url('fonts/Arsenal-BoldItalic-webfont.eot');
    src: url('fonts/Arsenal-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Arsenal-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Arsenal-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Arsenal-BoldItalic-webfont.svg#ArsenalBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {

    font-family: 'LaneNarrowRegular';

    src: url('fonts/LANENAR_-webfont.eot');

    src: url('fonts/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LANENAR_-webfont.woff') format('woff'),

         url('fonts/LANENAR_-webfont.ttf') format('truetype'),

         url('fonts/LANENAR_-webfont.svg#LaneNarrowRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'LaneUpperRegular';

    src: url('fonts/LANEUP__-webfont.eot');

    src: url('fonts/LANEUP__-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LANEUP__-webfont.woff') format('woff'),

         url('fonts/LANEUP__-webfont.ttf') format('truetype'),

         url('fonts/LANEUP__-webfont.svg#LaneUpperRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'LanePoshRegular';

    src: url('fonts/LANEPOSH-webfont.eot');

    src: url('fonts/LANEPOSH-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/LANEPOSH-webfont.woff') format('woff'),

         url('fonts/LANEPOSH-webfont.ttf') format('truetype'),

         url('fonts/LANEPOSH-webfont.svg#LanePoshRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* Body Style */



Body {

	margin-bottom:0px;

	margin-left:0px;

	margin-right:0px;

	margin-top:0px;	

}



.clr{

	clear:both;

}

/* Links */

a:link {

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

a:active {

	text-decoration: none;

}



/* Fonts */



.Body-12 {font-family: Arial,Helvetica,Geneva,sans-serif;  font-size: 12px; line-height:16px;}

.Body-13 {font-family: Arial,Helvetica,Geneva,sans-serif;  font-size: 11px; line-height:16px;}

#Body-12-Light {color:#eeeeee;}

#Footer-12-Light {color:#d3d1d1;}

.Header-13 {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:13px; color:#6A6A6A;}

.Header-15 {font-family:Arial, Helvetica, sans-serif;font-weight: bold; font-size:15px; color:#6A6A6A;}

.Header-20 {font-family:Arial, Helvetica, sans-serif;font-weight: bold; font-size:20px; color:#6A6A6A;}

#Header-20-Light {color:#eeeeee;}

#Header-20-Footer {color:#d3d1d1;}

#Header-20-DM{color:#029cd3;}

#Header-20-Design{color:#eac300;}

#Header-20-Event{color:#c8371c;}

#Header-20-Media{color:#c17a26;}

#Header-20-Special{color:#cd5200;}

#Header-20-PR{color:#b53b7f;}

#Header-20-Outsourcing{color:#89a319;}

#Header-20-Branding{color:#00529c;}

.Header-24-Italic{font-family:'LaneNarrowRegular', Arial, Helvetica, sans-serif;font-style:italic;font-weight: bold;font-size:24px;text-align: center; color:#405b90;}

.Header-25 {font-family:'LaneNarrowRegular', Arial, Helvetica, sans-serif; font-weight: bold; font-size:25px; color:#3c3939;}

.Header-30 {font-family:'LaneNarrowRegular',Arial,Helvetica,Geneva,sans-serif; font-size:30px; color:#414042;font-weight:500; text-align:right}

.Header-35 {font-family:'LaneNarrowRegular',Arial,Helvetica,Geneva,sans-serif;  font-size:35px; color:#414042;font-weight:500; text-align:right}

#Header-30-Light {color:#eeeeee;}

.Header-50-Italic{font-family:'LaneNarrowRegular', Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold; font-size:50px; text-align: center; color:#405b90;}





/* Div's */



.div-container, .div-body, .div-footer, .div-menu   {

	width: 70%;

	left: 15%;

	position:relative;

}

.div-menu {

	top:0;

	height: 66px;

}



.div-container {

    height: 440px;

	background:none;

}

.div-container-text {	

height:100px;

top:40%;

position:relative; 

text-align:center;

line-height:30px;

}



.div-events-news {

/*width:85%;*/

/*height:100px;*/ 

margin-left:10px; 

margin-right:10px; 

float:left; 

border:1px solid #dedede;

-moz-border-radius: 5px;

border-radius: 5px;



	

	

}

.div-fb {

	

width:3%;

background-image:url(../../images/icons/facebook_bk.png) ;

background-repeat:no-repeat;

width:32px;

height:32px;

cursor:pointer;

float:left;

margin-left:0%;



}



.div-fb:hover {

	background-image:url(../../images/icons/facebook_bl.png);

	background-repeat:no-repeat;

	

}



.div-linkedin {

	width:3%;

background-image:url(../../images/icons/linkedin_bk.png);

background-repeat:no-repeat;

width:32px;

height:32px;

cursor:pointer;

float:left;

margin-left:2%;

	

}



.div-linkedin:hover {

	

	background-image:url(../../images/icons/linkedin_bl.png);

	background-repeat:no-repeat;

}



.div-twitter {

	width:3%;

background-image:url(../../images/icons/twitter_bk.png);

background-repeat:no-repeat;

width:32px;

height:32px;

cursor:pointer;

float:left;

margin-left:2%;

	

}



.div-twitter:hover {

	

	background-image:url(../../images/icons/twitter_bl.png);

	background-repeat:no-repeat;

}

.div-container-fixed {

top:306px;

	left:0px;

	z-index:50; 

	background-image: url(../../images/backgrounds/bg_br.png);

	background-repeat:repeat-x;

	position:absolute;

	width: 100%;

	height:20px;

	margin: 0px;

	padding: 0px; 

	

}

.div-body {

	height: 100%;

	/*border: 1px solid #dadbdc; 

	-webkit-border-radius: 10px; 

	-moz-border-radius: 10px; 

	-o-border-radius: 10px; 

	border-radius: 10px;*/

	background: rgba(218, 219, 220, .5);

	/*background:url(../../images/backgrounds/bg_br_bk.png) repeat;*/

}



.div-clients {

	height: 100%;

}

#div-body-dark {

   /* border: 1px solid #2a2a2a; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;*/

	background: rgba(218, 219, 220, .1);

	/*background:url(../../images/backgrounds/bg_br.png) repeat; */

	

}

.div-footer {

	height: 100%;

	background-color:#222222;

		background:url(../../images/backgrounds/background.jpg) repeat;

}

.div-header {

	width: 100%;

	left:0;

	top:0;

	position:absolute;

	height: 66px; 

	/*background-color:#2d2d2d;*/



}



.div-logo {

width:10%;

height:64px;

display: inline;

position:absolute;

float: left;

margin-left: 0;

margin-top:0;

left:0;

top:0;

background:url(../../images/marcom_logo3.png) no-repeat;

	

}



.div-footer-logo {

width:100%;

height:64px;

display: inline;

float: left;

margin-left: 0%;

margin-top:0px;

background:url(../../images/marcom_logo.png) no-repeat;

	

}

.div-menu-container {

	width: 100%;

	left: 0%;

	top:0%;

	position:fixed;

	height: 66px;

	z-index:1000;

	background-color:#252525;

	/*background:url(../../images/backgrounds/bgdark.jpg) repeat-x;*/
	

	/*background-color:#2d2d2d;

	opacity:1.0;

    filter:alpha(opacity=100);*/

}

.div-container-Normal {

	width: 100%;

	left: 0%;

	top:0%;

	position:relative;

	height: 100%;

}



.div-container-container {

	width: 90%;

	left: 5%;

	top:0%;

	position:relative;

	height: 100%;

}

#div-gallery-container {

	position: relative;

	/*left: 5%; */

	text-align:center;

	top: 0px;

	width: 90%;

	height:100%;

	padding-top:30px;

}

#div-Main-Container {

	background-color:#373737;

    background:url(../../images/backgrounds/bg-pattern-dark.png) repeat; 

}

.div-DM-Container {

	background:url(../../images/backgrounds/bg_dm3.png) repeat;

	width:100%;

	left:0%;

	

}

#div-Light-Container {

	background-color:#f4f4f4;

	 background:url(../../images/backgrounds/bg-pattern-light.png) repeat;

}

.div-Design-Container {

    background:url(../../images/backgrounds/bg_design3.png) repeat;

	width:100%;

	left:0%;

}

.div-Event-Container {

    background:url(../../images/backgrounds/bg_event3.png) repeat;

	width:100%;

	left:0%;

}

.div-Special-Container {

    background:url(../../images/backgrounds/bg_special3.png) repeat;

	width:100%;

	left:0%; 

}

.div-Outsourcing-Container {

   background:url(../../images/backgrounds/bg_outsourcing3.png) repeat;

	width:100%;

	left:0%;

}

.div-Branding-Container {

    background:url(../../images/backgrounds/bg_branding3.png) repeat;

	width:100%;

	left:0%;

}

.div-PR-Container {

   background:url(../../images/backgrounds/bg_pr3.png) repeat;

	width:100%;

	left:0%;

}

.div-Media-Container {

    background:url(../../images/backgrounds/bg_media3.png) repeat;

	width:100%;

	left:0%;

}

.div-body-container-Normal {

	width: 100%;

	left: 0%;

	top:0%;

	padding-top:30px;

	padding-bottom:30px;

	position:relative;

	height: 100%;

	background-color:#f4f4f4;

	background:url(../../images/backgrounds/bg-pattern-light.png) repeat;

}

.div-body-container {

	width: 90%;

	left: 5%;

	top:0%;

	padding-top:30px;

	padding-bottom:30px;

	position:relative;

	height: 100%;

	background-color:#f4f4f4;

	background:url(../../images/backgrounds/bg-pattern-light.png) repeat;

}

#div-body-container-dark {

	background-color:#373737;

	background:url(../../images/backgrounds/bg-pattern-dark.png) repeat;

	

}

.div-footer-container {

	width: 100%;

	left: 0%;

	top:0%;

	position:relative;

	height: 100%;

	background-color:#222222;

	background:url(../../images/backgrounds/background.jpg) repeat;

}

.div-footer-container-main {

	width: 100%;

	left: 0%;

	top:0%;

	position:relative;

	height: 100%;

	background-color:#222222;

	/*background:url(../../images/backgrounds/footer_bg1.gif) repeat;	*/

}



.portfolio-item

{

border: 1px solid #9d9d9d; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;

margin-left:5px;

margin-right:0%;

width:30%;

height:400px; 

float:left;

overflow:hidden;

background:none;



}



.portfolio-img

{

width:300px; 

height:300px; 

overflow:hidden;

text-align:center;

	

}



.portfolio-text

{

width:98%; 

height:200px; 

overflow: hidden;

text-align:justify;	

	

}



.portfolio-content

{

/*background-color:#FFFFFF; */

width:100%;

height:300px;



padding:5px 5px 0px 5px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px;

text-align:left; color:#505050;

}

.portfolio-arrow {

	

	width:110px;

	height:20px;

	margin-top:75px;

}



.ca-container{

	position:relative;

	margin:25px auto 20px auto;

	width:900px;

	height:450px;

}

.ca-wrapper{

	width:100%;

	height:100%;

	position:relative;

}

.ca-item{

	position:relative;

	float:left;

	width:33%;

	height:100%;

	text-align:center;

}

.ca-info{

	position: absolute;

	bottom: 10px;

	right:0px;

	padding:4px 8px;

	font-weight:bold;

	/*background: #c8371c;*/
	background:url(../../images/backgrounds/services/events_hatching.png) repeat;

	text-align:center;

	color: white;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style:italic;

	text-shadow:1px 1px 1px #464646;

}

.ca-link{

	position: absolute;

	left: 0px;

	top:0px;

	width:100%;

	height:100%;

}

.ca-close{

	position:absolute;

	top:10px;

	right:10px;

	background:#fff url(../../images/cross.png) no-repeat center center;

	width:27px;

	height:27px;

	text-indent:-9000px;

	outline:none;

	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	box-shadow:1px 1px 2px rgba(0,0,0,0.2);

	opacity:0.7;

}

.ca-close:hover{

	opacity:1.0;

}

.ca-item-main{

	padding-top:10px;

	padding-left:10px;

	position:absolute;

	top:5px;

	left:10px;

	right:5px;

	bottom:5px;

	overflow:hidden;

	background:url(../../images/backgrounds/noise-f3.gif) repeat;

	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4);

	box-shadow:1px 1px 2px rgba(0,0,0,0.4);

}





.ca-icon{

	width:275px;

	height:300px;

	position:relative;

	margin:0 auto;

	background:transparent url(../../images/portfolio/adobe1.jpg) no-repeat center center;

}

.ca-item-2 .ca-icon{

	background-image:url(../../images/portfolio/cisco1.jpg);

}

.ca-item-3 .ca-icon{

	background-image:url(../../images/portfolio/mohe1.jpg);

}

.ca-item-4 .ca-icon{

	background-image:url(../../images/portfolio/moh1.jpg);

}

.ca-item-5 .ca-icon{

	background-image:url(../../images/portfolio/opendoor1.jpg);

}

.ca-item-6 .ca-icon{

	background-image:url(../../images/portfolio/sap1.jpg);

}

.ca-item-7 .ca-icon{

	background-image:url(../../images/portfolio/emc1.jpg);

}

.ca-item-8 .ca-icon{

	background-image:url(../../images/portfolio/icef1.jpg);

}

.ca-item-9 .ca-icon{

	background-image:url(../../images/portfolio/shoula1.jpg);

}

.ca-item-10 .ca-icon{

	background-image:url(../../images/portfolio/stc1.jpg);

}

.ca-item-11 .ca-icon{

	background-image:url(../../images/portfolio/sadad1.jpg);

}

.ca-item-12 .ca-icon{

	background-image:url(../../images/portfolio/municipal1.jpg);

}

.ca-item-13 .ca-icon{

	background-image:url(../../images/portfolio/brazilian1.jpg);

}

.ca-item-14 .ca-icon{

	background-image:url(../../images/portfolio/emc1.jpg);

}

.ca-item-15 .ca-icon{

	background-image:url(../../images/portfolio/emc1.jpg);

}

.ca-item h3{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	font-size:17px;

	color:#404040;

	margin-bottom:20px;

	height:60px;

	text-align:left;

	text-shadow: 0px 1px 1px #e4ebe9;

	border-left:5px solid #C2000A;

	padding-left:10px;

}

.ca-item h4{

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:12px;

	text-align:left;

	border-left:5px solid #C2000A;

	padding-left:10px;

	margin:0px;

	position:relative;

	overflow:hidden;

	color:#404040;

	text-shadow: 0px 1px 1px #e4ebe9;

	text-indent:0px;

}

.ca-item h5 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:13px;

	position:relative;

	color:#404040;

	margin-bottom:20px;
	padding-top:0;

	height:35px;

	text-align:left;

	text-shadow: 0px 1px 1px #e4ebe9;

}

.ca-item h4 span{

	text-indent:0px;

	display:block;

}

.ca-item h4  span.ca-quote{

	color:#f4eee3;

	font-size:100px;

	position:absolute;

	top:20px;

	left:0px;

	text-indent:0px;

}

.ca-content-wrapper{

	background:#b0ccc6;

	position:absolute;

	width:0px; /* expands to width of the wrapper minus 1 element */

	height:440px;

	top:5px;

	text-align:left;

	z-index:10000;

	overflow:hidden;

}

.ca-content{

	width:660px;

	overflow:hidden;

}

.ca-content-text{

	font-size: 14px;

	font-style: italic;

	font-family: "Georgia","Times New Roman",serif;

	margin:10px 20px;

	padding:10px 20px;

	line-height:24px;

}

.ca-content-text p{

	padding-bottom:5px;

}

.ca-content h6{

	margin:25px 20px 0px 35px;

	font-size:32px;

	padding-bottom:5px;

	color:#000;

	font-family: 'Coustard', sans-serif;

	color:#60817a;

	border-bottom:2px solid #99bcb4;

	text-shadow: 1px 1px 1px #99BCB4;

}

.ca-content ul{

	margin:20px 35px;

	height:30px;

}

.ca-content ul li{

	float:left;

	margin:0px 2px;

}

.ca-content ul li a{

	color:#fff;

	background:#000;

	padding:3px 6px;

	font-size:14px;

	font-family: "Georgia","Times New Roman",serif;

	font-style:italic;

}

.ca-content ul li a:hover{

	background:#fff;

	color:#000;

	text-shadow:none;

}

.ca-nav span{

	width:25px;

	height:38px;

	background:transparent url(../../images/arrows.png) no-repeat top left;

	position:absolute;

	top:50%;

	margin-top:-19px;

	left:20px;

	text-indent:-9000px;

	opacity:0.7;

	cursor:pointer;

	z-index:100;

}

.ca-nav span.ca-nav-next{

	background-position:top right;

	left:auto;

	right:20px;

}

.ca-nav span:hover{

	opacity:1.0;

}

.registration-header {

	width: 87%;

	left: 6.5%;

	position:relative;

	height: 100%;

}



#registration-info {

	height: 100%;

	border: 1px solid #bbbbbb; 

	background: rgba(244, 244, 244, 1.0);

	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.1);

	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.1);

	box-shadow:1px 1px 2px rgba(0,0,0,0.1);

	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;

}



input.submit {

  width: 93px;

  height: 23px; 

  border: 0;

  background: transparent url(../../images/submit_red.png) no-repeat ; 

  cursor: pointer; 

 

}

input.file {

  width: 93px;

  height: 23px; 

  border: 0;

  background: transparent url(../../images/submit_red.png) no-repeat ; 

  cursor: pointer; 

 

}



.tooltip {

    background-color:#000;

    border:1px solid #fff;

    padding:10px 15px;

    width:200px;

    display:none;

    color:#fff;

    text-align:left;

    font-size:12px;

 

    /* outline radius for mozilla/firefox only */

    -moz-box-shadow:0 0 10px #000;

    -webkit-box-shadow:0 0 10px #000;

}

.registration-main {

	height: 100%;

	background: rgba(219, 219, 208, .7);

	width: 70%;

	left: 15%;

	position:relative;

	

}





 #page-wrap {

     border: 1px solid orange;

    margin: 10px auto;

    width: 1000px;

	}

 #parallax {position:relative; overflow:hidden; width:990px; height:440px;

left:11%;

 }

.parallax-viewport {

    position: relative;     /* relative, absolute, fixed */

    overflow: hidden;

}

.parallax-layer {

    position: absolute;

}





/*portfolio random work div */



#list {width:90%; margin-left:5%;}

		#list .item {width:30%; float:left; margin-left:3%;}

		#list .item a {font-weight:normal; color:#eeeeee; text-decoration:none; outline:0; font-family: 'ArsenalRegular',Arial,Helvetica,Geneva,sans-serif;  font-size: 12px; line-height:16px;}

		#list .item a:active, #list .item a:hover {color:#eeeeee; font-family: 'ArsenalRegular',Arial,Helvetica,Geneva,sans-serif;  font-size: 12px; line-height:16px;}

		#list .item a img {width:190px;; height:120px; border:5px solid #eeeeee}

		#list .item a img:hover {border:5px solid #222222;}

		#list .item a span {padding:10px 5px; display:block; width:190px;}

		#list .item p {margin:5px 0 0 0; padding:0 5px;}	