html, body{
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	background:#000;
}

h1{
	text-align:left;
	font-size:21px;
	color: #ffffff;
	border-bottom:solid #FFF 2px;
	font-weight:bold;
}

h1.nounder{
	border-bottom:none;
	font-weight: 500;
}

h1.overline{
	border-bottom:none;
	border-top:solid #FFF 2px;
}

h2{
	text-align:left;
	font-size:18px;
	color: #00a6dd;
	font-weight:500;
}

h2.wht{
	color: #ffffff;
}

h1.blue{
	border-bottom: 2px solid #8D8C8C;
	color: #00A6DD;
	font-size: 21px;
	font-weight: bold;
	text-align: left;
}

p{
	text-align:left;
	font-size:16px;
	color: #ffffff;
}

p.grey{
	color:#616161;
}

/*Constants*/
#logo {
	background:url(../images/constants/wplogo.png) no-repeat scroll 0 0 transparent;
	cursor:pointer;
	display:block;
	height:88px;
	left:50px;
	position:fixed;
	text-indent:-9999px;
	top:40px;
	width:89px;
	z-index:99;
}

#nav {
	border:1px solid #FFFFFF;
	display:block;
	height:23px;
	left:50%;
	list-style:none outside none;
	margin:0 0 0 -171px;
	padding:10px 20px;
	position:fixed;
	top:40px;
	width:332px;
	z-index:99;
}

#nav li{
	float:left;
}

#nav li a{
	margin-right:20px;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration:none;
	font-weight:600;
	font-size:17px;
	text-transform:uppercase;
}

#nav li a.current{
	color:#01A6DE;
}

#nav li a.last{
	margin-right:0;
}

#phone-number {
  color: #FFFFFF;
  position: fixed;
  right: 62px;
  top: 32px;
  z-index: 99;
}

#phone-number a{
	color:#fff;
	text-decoration:none;
}

#socicons {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 50px;
  top: 62px;
  z-index: 99;
}

#socicons li{
	float:left;
}

#socicons li a{
	display:block;
	margin:0 10px 0 0;
	text-indent:-9999px;
	height:24px;
	width:24px;
	background: url(../images/constants/socialicons.png) no-repeat;
}

#socicons li a.fb{
	background-position:0 -26px;
}

#socicons li .fb:hover{
	background-position:0 0;
}

#socicons li a.yt{
	background-position:-39px -26px;
}

#socicons li .yt:hover{
	background-position:-39px 0;
}

#socicons li a.tw{
	background-position:-78px -26px;
}

#socicons li .tw:hover{
	background-position:-78px 0;
}

#socicons li .lsw{
	background-position:-117px -26px;
	margin-right:0;
}

#socicons li .lsw:hover{
	background-position:-117px 0;
}

.slide{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	margin:0 auto;
	background:#000;
	overflow:hidden;
	width:1200px;
}

#home{
	background:url(../images/home/home_bg.jpg) no-repeat;
	width:1200px;
	height:700px;
}

#portfolio .landing img{
	display:block;
	margin:0 auto;
	top:250px;
	position:relative;
}

.landing{
	background:url(../images/portfolio/landing/port_landing.jpg) no-repeat;
	width:1200px;
	height:672px;
}

.peli1{
	background:url(../images/portfolio/pelican/site_pel1.jpg) no-repeat;
	width:1200px;
	height:2203px;
}

#pellogo{
	height:115px;
	width:170px;
	background: url(../images/portfolio/pelican/pelicanlogo.png) no-repeat;
	position:absolute;
	top:1000px;
	left:165px;
}

.peli1 .content{
	width:400px;
	position:absolute;
	top:1000px;
	left:50%;
	margin-left:-200px;
}

.peli1 iframe{
	position:absolute;
	top:1700px;
	left:400px;
	width:750px;
	height:480px;
	display:block;
}

.peli2{
	background:url(../images/portfolio/pelican/site_pel2.jpg) no-repeat;
	width:1200px;
	height:3153px;
}

.ge1{
	background:url(../images/portfolio/ge/site_ge.jpg) no-repeat;
	width:1200px;
	height:2877px;
}

.ge1 .content{
	width:400px;
	position:absolute;
	top:225px;
	left:50%;
	margin-left:-200px;
}

#gelogo{
	height:104px;
	width:104px;
	background: url(../images/portfolio/ge/gelogo.png) no-repeat;
	position:absolute;
	top:244px;
	left:230px;
}

.spal1{
	background:url(../images/portfolio/spalding/site_spalding1.jpg) no-repeat;
	width:1200px;
	height:2141px;
}

.spal1 iframe{
	position:absolute;
	bottom:80px;
	left:200px;
	width:640px;
	height:360px;
	display:block;
}

.spal1 .content{
	width:400px;
	position:absolute;
	left:50%;
	margin-left:-200px;
	top:225px;
}

#spallogo{
	height:72px;
	width:177px;
	background: url(../images/portfolio/spalding/spaldinglogo.png) no-repeat;
	position:absolute;
	left:150px;
	top:245px;
}

.spal2{
	background:url(../images/portfolio/spalding/site_spalding2.jpg) no-repeat;
	width:1200px;
	height:3221px;
}

.spal3{
	background:url(../images/portfolio/spalding/site_spalding3.jpg) no-repeat;
	width:1200px;
	height:1954px;
}

.sw{
	background:url(../images/portfolio/sw/site_sw.jpg) no-repeat;
	width:1200px;
	height:2240px;
}

