@charset "utf-8";
/* CSS Document */

/* Color platelette:  
light blue: #aac3d6
dark blue: #2d6690
off-white: #e9eae8
dark grey: #454b50
light grey: #6e797e
*/

.grayInfoBoxWrapper{
	width:471px;
	display:block;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	box-shadow: 0px 0px 10px -1px #000;
	-webkit-box-shadow: 0px 0px 10px -1px #000;
	
}
.grayInfoBox{/*contains an inner shadow*/
	width:425px;
	border:8px solid #e9eae8;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	-moz-box-shadow:    inset 0 0 50px #1b1f22;
    -webkit-box-shadow: inset 0 0 50px #1b1f22;
    box-shadow:         inset 0 0 50px #1b1f22;
	background:url(images/diagonalGray_wide.gif) repeat;
	text-align:center;
	padding:10px 15px;
	overflow:hidden;
}
.grayInfoBox hr{
	width:100%;
	margin-left:auto; margin-right:auto;
	height:0px;
	border-top: 3px double #e9eae8;
}
.grayInfoBox p{
	color:#e9eae8;
	font-size:.9em;
	line-height:1.3em;
}
.infoSeeWork{
	position:relative;
}
.infoSeeWork h2{
	padding:5px 0px 0px;
	color:#e9eae8;
	line-height:45px;
	text-align:right;
}
.seeWork{
	width:39px; height:39px;
	border-radius:23px;
	-moz-border-radius:23px;
	-webkit-border-radius:23px;
	-khtml-border-radius:23px;
	background:url(images/miniArrowRightBG_sprite.gif) no-repeat;
	background-position:-45px 0px;
	cursor:pointer;
	box-shadow: 0px 0px 7px -1px #000;
	-webkit-box-shadow: 0px 0px 7px -1px #000;
	border:#e9eae8 3px solid;
	margin:0px 0px 0px 10px;
	float:right;
}
.seeWork:hover{
	text-decoration:none;
}



/*USU*/
#USUBanner{
	width:2000px; height:372px;
	display:block;
	background:url(../images/hero/usu/USUBanner.jpg) no-repeat;
}
.usuInfoBox{
	position:relative;
	margin:75px 0px 0px 515px;
}

/*JIGGYSTICK*/
#jiggystickBanner{
	width:2000px; height:372px;
	display:block;
	background:url(../images/hero/jiggystick/jiggystick.jpg) no-repeat;
	position:relative;
}
.jiggystickLogo{
	width:124px; height:105px;
	position:absolute;
	top:237px; left:961px;
}
.jiggystickName{
	width:294px; height:104px;
	position:absolute;
	top:245px; left:1096px;
}
.jiggystickPhrase{
	width:370px; height:19px;
	position:absolute;
	top:330px; left:1250px;
}
#jiggystickBanner h2{
	font-size:1.3em;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	-moz-transform:rotate(-90deg); /* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari and Chrome */
	-o-transform:rotate(-90deg); /* Opera */
	position:absolute;
	top:130px; left:423px;
	text-align:left;
}
#jiggystickBanner .seeWork{
	position:absolute;
	top:271px; left:506px;
}

/*DIABETES MIXER*/
#diabetesMixerBanner{
	width:2000px; height:372px;
	display:block;
	background:url(../images/hero/diabetesMixer/diabetesMixer.jpg) no-repeat;
	position:relative;
}
#diabetesMixerBanner .diabetesInfoBox{
	position:relative;
	margin:41px 0px 0px 1083px;
}
#diabetesMixerBanner .infoBoxWrapper{
	width:366px;
	display:block;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	box-shadow: 0px 0px 10px -1px #000;
	-webkit-box-shadow: 0px 0px 10px -1px #000;
	
}
#diabetesMixerBanner .infoBox{/*contains an inner shadow*/
	width:350px;
	border:8px solid #2d6690;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	-moz-box-shadow:    inset 0 0 50px #1b1f22;
    -webkit-box-shadow: inset 0 0 50px #1b1f22;
    box-shadow:         inset 0 0 50px #1b1f22;
	background:url(images/diagonalGray_wide.gif) repeat;
	text-align:center;
	padding:0px;
	overflow:hidden;
}
#diabetesMixerBanner .diabetesLogo{
	position:relative;
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-radius-topleft:10px;
	-khtml-border-radius-topleft:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-topright:10px;
	-khtml-border-radius-topright:10px;
	z-index:5;
}
#diabetesMixerBanner hr.diagonal{
	margin:0px;
	position:relative;
}
#diabetesMixerBanner .infoSeeWork h2{
	padding:10px;
	font-size:1.2em;
	position:relative;
}
#diabetesMixerBanner .seeWork{
	float:right;
	margin:10px 10px 10px 35px;
	position:relative;
	z-index:5;
}

/*MY FRIENDS*/
#myfriendsBanner{
	width:2000px; height:372px;
	display:block;
	background:url(../images/hero/myfriends/myfriends.jpg) no-repeat;
	position:relative;
}
#myfriendsBanner .myfriendsLogo{
	width:301px; height:122px;
	margin:15px 0px 0px 522px;
	position:relative;
}
#myfriendsBanner .diabetesInfoBox{
	position:relative;
	margin:41px 0px 0px 1083px;
}
#myfriendsBanner .myfriendsInfoBox{
	position:relative;
}
#myfriendsBanner .infoBoxWrapper{
	width:286px;
	display:block;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	box-shadow: 0px 0px 10px -1px #000;
	-webkit-box-shadow: 0px 0px 10px -1px #000;
	margin:140px 0px 0px 1150px;
}
#myfriendsBanner .infoBox{/*contains an inner shadow*/
	width:270px;
	border:8px solid #e9eae8;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius:15px;
	-moz-box-shadow:    inset 0 0 50px #1b1f22;
    -webkit-box-shadow: inset 0 0 50px #1b1f22;
    box-shadow:         inset 0 0 50px #1b1f22;
	background:url(images/diagonalGray_wide.gif) repeat;
	text-align:center;
	padding:0px;
	overflow:hidden;
}
#myfriendsBanner .infoSeeWork h2{
	padding:10px;
	font-size:1.2em;
	position:relative;
	text-align:right;
}
#myfriendsBanner .seeWork{
	float:right;
	margin:10px 10px 10px 25px;
	position:relative;
	z-index:5;
}