#quickLinks {
	position:fixed;
	top:0px;
	right:10px;
	z-index:30;
}

#quickLinks .button {
	display:inline-block;
	width:86px;
	overflow:visible;
	position:relative;
	cursor:pointer;
}

#quickLinks .button .label {
	font-family:Roboto;
	font-weight:bold;
	font-size:11px;
	color:#0088C7;
	text-transform:uppercase;
	background-color:#FFFFFF;
	padding:1px 4px;
	display:none;
  position:absolute;
  left:0;
  top:-19px;
	height:17px;
}

#quickLinks .button .label#label5 {
	left:auto;
	right:7px;
}

#quickLinks .button img {
	margin-top:17px;
}





#pane3,
#pane5 {
	background-color:#FFFFFF;
}

@media only screen and (min-width:768px) and (max-width:799px) {
	#box1 { background:url('/images/800/i2w.png') center top no-repeat fixed, url('/images/800/c1.png') center top no-repeat fixed; }
	#box2 { background:url('/images/800/c2.jpg') center top no-repeat fixed; }
	#box5 { background:url('/images/800/c3.jpg') center top no-repeat fixed; }
}

@media only screen and (min-width:800px) and (max-width:999px) {
	#box1 { background:url('/images/1000/i2w.png') center top no-repeat fixed, url('/images/1000/c1.png') center top no-repeat fixed; }
	#box2 { background:url('/images/1000/c2.jpg') center top no-repeat fixed; }
	#box5 { background:url('/images/1000/c3.jpg') center top no-repeat fixed; }
}

@media only screen and (min-width:1000px) and (max-width:1199px) {
	#box1 { background:url('/images/1200/i2w.png') center top no-repeat fixed, url('/images/1200/c1.png') center top no-repeat fixed; }
	#box2 { background:url('/images/1200/c2.jpg') center top no-repeat fixed; }
	#box5 { background:url('/images/1200/c3.jpg') center top no-repeat fixed; }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	#box1 { background:url('/images/1400/i2w.png') center top no-repeat fixed, url('/images/1400/c1.png') center top no-repeat fixed; }
	#box2 { background:url('/images/1400/c2.jpg') center top no-repeat fixed; }
	#box5 { background:url('/images/1400/c3.jpg') center top no-repeat fixed; }
}

@media only screen and (min-width:1400px) {
	#box1 { background:url('/images/1600/i2w.png') center top no-repeat fixed, url('/images/1600/c1.png') center top no-repeat fixed; }
	#box2 { background:url('/images/1600/c2.jpg') center top no-repeat fixed; }
	#box5 { background:url('/images/1600/c3.jpg') center top no-repeat fixed; }
}


#box1 {
  height:100%;
}

#box1,
#box2,
#box5 {
	background-size:cover;
	-webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover; 
}


#box4,
#box7 {
	min-height:491px;
}

#box4 #map-canvas1,
#box7 #map-canvas2 {
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
}

#box3 .overlay,
#box6 .overlay {
	z-index:1;
}


#box4,
#box7 {
	overflow:hidden;
}

#content3 .overlay,
#content5 .overlay {
	z-index:15;
}

#box2,
#box5 {
	height:auto;
	overflow:hidden;
}

#box2 img,
#box5 img {
	width:75%;
	display:block;
}

#box3,
#box6 {
	height:0;
	overflow:visible;
}

#box1 .overlay {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:710px;
}

#box1 .overlay .title {
	font-family:RobotoLight;
	font-size:52px;
	color:#FFFFFF;
	position:relative;
	display:inline-block;
	vertical-align:top;
	position:relative;
}

#box1 .overlay .form {
	display:inline-block;
	vertical-align:top;
	position:relative;
	top:-4px;
	margin-left:120px;
}

#box1 .overlay .form input[type='text'],
#box1 .overlay .form .dropdown,
#box1 .overlay .form textarea {
	background-color:#FFFFFF;
	padding:9px 3px 8px 15px;
	border-radius:8px;
	border:2px solid #FFFFFF;
	color:#0088C7;
	font-family:Roboto;
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-bottom:10px;
}

#box1 .overlay .form input[type='text'].ok {
	color:#00AA00 !important;
}

#box1 .overlay .form input[type='text'].invalid,
#box1 .overlay .form textarea.invalid {
	border-color:#FF0000;
}

.wskdropdown {
	margin-bottom:10px;
	width:100% !important;
	display:block !important;
}

#motivation.wskdropdown {
	z-index:10;
}

#location.wskdropdown {
	z-index:5;
}

.wskdropdown .collapsed, 
.wskdropdown .expanded {
	color: #0088C7 !important;
}

