*{
    margin:0;
    padding:0;
}
html {
	min-width: 1300px;
	}
.section{
    margin:0px;
    
    width:100%;
    float:left;
}
.section h2{
    margin:50px 0px 30px 50px;
}
.section p{
    margin:20px 0px 0px 50px;
    width:600px;
}
.black{
    color:#fff;
    background:#000 url(../images/black_vert.jpg) repeat-x bottom left;
}
.white{
    color:#000;
    background:#fff url(../images/white_vert.jpg) repeat-x bottom left;
}

.section ul{
    list-style:none;
    margin:0px 0px 0px 0px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:0px;
    margin:0px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}
body{ margin: 0; font-family: 'Open Sans', arial, sans-serif; background: #eee;}
a{
    color:#fff;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
a {outline : none !important;}
a img {outline : none !important;}
img {border : 0 !important;}
span.reference{
    position:fixed;
    left:10px;
    bottom:10px;
    font-size:13px;
    font-weight:bold;
}
span.reference a{
    color:#fff;
    text-shadow:1px 1px 1px #000;
    padding-right:20px;
}
span.reference a:hover{
    color:#ddd;
    text-decoration:none;
}
#topNav {
    position: fixed !important;
    overflow: visible;
    width: 260px;
    z-index: 100;
    display: block;
    height: 270px;
    margin: 0px 0 0 100px;
}
ul li {
    list-style-type:none;
}
.logobar {
    background-color: #353E57;
    height: 70px;
    width: 300px;
}
.logotop {
    background-image:url(../images/logo.png);
    height: 100px;
    width: 300px;
}
.navbar {
    width:910px;
    margin:0 auto;
}

.navcontainer{
    margin-left: 140px;
    height: 70px;
    float:left;
}

.navbutton {
    display:inline-block;
    color:#ffffff;
    font-size:16px;
    font-weight:100;
    text-decoration:none;
    text-align: center;
    height: 45px ;
    padding-top: 25px;
    margin-left: 20px;
    text-transform: uppercase;

}
.navbutton:hover {
    background-image:url(../images/arrow-bottom.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    color: #FB7512;
}
.navbutton:active {
    position:relative;
    top:1px;
    color: #2280AE;}

.bottom-arrow {
    background-image:url(../images/arrow.png);
    height: 24px;
    width: 47px;
    margin: 0 auto;
}
.button {
    display:inline-block;
    color:#ffffff;
    font-size:15px;
    font-weight:300;
    text-decoration:none;
}
.button:hover {
    background-color:#3E3E3E;
    -webkit-transition: background .8s, opacity .8s;
			-moz-transition: background .8s, opacity .8s;
			transition: background .8s, opacity .8s;
}
.button:active {
    position:relative;
    top:1px;}

.button-small {
    background-color:#CCCCCC;
    display:inline-block;
    color:#353e57;
    font-size:14px;
    font-weight:300;
    text-decoration:none;
    text-align: center;
    padding-top:3px;
}
.button-small:hover {
    background-color:#3E3E3E;
    -webkit-transition: background .8s, opacity .8s;
	-moz-transition: background .8s, opacity .8s;
	transition: background .8s, opacity .8s;
	-webkit-transform: rotate(-25deg) translateX(8px); 
	-moz-transform: rotate(-25deg) translateX(8px);
	-o-transform: rotate(-25deg) translateX(8px);
	-ms-transform: rotate(-25deg) translateX(8px);
	transform: rotate(-25deg) translateX(8px);
}
.button-small:active {
    position:relative;
    top:1px;}
/* ////////////////  TEXT COLORS   ////////////////// */
.red{
	color:#ff0000;
}
.red{
	color:#ff0000;
}
.black{
	color:#000;
}
.white{
	color:#FFF;
}

.gray{ color: #727374;
}
/* //////////////// - END - ////////////////// */

/* ////////////////  FLOAT   ////////////////// */
.left{
	float: left;
}
.right{
	float: right;
}
/* ////////////////  TEXT ALIGN   ////////////////// */
.textalign-right{
	    text-align: right;
}

.textalign-left{
	    text-align:center;
}

/* //////////////// - END - ////////////////// */
/* ////////////////  TEXT WEIGHT   ////////////////// */
.bold{
	font-weight: 700;
}
/* //////////////// - END - ////////////////// */
/* ////////////////  TEXT BREAKS   ////////////////// */
.break5{
	height: 5px;
	width: 100%;
	display: inline-block;
}
.break10{
	height: 10px;
	width: 100%;
	display: inline-block;
}
.break20{
	height: 20px;
	width: 100%;
	display: inline-block;
}
.break30{
	height: 30px;
	width: 100%;
	display: inline-block;
}
.break40{
	height: 40px;
	width: 100%;
	display: inline-block;
}
/* //////////////// - END - ////////////////// */

/* ////////////////  MARGINS   ////////////////// */
.margintop5{
	margin-top: 5px;
}
.margintop10{
	margin-top: 10px;
}
.margintop20{
	margin-top: 20px;
}
.margintop30{
	margin-top: 30px;
}
.margintop40{
	margin-top: 40px;
}
.margintop50{
	margin-top: 50px;
}
.marginleft10{
	margin-left: 10px;
}
.marginleft20{
	margin-left: 20px;
}
.marginleft30{
	margin-left: 30px;
}
.marginleft40{
	margin-left: 40px;
}
.marginleft50{
	margin-left: 50px;
}
.marginright5{
	margin-right: 5px;
}
.marginright10{
	margin-right: 10px;
}
.marginright20{
	margin-right: 20px;
}
.marginright30{
	margin-right: 30px;
}
.marginright40{
	margin-right: 40px;
}
.marginright50{
	margin-right: 50px;
}
/* //////////////// - END - ////////////////// */
.bdrbot{
	border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
}
.caps{
	text-transform: uppercase;
}
.norep{
	background-repeat: no-repeat;
}
.client-logo{
	width:801px;
	height:260px;
	
}   

    
/* Button Colors */

.grey1{
	background-color:#A6A6A6; opacity:0.85;
	filter:alpha(opacity=85);
	
}
.grey2{
	background-color:#999999; opacity:0.85;
	filter:alpha(opacity=85);
	
}
.grey3{
	background-color:#8B8D8D; opacity:0.85;
	filter:alpha(opacity=85);
	
}
.grey4{
	background-color:#808080; opacity:0.85;
	filter:alpha(opacity=85);
	
}
.grey5{
	background-color:#727374; opacity:0.85;
	filter:alpha(opacity=85);
	
}
.grey5{
	background-color:#666666; opacity:0.85;
	filter:alpha(opacity=85);
	
}
.grey6{
	background-color:#58595B; opacity:0.85;
	filter:alpha(opacity=85);
	
}

.fbmyellow{
	background-color:#EBE60E;
	
	
}

.cornerf{
	width:90px;
	height:90px;
	background-image: url(../images/cornerf.png);
	z-index: 9991;
	position: fixed !important;
}

.menuwrap {
    height: 170px;
    width: 260px;

        }

.menuleft {
    height: 150px;
    width: 260px;
    float:left;
}

.menuright {
    height: 150px;
    width: 325px;
    float:left;
}

.menucenter {
    height: 150px;
    width: 87px;
    margin: 0 80px;
    background-image:url(../images/cindy-home.png);
    float:left;
}
.content1{
    background-image:url(../images/wallpaper-01.jpg);
    background-position: center top;
    background-size: cover;
    height: 100%;
}
.content2{
    background-image:url(../images/wallpaper-02.jpg);
    background-position: center top;
    background-size: cover;
    height: 100%;
}
.content3{
    background-image:url(../images/wallpaper-01.jpg);
    background-position: center top;
    background-size: cover;
    height: 100%;
}
.content4{
    background-image:url(../images/wallpaper-02.jpg);
    background-position: center top;
    background-size: cover;
    height: 100%;
}

.largetext {
    text-align: left;
    font-weight: 300;
    font-size: 75px;
    line-height: 1.0em;
    letter-spacing: -0.05em;
}
.medtext {
    text-align: left;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.0em;
    letter-spacing: -0.05em;
    padding-bottom:10px;
}
.contenttype{
	color:#000;
	text-align: justify;
	font-size: 11px;
	padding-top: 40px;
	padding-right: 80px;
}
.mainframe {
    width: 900px;
    margin: 0 0 0 385px;
    display: block;
}

.videobox {
    background-color:#2280AE;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #dcdcdc;
    color:#ffffff;
    padding: 10px;
    text-align: center;
    display:inline-table;
    margin: 0 auto;
}
.clr {
    clear:both;
}


.banner {
	position: relative;
	width: 100%;
	overflow: auto;
	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	
	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
	height: 250px;
	
	
}
	.banner ul {
		list-style: none;
		width: 100%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 500px;
		padding: 60px 0 110px 0;
		min-height: 350px;
		
		
		
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		background-size: 100% 100%;
		
		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}
	
	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;
		color: #fff;
	}
	
	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		/*
.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
*/
		
	/*
.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
*/
	
	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 1px solid #999;
			border-radius: 1px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
	}
	.banner ul li {
		padding-top: 100px;
		padding-bottom: 50px;
		height: 240px;
	}
	.banner p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
}

