html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

html, body {
	height: 100%;
	overflow: auto;
}

body {
	background: url(../images/body-bg.jpg);
	font-family: 'Noto Sans', sans-serif;
}
.wrapper-container {
	background: url(../images/wrapper-shadow.png);
	width: 1204px;
	margin: auto;
}
.wrapper {
	background: url(../images/wrapper-bg.jpg);
	width: 1080px;
	margin: auto;
}
p {
	padding-bottom: 10px;
	line-height: 1.3;
}
.top-header {
	position: fixed;
	z-index: 100;
}
.bottom-header {
	position: fixed;
	z-index: 1;
}
.logo {
	background: #fff;
	padding: 20px;
	border: 4px solid #094d7f;
	border-bottom-right-radius: 25px;
	border-left: none;
	-webkit-box-shadow:  0px 2px 5px 2px rgba(0, 0, 0, .3);
    box-shadow:  0px 2px 5px 2px rgba(0, 0, 0, .3);
    position: absolute;
	z-index: 103;
	left: -25px;
}
.logo-bg {
	background: url(../images/whiteWrapLeft-bg.png);
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 1;
	left: -25px;
	top: 106px;
}
nav {
	background: #4089c8;
	width: 900px;
	height: 50px;
	position: absolute;
	z-index: 102;
	right: -1100px;
	top: 22px;
	border: 3px solid #094d7f;
	border-right: none;
	-webkit-box-shadow:  0px 2px 5px 2px rgba(0, 0, 0, .3);
    box-shadow:  0px 2px 5px 2px rgba(0, 0, 0, .3);
}
nav ul {
	text-align: right;
	padding: 12px 25px;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing:1px;
}
nav li {
	display: inline;
	padding: 10px 8px;
}
nav a {
	text-decoration: none;
	color: #fff;
}
nav a:hover {
	color: #ccc;
}
.nav-bg {
	background: url(../images/blueWrapRight-bg.png);
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 1;
	right: -1105px;
	top: 77px;
}
#work {
	padding-top: 135px;
}
#mission, #services, #team, #contact {
	padding-top: 112px;
}
.work, .mission, .services, .team, .contact {
	position: relative;
}

/*slider-----------------------------------------------------------------------------------*/
.slider {
	position: relative;
	width: 1055px;
	height: 350px;
	left: 13px;
}
div .nivoSlider {
	overflow: inherit;
}
div .nivo-nextNav {
	right: -11px;
	color: #fff;
	background: url(../images/sprite.png);
	background-position: -634px -237px;
	padding: 15px 25px 25px 60px;
	font-weight: bold;
}
div .nivo-prevNav {
	left: -8px;
	color: #fff;
	background: url(../images/sprite.png);
	background-position: -856px -237px;
	padding: 15px 60px 25px 25px;
	font-weight: bold;
}
div .nivo-controlNav {
	display: none;
}
.slider-main, .map-container {
	width: 1080px;
	height: 350px;
	background: url(../images/slider-bg.png);
}
.upper-shadow {
	background: url(../images/upper-shadow.png);
	position: absolute;
	width: 1055px;
	height: 5px;
	left: 12px;
	z-index: 21;
}
.lower-shadow {
	background: url(../images/lower-shadow.png);
	position: absolute;
	width: 1055px;
	height: 5px;
	bottom: 0px;
	left: 12px;
	z-index: 21;
}
/*-------------------------------------------------------------------------------------------------*/
.main-title{
	background: url(../images/sprite.png);
	background-position: -56px -3px;
	height: 55px;
	position: absolute;
	top: -50px;
	right: -10px;
	text-align: right;
	padding: 13px 28px 10px 85px;
	color: #094d7f;
	font-size: 2.5em;
	z-index: 82;
}
.main-title-bg {
	background: url(../images/sprite.png);
	background-position: -40px -4px;
	position: absolute;
	width: 10px;
	height: 13px;
	right: -10px;
	top: 18px;
	z-index: 81;
}
.content-container {
	margin: 20px 0;
}
.content-title {
	background: url(../images/sprite.png);
	clear: both;
	position: relative;
	height: 41px;
	top: 0;
	left: -10px;
	text-align: left;
	display: inline-block;
	padding: 13px 90px 10px 70px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.9em;
	z-index: 82;
}
/*content-title background positioning-------------------------------------------------------------------------------------------------------*/
.proudly-serving {
	background-position: -435px -95px;
}
.a-spoonful {
	background-position: -452px -95px;
}
.weve-got {
	background-position: -500px -95px;
}
.dont-get {
	background-position: -488px -95px;
}
.sales-department {
	background-position: -545px -95px;
}
.creative-department {
	background-position: -495px -95px;
}
.how-can-we {
	background-position: -528px -95px;
}
.directions {
	background-position: -565px -95px;
}
/*content-title background positioning-------------------------------------------------------------------------------------------------------*/

