* { margin: 0; padding: 0; }
html, body {
  font: 14px Helvetica, Arial, sans-serif, Verdana, 'Lucida Grande';
  color: #333;
  height: 100%;
  background-color: #fff;
}
h1, h2, h3 { margin: 0; padding: 0; }
h2 { font-size: 1.1em; font-weight: bold; margin: 0 0 5px; }
a { color: #555; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; cursor: pointer; }
img { border: none; }
p { margin: 10px 0; }
small { font-size: 90%; }
ul li { list-style-type: none; }
.underline { text-decoration: underline; }
.centered { text-align: center; }
.weak { color: #777; }

/* Menu */
#menu-container {
	position: fixed;
	top: 0;
	width: 100%;
	height: 43px;
	background-color: #999;
	z-index: 1000;
	min-width: 960px;
	-webkit-transition: background-color 0.5s ease-in;
}
#menu-container:hover { background-color: #555; }
#menu { width: 960px; margin: 0 auto; position: relative; height: 43px; }
#menu li, #menu li a { width: 100px; height: 43px; position: absolute; }
#top-link-li { left: 66px; }
#top-link { background: transparent url(../images/home-button.png) no-repeat; }
#work-link-li { left: 270px; }
#work-link { background: transparent url(../images/work-button.png) no-repeat; }
#services-link-li { left: 506px; }
#services-link { background: transparent url(../images/services-button.png) no-repeat; }
#contact-link-li { left: 758px; }
#contact-link { background: transparent url(../images/contact-button.png) no-repeat; }
#top-link, #work-link, #services-link, #contact-link { top: -50px; opacity: 0.0; }
#top-link-li, #work-link-li, #services-link-li, #contact-link-li {
	background: transparent url(../images/menu-hover.png) no-repeat 50% -10px;
	-webkit-transition: background-position 0.2s linear;
}
#top-link-li:hover, #work-link-li:hover, #services-link-li:hover, #contact-link-li:hover {
	background-position: 50% -69px;
}
/* Content */
#content { width: 960px; }
#content-insides { width: 960px; }
.section { margin: 0 0 20px; clear: both; }
.section h2 { font-size: 1.3em; }
.section .header-image { margin: 0 0 20px; display: block; }
.section .item {
  width: 215px;
	height: 180px;
	float: left;
	display: inline;
	margin: 0 15px 39px;
	padding: 19px;
	text-shadow: 1px 1px 0 #ebebeb;
	background: rgb(222,222,222);
	background: rgba(0,0,0,0.1);
	border: 1px dotted rgb(168,168,168);
	border: 1px dotted rgba(0,0,0,0.2);
}
.section .item img {
	float: left;
	border: none;
	background: none;
	padding: 3px;
	background: #fff;
	margin-bottom: 9px;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}
.section .item:hover img { -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; -moz-transform: scale(1.07); -webkit-transform: scale(1.057); -o-transform: scale(1.07); }
.section .item a { color: #777; -webkit-transition: all 0.2s ease-in-out; text-decoration: none; border-bottom: 2px solid #ccc; padding-bottom: 1px; }
.section .item:hover a { color: #000; border-bottom: 2px solid #777; }
#content #work { text-align: left; }
#content #services { margin-bottom: 60px; font-size: 1.2em; }
#services .item { height: auto; width: 960px; padding-bottom: 20px; margin: 0 0 20px; text-align: left; }
#services .first { border-bottom: none; }
#services .item ul { margin-top: 10px; }
#content #contact { text-align: left; }
#contact .item { width: 680px; }

#home-outer, #work-outer, #services-outer, #contact-outer { width: 100%; position: absolute; top: 0; text-align: center; z-index: 1; }
#home, #work, #services, #contact { width: 960px; margin: 0 auto; position: relative; }
#home, #work, #services, #contact { padding-top: 90px; }
#work-outer { left: 2000px; }
#services-outer { left: 4000px; }
#contact-outer { left: 6000px; }
#home { background: transparent url(../images/mockup-avatars.png) no-repeat 50% 0; top: 0; height: 600px; }
#home-pointer { position: absolute; left: 90px; top: 45px; }
#work-pointer { position: absolute; left: 295px; top: 45px; }
#services-pointer { position: absolute; left: 535px; top: 45px; }
#contact-pointer { position: absolute; left: 790px; top: 45px; }

/* Quotes */
.say { width: 810px; height: 136px; margin: 20px auto; background: transparent url(../images/say_bg.png) no-repeat; position: relative; color: #444; }
.say .text { font-size: 20px; padding: 30px 20px 0 80px; color: #666; text-align: center; }
.say .said-by { position: absolute; bottom: 0; right: 10px; }

/* Footer */
#footer {
  clear: both;
  color: #999;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
}
#footer-insides { text-align: center; width: 100%; }

.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.no-overflow { overflow-x: hidden; }