@charset "utf-8";
/* main.css */

html, body {font-family:Verdana, Geneva, sans-serif; padding:0; margin:0; margin-left:auto; margin-right:auto; width:100%; height:100%; line-height:1em; text-align:center;}
#topSection a:link {color:#FFFFFF; text-decoration:none;}
#topSection a:visited {color:#FFFFFF; text-decoration:none;}
#topSection a:hover {color:#FFFFFF; text-decoration:underline;}
#topSection a:active {color:#FFFFFF; text-decoration:none;}

#wrapper {margin:0 auto; width:990px; background:url('../../../_assets/images/global/centerBodyBG.jpg') repeat-y;}

#topNav {width:947px; height:75px; background:url('../../../_assets/images/mobile/bottomNavBG.png') repeat-x; overflow:hidden;}
#topNav .navButton {width:120px; height:75px; text-align:center; color:#529DC5; font-size:1.70em; display:inline-block; vertical-align:middle; padding-top:25px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#topNavr .navButton:hover {width:120px; height:75px; background:url('../../../_assets/images/mobile/bottomNavButtonOverBG.png') no-repeat; overflow:hidden; cursor:pointer; color:#FFFFFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#topNav .navButtonOn {width:120px; height:75px; background:url('../../../_assets/images/mobile/bottomNavButtonOverBG.png') no-repeat; overflow:hidden; color:#FFFFFF; text-align:center; font-size:1.70em; display:inline-block; vertical-align:middle; padding-top:25px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#topNav a {color:#529DC5; text-decoration:none;}

#topNavToggle {width:39px; height:39px; position:fixed; top:-5px; right:20px; display:none;}
#topNavToggle.toggleOff {background:url('../../../_assets/images/global/topToggleButton.png') -39px 0;}
#topNavToggle.toggleOn {background:url('../../../_assets/images/global/topToggleButton.png');}

#topNavHome {width:39px; height:39px; position:fixed; top:-5px; right:70px; background:url('../../../_assets/images/global/topHomeButton.png');}
#topNavHome.off {display:none;}
#topNavHome.on {display:block;}

#contentWrapper {width:960px; height:100%; margin-left:22px; display:none; padding-top:10px;}

.imgSplash {float:left; margin-bottom:20px; margin-top:26px;}
.stickyLabel {position:absolute; top:8px; left:22px; color:#333333; font-size:2.40em; cursor:pointer;}

/* overflow-x:auto;overflow-y:hidden */

#projectBlock {width:946px; height:630px; float:left; margin-right:8px; text-align:left;}
#projectBlock .heading {font-weight:bold; color:#447099; font-size:2.40em; line-height:1.3em; margin-top:10px;}
#projectBlock .copy {color:#333333; font-size:2.40em; line-height:1.3em; margin-top:90px; clear:both;}
#projectBlock .projectHeader {width:512px; height:31px; background-color:#D9D9D9; float:left; margin-bottom:18px; font-size:2.20em; padding-left:10px; padding-top:17px;}
#projectBlock .projectHeaderMore {width:124px; height:48px; background:url('../../../_assets/images/mobile/projectMoreHeader.png') 0 -48px; background-repeat:no-repeat; overflow:hidden; float:left; clear:right; cursor:pointer;}
#projectBlock .projectHeaderMore:hover {width:62px; height:24px; background:url('../../../_assets/images/mobile/projectMoreHeader.png') 0 0px; background-repeat:no-repeat; overflow:hidden; float:left; clear:right; cursor:pointer;}

#projectDetail {width:946px; float:left; margin-right:8px; text-align:left; display:none;}

#topShadowBar {width:100%; height:7px; position:fixed; top:0; background:url('../../../_assets/images/global/topGrayBarShadowBG.png') repeat-x; overflow:hidden; display:none;}

.projectLeadImage {width:616px; height:248px; border:0; cursor:pointer; padding-left:10px;}

.logoBadge {width:100px; height:100px; border:0;}

#contentBlock {width:945px; text-align:left; border:1px solid #CFCFCF; background-color:#F5F5F5; color:#666666; margin-bottom:20px;}
#contentBlock p.header {font-size:2.90em; margin-left:15px; margin-right:15px; line-height:1.5em;}
#contentBlock p.body {font-size:2.40em; margin-left:15px; margin-right:15px; line-height:1.3em;}
#contentBlock p.screenShot {margin-left:165px;}
#contentBlock .caption {color:#333333; font-size:1.90em; line-height:1.3em; margin-top:5px; width:600px;}

.centerPreviousContent {margin-left:60px;}
.centerResumeContent {margin-left:75px}

.body a:link {color:#34769A;}
.body a:visited {color:#34769A;}
.body a:hover {color:#34769A;}
.body a:active {color:#34769A;}

#demo a:link {color:#34769A;}
#demo a:visited {color:#34769A;}
#demo a:hover {color:#34769A;}
#demo a:active {color:#34769A;}

#snippet a:link {color:#34769A;}
#snippet a:visited {color:#34769A;}
#snippet a:hover {color:#34769A;}
#snippet a:active {color:#34769A;}

#book {width:845px; min-height:500px; margin-left:50px; margin-right:50px; clear:both; font-size:1.90em; line-height:1.3em;}
#book .image {width:200px; height:240px; float:left; margin-right:10px;  border: 1px solid #CCCCCC;}
#book .title {font-weight:bold;}
#book .copy {width:625px; float:right;} 

#demo {width:865px; margin-left:30px; margin-right:50px; margin-bottom:30px; clear:both; font-size:1.90em; line-height:1.3em;}

#snippet {width:845px; margin-left:50px; margin-right:50px; clear:both; font-size:1.90em; line-height:1.3em;}
#snippet .title {font-weight:bold; margin-bottom:10px;}
#snippet .copy {width:825px; float:left; display:inline-block;} 
#snippet .code {font-family:"Lucida Console", Monaco, monospace; font-size:1.90em; line-height:1.3em;}

#footer {width:947px; height:75px; background:url('../../../_assets/images/mobile/bottomNavBG.png') repeat-x; overflow:hidden;}
#footer .navButton {width:120px; height:75px; text-align:center; color:#529DC5; font-size:1.70em; display:inline-block; vertical-align:middle; padding-top:25px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#footer .navButton:hover {width:120px; height:75px; background:url('../../../_assets/images/mobile/bottomNavButtonOverBG.png') no-repeat; overflow:hidden; cursor:pointer; color:#FFFFFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#footer .navButtonOn {width:120px; height:75px; background:url('../../../_assets/images/mobile/bottomNavButtonOverBG.png') no-repeat; overflow:hidden; color:#FFFFFF; text-align:center; font-size:1.70em; display:inline-block; vertical-align:middle; padding-top:25px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#footer a {color:#529DC5; text-decoration:none;}