#box1 .overlay .dropdown {
	width:198px;
}

#box1 .overlay .dropdown img {
	vertical-align:middle;
	float:right;
	margin-top:6px;
	margin-right:11px;
}

#box1 .overlay .form input {
	width:100%;
	box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;	
}

#box1 .overlay .form textarea {
	height:95px;
	width:322px;
	padding-top:14px;
	padding-bottom:6px;
	line-height:18px;
}

#box1 .overlay .form .sendmessage {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	color:#FFFFFF;
	margin-top:0;
	border:1px solid #FFFFFF;
	padding:12px 16px 10px 16px;
	border-radius:7px;
	text-transform:uppercase;
	cursor:pointer;
	vertical-align:middle;
}

#box1 .overlay .form .sendmessage:hover {
	background-color:#FFFFFF;
	color:#0088C7;
}

#box1 {
	position:relative;
}

#box1 #scrollHolder {
	width:100%;
	position:absolute;
	bottom:84px;
}

#box1 #scrollHolder #scroll {
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:710px;
	position:relative;
	font-family:RobotoCondensed;
	font-size:18px;
	color:#FFFFFF;
	text-transform:uppercase;
}

#box1 #scrollHolder #scroll img {
	position:absolute;
	left:-21px;
	top:9px;
	vertical-align:middle;
}

#box1 #scrollHolder #scroll span {
	position:relative;
	vertical-align:middle;
}

#box1 #scrollHolder #scroll span.instructions {
	color:#57CAFF;
}

.overlay {
	display:block;
/*
	margin-left:auto;
	margin-right:auto;
*/
	position:relative;
}

#box3 {
	text-align:left;
}

#box6 {
	text-align:right;
}

#box3 .overlay {
	width:253px;
	height:431px;
	display:inline-block;
	margin-left:5%;
	position:relative;
}

#box6 .overlay {
	width:253px;
	height:431px;
	display:inline-block;
	margin-right:5%;
	position:relative;
}

@media only screen and (max-width:840px) {
	#box3 .overlay {
		padding-top:30px;
	}

	#box6 .overlay {
		padding-top:30px;
	}
}

#box7 {
	padding-bottom:61px;
}


.overlay .contactInfo {
	width:251px;
	height:429px;
	display:block;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	position:relative;
	-webkit-box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, .2);
	box-shadow: 3px 3px 4px 0px rgba(40, 40, 40, .2);

}

.overlay .contactInfo .photo {
	display:block;
}

.overlay .contactInfo .content {
	padding:16px 20px;
	text-align:left;
	width:auto;
}

.overlay .contactInfo .content .province {
	font-family:RobotoBoldCondensed;
	font-size:36px;
	color:#0088C7;
	text-transform:uppercase;
	margin-top:0;
	line-height:36px;
}

.overlay .contactInfo .content .building {
	font-family:RobotoBoldCondensed;
	font-size:16px;
	color:#0088C7;
	text-transform:uppercase;
	margin-top:10px;
	line-height:17px;
}

.overlay .contactInfo .content .address {
	font-family:Roboto;
	font-size:15px;
	color:#3B3B3B;
	margin-top:5px;
	line-height:19px;
}

.overlay .contactInfo .content .phone {
	font-family:Roboto;
	font-size:22px;
	font-weight:bold;
	color:#545454;
	margin-top:20px;
	line-height:22px;
}

.overlay .contactInfo .content .email {
	font-family:Roboto;
	font-size:15px;
	color:#0088C7;
	margin-top:10px;
	line-height:15px;
	text-decoration:none;
}

.overlay .contactInfo .content .email:hover {
	text-decoration:underline;
}

.overlay .contactInfo .content .twitter {
	font-family:Roboto;
	font-size:15px;
	color:#3B3B3B;
	margin-top:9px;
	line-height:15px;
	vertical-align:middle;
}

.overlay .contactInfo .content .twitter img {
	vertical-align:middle;
}


.overlay .copy {
	width:515px;
	height:auto;
	vertical-align:top;
	display:inline-block;
	font-family:Roboto;
	font-size:16px;
	color:#545454;
}


.overlay .title {
	font-family:RobotoBoldCondensed;
	font-size:36px;
	color:#0088C7;
	text-transform:uppercase;
	margin-top:0;
	line-height:36px;
}

.overlay .subtitle {
	font-family:Roboto;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	color:#0088C7;
	margin-top:22px;
}

.overlay p {
	margin-top:21px;
	margin-bottom:20px;
	line-height:20px;
}


.overlay .final {
	font-family:RobotoMediumItalic;
	font-size:16px;
	line-height:20px;
	color:#545454;
}

#footer {
	z-index:30;
}