.sw iframe{
	position:absolute;
	top:1050px;
	width:640px;
	height:360px;
	display:block;
	left:50%;
	margin-left:-320px;
}

.sw .content{
	width:400px;
	position:absolute;
	top:225px;
	left:50%;
	margin-left:-200px;
}

#swlogo{
	height:98px;
	width:98px;
	background: url(../images/portfolio/sw/s&wlogo.png) no-repeat;
	position:absolute;
	top:240px;
	left:250px;
}

.walther{
	background:url(../images/portfolio/walther/site_walther.jpg) no-repeat;
	width:1200px;
	height:3004px;
}

.walther .content{
	width:400px;
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-200px;
}

#waltherlogo{
	height:51px;
	width:180px;
	background: url(../images/portfolio/walther/waltherlogo.png) no-repeat;
	position:absolute;
	top:222px;
	left:160px;
}

.mevion{
	background:url(../images/portfolio/mevion/site_mevion.jpg) no-repeat;
	width:1200px;
	height:3550px;
}

.mevion .content{
	width:400px;
	position:absolute;
	top:225px;
	left:50%;
	margin-left:-200px;
}

#mevionlogo{
	height:100px;
	width:100px;
	background: url(../images/portfolio/mevion/mevionlogo.png) no-repeat;
	position:absolute;
	left:230px;
	top:245px;
}

.sudd{
	background:url(../images/portfolio/suddekor/site_suddekor.jpg) no-repeat;
	width:1200px;
	height:2817px;
}

.sudd .content{
	width:400px;
	position:absolute;
	top:225px;
	left:50%;
	margin-left:-200px;
}

#suddlogo{
	height:34px;
	width:212px;
	background: url(../images/portfolio/suddekor/suddekorlogo.png) no-repeat;
	position:absolute;
	top:245px;
	left:120px;
}

#people .slide{
	height:743px;
	width:1200px;
}

#people .landing.slide{
	height:672px;
}

#people .landing img{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-212px;
	margin-top:-46px;
}

#people .slide .content{
	position:absolute;
	left:50%;
	top:50%;
	width:400px;
	margin-left:-200px;
	margin-top:-100px;
}

#ann{
	background:url(../images/people/annette.jpg) no-repeat;
}
#brandon{
	background:url(../images/people/brandon.jpg) no-repeat;
}
#people #brandon .content{
	margin-top:-10px;
}
#brian{
	background:url(../images/people/brian.jpg) no-repeat;
}
#people #brian .content{
	margin-top:-200px;
}
#carrol{
	background:url(../images/people/carrol.jpg) no-repeat;
}
#people #carrol .content{
	margin-left:-105px;
	margin-top:-255px;
}
#cheryl{
	background:url(../images/people/cheryl.jpg) no-repeat;
}
#people #cheryl .content{
	margin-left:-135px;
}
#chris{
	background:url(../images/people/chris.jpg) no-repeat;
}
#david{
	background:url(../images/people/david.jpg) no-repeat;
}
#erin{
	background:url(../images/people/erin.jpg) no-repeat;
}
#gene{
	background:url(../images/people/gene.jpg) no-repeat;
}
#people #gene .content{
	margin-left:-150px;
}
#gigi{
	background:url(../images/people/gigi.jpg) no-repeat;
}
#people #gigi .content{
	margin-left:-170px;
}
#holly{
	background:url(../images/people/holly.jpg) no-repeat;
}
#people #holly .content{
	margin-left:-140px;
}
#jaclyn{
	background:url(../images/people/jaclyn.jpg) no-repeat;
}
#people #jaclyn .content{
	margin-left:-177px;
}
#jeanne{
	background:url(../images/people/jeanne.jpg) no-repeat;
}
#josh{
	background:url(../images/people/josh.jpg) no-repeat;
}
#leslie{
	background:url(../images/people/leslie.jpg) no-repeat;
}
#mike{
	background:url(../images/people/mike.jpg) no-repeat;
}
#people #mike .content{
	margin-left:-180px;
}
#nate{
	background:url(../images/people/nate.jpg) no-repeat;
}
#people #nate .content{
	margin-left:-135px;
	margin-top:-35px;
}
#pat{
	background:url(../images/people/patrick.jpg) no-repeat;
}
#people #pat .content{
	margin-top:30px;
	margin-left:-175px;
}
#ralph{
	background:url(../images/people/ralph.jpg) no-repeat;
}
#people #ralph .content{
	margin-left:-160px;
}
#ron{
	background:url(../images/people/ron.jpg) no-repeat;
}
#stuart{
	background:url(../images/people/stuart.jpg) no-repeat;
}
#people #stuart .content{
	margin-left:-135px;
	margin-top:-150px;
}
#tonya{
	background:url(../images/people/tonya.jpg) no-repeat;
}
#people #tonya .content{
	margin-top:-170px;
	margin-left:-25px;
}
#contact{
	background: url(../images/contact/contact_bg.jpg) no-repeat;
	width:1200px;
	height:700px;
}

#contact .content{
	width:400px;
	position:relative;
	top:50px;
	left:50px;
}

#contact .content a{
	font-size:18px;
	color: #ffffff;
	text-decoration:none;
}

#about{
	background: url(../images/about/aboutbg.jpg) no-repeat;
	width:1200px;
	height:700px;
}

#about .content{
	width:400px;
	position:relative;
	top:50px;
	left:50px;
}