.content-title-bg {
	background: url(../images/sprite.png);
	background-position: -5px -31px;
	position: absolute;
	width: 10px;
	height: 13px;
	left: -10px;
	top: 60px;
	z-index: 81;
}
.clear {
	clear: both;
}
.content {
	background: url(../images/content-bg.png);
	color: #fff;
	padding: 15px 80px;
}
.city-banner {
	position: relative;
	top: -15px;
	left: -28px;
	width: 960px;
}
.services-pic-container {
	width: 520px;
	height: 615px;
	overflow: hidden;
	position: absolute;
	bottom: 15px;
	right: 80px;
}
.web-image, .print-image {
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .5);
    box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .5);
    width: 520px;
    height: 300px;
	overflow: hidden;
}
.web-image {
	background: url(../images/web-image.jpg);
    margin-bottom: 15px;
}
.print-image {
	background: url(../images/print-image.jpg);
}
.content ul {
	padding-left: 40px;
}
.content li {
	padding-bottom: 5px;
}
.profile {
	position: relative;
	float: left;
	width: 200px;
	height: 285px;
	background: url(../images/profile-bg.png);
	color: #fff;
	padding: 10px 22px;
}
.profile-content {
	padding: 5px 50px 330px 50px;
}
.profile-shadow {
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .5);
    box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .5);
    width: 185px;
    height: 210px;
    position: absolute;
    top: 15px;
	left: 32px;
}
.profile-photo {
	width:185px;
	height: 210px;
	margin: 5px 10px;
	float: left;
	overflow: hidden;
}
.profile-photo img {
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .5);
    box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, .5);
}
.profile h3 {
	font-size: 1.25em;
	padding: 0px 10px;
}
.profile p {
	padding: 0px 10px;
	line-height: 20px;
}
.profile span {
	font-size: .75em;
}
.social-info {
	position: absolute;
	top: 190px;
	left: 35px;
}
.social-info li {
	display: inline;
}
.social-info a {
	display: inline-block;
	width:30px;
	height: 30px;
	text-indent: -9999px;
}
.google-plus {
	background: url(../images/sprite.png);
	background-position: -90px -170px;
}
.google-plus:hover {
	background-position: -90px -208px;
}
.twitter {
	background: url(../images/sprite.png);
	background-position: -13px -170px;
}
.twitter:hover {
	background-position: -13px -208px;
}
.linked-in {
	background: url(../images/sprite.png);
	background-position: -52px -170px;
}
.linked-in:hover {
	background-position: -52px -208px;
}
.facebook {
	background: url(../images/sprite.png);
	background-position: -128px -170px;
}
.facebook:hover {
	background-position: -128px -208px;
}
.aph-portfolio {
	background: url(../images/sprite.png);
	background-position: -202px -170px;
}
.aph-portfolio:hover {
	background-position: -202px -208px;
}
.aph-parallax {
	background: url(../images/sprite.png);
	background-position: -165px -170px;
}
.aph-parallax:hover {
	background-position: -165px -208px;
}
.email {
	background: url(../images/sprite.png);
	background-position: -240px -170px;
}
.email:hover {
	background-position: -240px -208px;
}

/* Contact Page Styling -=========================================================================================*/
.column1, .column2 {
	width: 450px;
	float: left;
}
label {
	display: inline-block;
	padding: 5px 0;
	font-size: 1.1em;
}
input {
	width: 400px;
	padding: 5px;
	background: #d5d9da;
	border-radius: 3px;
	border: 1px solid #094d7f;
	-webkit-box-shadow:  inset 0px 0px 2px 2px rgba(0, 0, 0, .3);
    box-shadow:  inset 0px 0px 2px 2px rgba(0, 0, 0, .3);
	margin-left: 10px;
}
textarea {
	width: 395px;
	height: 129px;
	padding: 5px;
	background: #d5d9da;
	border-radius: 3px;
	border: 1px solid #094d7f;
	-webkit-box-shadow:  inset 0px 0px 2px 2px rgba(0, 0, 0, .3);
    box-shadow:  inset 0px 0px 2px 2px rgba(0, 0, 0, .3);
	margin-left: 10px;
}
.reCaptcha {
	width: 400px;
	height: 129px;
	padding: 5px;
	background: #d5d9da;
	border-radius: 3px;
	border: 1px solid #094d7f;
	-webkit-box-shadow:  inset 0px 0px 2px 2px rgba(0, 0, 0, .3);
    box-shadow:  inset 0px 0px 2px 2px rgba(0, 0, 0, .3);
	margin-left: 10px;
}
textarea:hover, input:hover, .reCaptcha:hover {
	border: 1px solid #094d7f;
	-webkit-box-shadow: inset 0px 0px  3px 3px rgba(64, 137, 200, .3);
	box-shadow: inset 0px 0px 3px 3px rgba(64, 137, 200, .3);;
}
div textarea:focus, div input:focus, .reCaptcha:focus {
	border: 1px solid #094d7f;
	-webkit-box-shadow: inset 0px 0px  3px 3px rgba(64, 137, 200, .3);
	box-shadow: inset 0px 0px 3px 3px rgba(64, 137, 200, .3);
}
.error {
	font-size: .65em;
	color: #f00;
	padding: 0 10px;
}

/*Map Section-------------------------------------------------------------------------------------------*/
.map-container {
	position: relative;
}
.map-container iframe {
	position: relative;
	width: 1055px;
	height: 350px;
	margin: 0 12px;
	z-index: 20;
}
.get-directions {
	background: url(../images/sprite.png);
	background-position: -632px -171px;
	width: 350px;
	height: 40px;
	position: absolute;
	top: 348px;
	left: 370px;
	text-align: center;
	display: inline-block;
	padding: 9px 0;
	z-index: 25;
}
.get-directions a {
	color: #fff;
	font-weight: bold;
	font-size: 1.7em;
	text-decoration: none;
}
.get-directions a:hover {
	color: #ccc;
}
.content-container-map {
	margin-top: 20px;
	padding-bottom: 60px;
}
footer {
	background: url(../images/footer-bg.png) no-repeat;
	width: 1204px;
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	color: #fff;
	font-size: .9em;
}
footer p {
	padding: 2px;
}