.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #000 url(../images/cornerf.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	
	
/* Landing Page */

.pagewrap{
width: 100%;
height:100%;
background-image: url(../images/165492606.jpg);
background-position: center top;
background-size: cover;
}

.logobar-landing {
height: 70px;
width: 100%;
}

.logotop-landing {
background-image:url(../images/sharetize-wordmark.png);
height: 70px;
width: 175px;
margin: 0 auto;
}

.landing-container {
width:100%;
}

.landing-vert70{
width:90%;
height: 60%;
background-color:#2280AE;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#353e57;
margin: 0 auto;

}

.videobox2 {
        background-color:#2280AE;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:1px solid #dcdcdc;
        color:#ffffff;
        padding: 10px;
        display:inline-table;
        margin: 100px 0 0 30px;
        text-align: center;

    }

.left40{
width: 45%;
height: 100%;

float:left;

}
.right40{
width: 55%;
height: 100%;;

float:left;

}


.landing-bottom-container{
width:90%;
margin:0 auto;
height:20%;
display: block;
padding-top: 2%;
}

.landing-vert30{
width:49%;
height: 100%;
background-color:#353e57;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
color:#FFF;
float:left;
}

.footer{
height: 5%;
background-color:#000; position: absolute; left: 40%; width: 20%; bottom: 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
border-radius:4px 4px 0 0;
color:#353e57;
margin: 0 auto;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
padding-top: 15px;



}




