/* from style.php */
a:hover {color: #66AAFF;}

body {overflow: visible; background: #FFFFFF;}
body.home {background: #000000;}
@media only screen and (max-width: 767px) {
  body { margin-top:0;}
}
h3 {margin-bottom: 0;}
.hideOverflow {overflow: hidden;}
.row { max-width: 1100px; }
.container { padding: 0px; }
.header { width: 100%; max-width:none; margin: 0 auto; }
#header {box-shadow: 0px 1px 1px #226699;}
/* geo note : having the display changing prevents the transitions from working, set it to block in #sidenav-wrapper and the transitions for it will work (they didn't in firefox for whatever reason though) */
#sidenav-wrapper {display: none; overflow-y: auto;height: 100%;min-height: 48px;position: fixed;top: 0; width: 240px;left: -240px; transition-duration: 300ms; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -ms-transition-duration: 300ms; transition-property: left; border-top: 1px solid #FFFFFF;}
#sidenav-wrapper.show {display: block; left: 0;}

.headerLogo { padding-left: 2%; display: inline;}
.headerMenu { padding-right: 2%; }
.mobilenavtoggle {z-index: 9999; float:left;}
.mobilenavtoggle a:hover {cursor:pointer;}
.mobilenavtoggle a .line { background-color: #DDDDDD; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 28px; margin: 5px; padding: 0;}
.mobilenavLogo { padding-right: 48px; display: inline;}
.photoSection { max-width:none; padding-top: 75px; padding-bottom: 75px;}
.photoDiv { background: #FFF; padding-left: 1%; padding-right: 1%;}

@media only screen and (max-width: 767px) {
  .photoSection { padding-top:0;}
}

h1, h2, h3, h4, h5, h6 { color: #000000; }
.whitetext p { color: #FFFFFF; }
p { line-height: 1.6;  margin: 0 0 10px; }

#slidecaptionText1, #slidecaptionText2 { color:#FFFFFF; line-height:1; font: 400 5rem/42px "Ubuntu",Helvetica,Arial,sans-serif; text-shadow: 0 0 10px #66AAFF; padding: 20px; border-radius: 15px; background:rgba(0, 0, 0); background:rgba(0, 0, 0, 0.35); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000);}
#slidecaptionText1:before, #slidecaptionText2:before{content: "\f008"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size:3rem; vertical-align:top; margin-right:20px; }
#slidecaptionText1:after, #slidecaptionText2:after{}
#progress-back{ height:2px; background:url("img/progress-back.png")}
#progress-bar{ height:2px; background:url("img/progress-bar.png")}
.icon-chevron-right-after:after{content: "\f054";}
.icon-chevron-down-after:after{content: "\f078";}
[class^="icon-"]:after, [class*=" icon-"]:after { float: right; display:table-cell; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.icon-folder-close:before { padding-right: 15px; }
.flexslider { background: #EEEEEE;}

ul.pagination li a { background: none repeat scroll 0 0 #CCCCCC; color: #000000;}    
ul.pagination li.current a, ul.pagination li:hover a { background: #888888; color: #FFFFFF;}
li { margin-bottom: 0; }


/* other */
.shift { left: 240px !important; position: relative;}
.sidenavmenu {background: #222222;}
#sideMenu>li {border-bottom: 1px solid #070707; padding: 0 12px 0 24px; line-height: 48px; margin-bottom: 0; background:#272727}
#sideMenu>li:hover {cursor:pointer;}
#sideMenu>li>ul {margin: 0 0 0 24px; display: none;}
#sideMenu>li>ul>li {line-height: 48px; margin-bottom: 0;}
#sideMenu > li a {color: #FFFFFF; letter-spacing: 1px; transition-duration: 0.6s; display:table-cell; height:48px;width:240px; text-align:left;}
#sideMenu > li a:hover {color: #66AAFF; transition-duration: 0.3s;}
#sideMenu .parent{}
#sideMenu .parent-expanded{background:#333333;}
#sidelogo { text-align: center; }
#coverAllData { position:fixed; top:50px;left:240px;width:100%;height:100%;z-index:9999; display:none; }
#coverAllData.show {display: inline; background:#000; opacity: 0.8;}
.projectExcerpt { display: block; }
.projectExcerpt > p { padding-left: 2%; padding-right: 2%; }
.projectheadBG {background: #DDDDDD;}
.projectheadBorder {border-bottom: 1px solid #AAAAAA;}
@media only screen and (min-width: 767px) {
  .projectTitle { bottom: 0; padding-right: 2%; position: absolute; right: 0; text-align: right; }
}
.load-item {display: none;}