<style type="text/css">

html {
overflow-y: scroll;	
}

body{
/margin: 0;
padding: 0;
border: 0;
overflow-y: scroll;
height: 100%; 
max-height: 100%; 
}

#header {
    position: fixed;
    top: 0px;
    width: 100%; 
    height: 130px;
    z-index: 1;
    background-color: white;
/* This box is fixed and has a transparent shadow with 50% transparancy. Scroll
       the text behind it to test. */
    -moz-box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
}
h1 {
    margin: 0px;
    border: 0px;
    padding: 0px;
    /* text-align: center; */
    color: #d0d0d0;
    text-shadow: 5px 5px 5px #000000;
    font-family: Arial;
}
.innertube{
    position: relative;
    width: 960px;
    height: 130px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    right: 8px; /* offset for the scroll bars in the main content */
}

#maincontent{
    position: relative;
    top: 130px; /*Set top value to HeightOfFrameDiv*/
    left: 0;
    right: 0;
    bottom: 0;
  /*  overflow: scroll;  */ 
    background: #FFF;
}
#innercontent{
    width: 100%; 
    margin-right: auto;
    margin-left: auto;
	position: relative;
	 /*  overflow: scroll;  */  
}

/* Navigation Area */
#navigation {
    position: fixed;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    top: 100px;
    height: 30px;
}

/* Begin Navigation Bar */
#menu_wrap {
   position:relative;
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;
   padding:0; 
   padding-right:0px;
   width:955px;
   height:30px;
   list-style-type:none;
   -webkit-border-radius:20px;
   -moz-border-radius:20px;border-radius:20px;
   -webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);
   -moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
   box-shadow:0 1px 3px rgba(0,0,0,.2)
}
.button a{
   cursor:pointer;
   text-align:center;
   font:16px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;
   position:relative;
   min-width:50px;
   height:20px;
   float:left;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
   text-decoration:none;
   text-shadow:0 1px 1px rgba(0,0,0,.3)
}
.button:first-child a{
   -webkit-border-top-left-radius:20px;
   -webkit-border-bottom-left-radius:20px;
   -moz-border-topleft-radius:20px;
   -moz-border-bottomleft-radius:20px;
   border-top-left-radius:20px;
   border-bottom-left-radius:20px
}
.Red,.Red .button a{
   color:#faddde;
   background: #ed1c24;
   border-right:solid 1px #aa1317;
   background: -moz-linear-gradient(top, #ed1c24 0%, #aa1317 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#aa1317));
   background: -webkit-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
   background: -o-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
   background: -ms-linear-gradient(top, #ed1c24 0%,#aa1317 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#aa1317',GradientType=0 );
   background: linear-gradient(top, #ed1c24 0%,#aa1317 100%);
}
.Red .button a:hover,.Red .button a:focus{
   background: #c9151b;
   background: -moz-linear-gradient(top, #c9151b 0%, #a11115 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9151b), color-stop(100%,#a11115));
   background: -webkit-linear-gradient(top, #c9151b 0%,#a11115 100%);
   background: -o-linear-gradient(top, #c9151b 0%,#a11115 100%);
   background: -ms-linear-gradient(top, #c9151b 0%,#a11115 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9151b', endColorstr='#a11115',GradientType=0 );
   background: linear-gradient(top, #c9151b 0%,#a11115 100%);
}
.Red .button a:active{
   color:#de898c;
   background: #aa1317;
   background: -moz-linear-gradient(top, #aa1317 0%, #ed1c24 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1317), color-stop(100%,#ed1c24));
   background: -webkit-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
   background: -o-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
   background: -ms-linear-gradient(top, #aa1317 0%,#ed1c24 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1317', endColorstr='#ed1c24',GradientType=0 );
   background: linear-gradient(top, #aa1317 0%,#ed1c24 100%);
}
.button:last-child a{
   float:left;
   border:none; 
   -webkit-border-top-right-radius:20px;
   -webkit-border-bottom-right-radius:20px;
   -moz-border-radius:20px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px
}
/* End Navigation Bar */

/****  Parallaxes ****/
.parallax1 {
    background-image: url('images/cd-background-1.jpg');
}

.parallax2 {
    background-image: url('images/cd-background-2.jpg');
}	

.parallax3 {
    background-image: url('images/cd-background-3.jpg');
}

.parallax4 {
    background-image: url('images/cd-background-4.jpg');
}

.parallax5 {
    background-image: url('images/cd-background-5.jpg');
}

.parallax1, .parallax2, .parallax3, .parallax4, .parallax5 {
    /* Full height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/****** Start Main Content **********/
#hdln {
  position: relative;
  top: -250px;
}

#sect1a {
   position: relative;
   right: -350px;
}

#sect1b {
   display: none;
}

#sect1c {
   position: relative;
   left: -350px;
}

#sect2a, #sect3a, #sect4a {
   position: relative;
   left: -300px;
}

@font-face {
   font-family: myFirstFont;
   src: url(Quicksand-Regular.otf);
}

.cd-container {
	display: block; /* for verification */
	min-height: 330px;
	 min-width: 50px;
    background-color: white;
}
.cd-container2 {
    height: 330px;
}
 
.city-title1 {
    margin-left: 200px;
	margin-right: 200px;
    word-spacing: 0px;
    padding-top: 50px;
	padding-bottom: 110px;
    text-align: center;
    color: #000;
    font-family: myFirstFont;
    font-size: 3.0em;
    font-weight: bold;
	background:rgba(999,999,999, 0.6);
}

/* Column Text*/
.innerwrap_1 {
    padding: 15px;
    font-family: myFirstFont;
    line-height: 100%;
	font-size: 2.0em;
	text-align: center;
}
.innerwrap_2 {
    padding: 15px;
    font-family: myFirstFont;
    line-height: 160%;
	font-size: 1.35em;
}
#content2a {
    position: relative;
    background-color: #FFFFFF;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 260px;
}
#content2b {
    position: relative;
    background-color: lightgray;
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 260px;
}
#leftcol {
    position: absolute;
    background-color: #ffffff;
    top: 0px;
    left: 0px;
    width: 640px;
    height: 250px;
}
#centercol {
    position: absolute;
    background-color: #B0B0B0;
    left: 320px;
    width: 320px;
    height: 330px;

}
#rightcol {
    position: relative;
    background-color: #FFFFFF;
    right: -640px;
    width: 320px;
    height: 250px;
}
/****** Images ********/
#e-commcart {
	position: relative;
    margin-top: 10px;
	margin-left: 50px;
	right: -300px;
}

/****** Images ********/
#scrum {
	position: relative;
    margin-top: 10px;
	margin-left: 5px;
	right: -300px;
	width: 473px; 
	height: 270px;
}
/****** Images ********/
#martech{
	position: relative;
    margin-top: 10px;
	margin-left: 55px;
	right: -300px;
	width: 405px; 
	height: 270px;
}

/***** Modals *******/
.contact{
    font-family: myFirstFont;
}
.modal_title {
    color: red;
	font-size: 1.35em;
	font-weight: bold;
}


/****** Footer Content ************/

.footer{
    position: relative;
    width:100%;
    height:50px;
    background:#333;
    color:#FFF;
    text-align: center;
    font-family: myFirstFont;
}

</style>