.button-landing {
background-color:#CCCCCC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
display:inline-block;
color:#353e57;
font-size:14px;
font-weight:300;
text-decoration:none;
text-align: center;
}

.button-landing:hover {
background-color:#dfdfdf;
}

.button-landing:active {
position:relative;
top:1px;
}

.client-table{
	width:250px;
}
.process{
	background-image: url(../images/process.png);
	width: 832px;
	height: 431px;
	background-repeat: no-repeat;
	margin-top: 30px;
	
}
.model{
	background-image: url(../images/faulkner_digital.png);
	width: 832px;
	height: 415px;
	background-repeat: no-repeat;
	margin-top: 30px;
	
}

.serv-icons{
	background-image: url(../images/faulkner_icons.png);
	width: 832px;
	height: 157px;
	background-repeat: no-repeat;
	margin-top: 30px;
	
}

/*
.slidingDiv {
    height:500px;
    background-color: #000;
}
.slidingDiv1 {
    height:500px;
    background-color: #CCC;
}
*/
 
.show_hide {
    display:none;
    cursor:pointer;
}

#slidingDiv, #slidingDiv_2{
	height:500px;
	background-color: #000;
	margin-top:10px;
	display:none;
}

.clouds{
	background-image: url(../images/faulkner_creatives.png);
	width: 832px;
	height: 483px;
	background-repeat: no-repeat;
	margin-top: 30px;
	
}