html {
	background: url(/theme-images/background-gradient.gif) repeat-x;
	background-color: #cbe0f7;
}
body {
	
	background-color: transparent;
	
}
h1, h2 ,h3 ,h4 ,h5 { font-family: Lato; font-weight: 400; }
p, a { font-family: Lato; font-weight: 300; }

#content h1 { font-family: Lato; font-weight: 400; font-size: 24px; }
#content h2 { font-size: 15px; line-height: 12px; margin-bottom: 24px; } 

nav { float:left; width: 181px; padding: 12px; 	
	margin-right: 0px;
	padding-right: 0px;
}
header {
	margin-top: 20px;
	background: url(/theme-images/pp-BG_header.png); 
	max-width: 739px; height: 95px;
	padding: 36px 0px 0px 36px;
	position: relative;
}

.mobile-menu-button {
	background: black;
	color: white;
	padding: 15px;
	display: none;
	height: 26px;
}
.mobile-menu-button i {
	float: left;
}
.mobile-menu-button span {
	margin-left: 10px;
	float: left;
	padding-top: 3px;
}

.brand {
	position: absolute;
}
.tagline {
	font-family: 'Lato';
	color: #ddd;
	display: block;
	float: right;
	padding-right: 70px;
	padding-top: 45px;
	font-size: 16px;
	letter-spacing: 5px;
}
.tagline2 {
	font-family: 'Lato';
	color: #ddd;
	display: block;
	float: left;
	position: absolute;
	top: 79px;
	left: 368px;
	font-size: 16px;
	letter-spacing: 5px;
}
#wrapper {	
	max-width: 775px; 
	 float:left;
	 background: white;
}
#main {
	border-top-width: 25px;
	max-width: 751px;
	padding: 15px 30px;
}
.main-b0 {
	border-top: 25px white solid;
}
.main-border {
	border-top: 25px silver solid;
}

.category .header-title,
.archive .header-title,
.blog .header-title,
.single .header-title {
	background: #eee;
	border-top: white 10px solid;
	width: 100%; 
	min-height: 134px; 
	position: relative;
}

.category .header-title h1,
.archive .header-title h1,
.blog .header-title h1,
.single .header-title h1 {
	padding-top: 73px;
	padding-left: 25px;
	padding-bottom: 12px;
	text-transform: uppercase;
	font-family: Lato;
	font-weight: 400;
	color: #555;
	margin-bottom: 0px;
	font-size: 32px;
}

nav {
	font-size: 14px;
}
nav ul {
	list-style-type: none;
	margin: 0px;
	color: #27272a;
}
nav ul ul{
	padding: 0px; margin: 0px;
}
nav ul li {
	text-align: right;	
}
nav ul li.current-menu-item:after,
nav ul li.current_page_parent:after
 {
    font-family: Lato;
    content: "\u203A";
    position: absolute;
    margin-left: 7px;
    color: #797a7b;
}
nav>div>ul>li>a {
	text-transform:uppercase;
	font-weight: 400;
}
nav ul li a {
	color: #555;
}
nav ul li ul li a {
	color: #42627d;
}

cite {
	margin-bottom: 40px;
	display: block;
}

.capabilities-sidebar,
.capabilities-sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 17px 0px;
}
.capabilities-sidebar ul li {
	padding: 8px 24px;
	text-transform: uppercase;
}
.page-template-page-capabilities-php #content {
	margin: 12px 12px;
}
.template-header {
 	padding: 8px 24px;
 	font-size: 16px;
 	font-family: Lato;
	font-weight: 300;
	line-height: 1.5; 
}
.template-header h1 {
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 6;
	line-height: 1.1;
}
.template-header p {

}

.nobanner .nav-single {
	padding: 2px 0px;
}
.nobanner .nav-single a {
	color: #fff;
}
.banner .nav-single a {
	color: #eee;
}
.banner .nav-single {
	position: absolute;
	top: 0;
	left: 0;
}
.banner .nav-single { 
	opacity: 0; 
	padding: 10px 0px;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
.banner:hover .nav-single { opacity: 1; }

.banner .nav-single .nav-previous {
	opacity: .5;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
.banner .nav-single .nav-next { 
	opacity: .5;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
.banner .nav-single .nav-previous:hover {
	opacity: 1;
}
.banner .nav-single .nav-next:hover { 
	opacity: 1;
}
.banner .nav-single .nav-previous{
	background: rgba(100,100,100,.5); 
	margin-left: 10px;
	border-radius: 10px;
	width: 42%;
}
.banner .nav-single .nav-next{
	background: rgba(100,100,100,.5);
	margin-right: 10px;
	border-radius: 10px;
	width: 42%;
}
.banner .nav-single .nav-previous a {
	background: url(/theme-images/left-arrow.png) no-repeat;
	height: 34px;
	display: block;
	padding: 14px 0px 0px 50px;
	text-decoration: none;
}
.banner .nav-single .nav-next a { 
	
	background: url(/theme-images/right-arrow.png) top right no-repeat;
	height: 34px;
	display: block;
	padding: 14px 50px 0px 0px;
	text-decoration: none;
}
#content h1 { 
	font-size: 17px; 
	line-height: 1.75; 
	text-transform: Uppercase;
	letter-spacing: 5;
}
#content p, #content li, #content a { font-family: Lato; font-weight: 300; font-size: 16px; line-height: 1.5; }
#content a img {
	margin-top: 6px;
}
#content .nav-single {
	padding: 12px 0px 30px;
}
.post-type-archive-portfolio #content h1 a {
	display: block;	
	min-height: 42px;
	padding-left: 6px;
	padding-bottom: 10px;
	transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	-webkit-transition: background 1s;
	border-radius: 5px;
}
.post-type-archive-portfolio #content h1 a:hover {
	background: #eee;
	text-decoration: none;
}
.post-type-archive-portfolio #content a .thumb {
	margin-right: 20px;
	width: 70px; float: left; height: 50px;
}
.post-type-archive-portfolio #content hr {
	margin: 0px 0;
}

.portfolio_footer {
	line-height: 20px;
	font-family: 'Lato';
	font-size: 13px;
	text-transform: uppercase;
	height: auto;
	color: #555;
	padding: 0px 0px 30px 24px;
	margin: 0px 0px 0px 0px;
}
.portfolio_footer h2 {
	font-size: 20px;
	font-weight: 300;
	padding-top: 20px;
}
.portfolio_footer ul {
	list-style-type: none;
	margin: 0px;
}
.portfolio_footer div div {
	width: 33%;
	float: left;
}
.portfolio_footer ul li {
	min-height: 30px;
}
#content .portfolio_title {
	padding: 12px 0px 0px 0px;
}

.nav-single, .bottom-navigation { width: 100%; padding: 12px 0px;}
.nav-previous { float: left; display: block; width: 45%; margin-right: 10%; }
.nav-next { float: right; display: block; width: 45%; text-align: right; }

#footer { 
	margin-top: 24px; 
	margin-bottom: 24px;
	max-width: 775px;
	text-align: center;
}

.tax {
	margin-top: 7px;
}
.tax, .tax ul {
	list-style-type: none;
}
.tax li.services { padding: 0px 0px 20px 10px; color: #000; font-weight: 400; text-transform: uppercase; line-height: 36px; font-family: Lato; }

.tax li.services ul {
	margin: 0px; 
}
.tax li.services ul li {
	text-transform: uppercase
}
.tax li.services ul li a { color: #000; font-weight: 400; }
.tax li.services ul li ul {
	margin-bottom: 12px;	
}
.tax li.services ul li ul li{
	text-transform: capitalize;
}
.tax li.services ul li ul li a { color: #555; }

.sidebar { 
	list-style-type: none;
	margin-top: 6px;
}
.sidebar h2 {
	font-size: 18px;
	letter-spacing: 6;
	text-transform: Uppercase;
	font-family: Lato;
	font-weight: 400px;
}
.sidebar li {
	font-family: Lato;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5;
}
.sidebar .advanced_recent_posts_widget  a.post-title{
	font-family: Lato;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
}
.widget_archive ul li,
.widget_categories ul li {
	text-transform: uppercase;
}
.widget ul {
	list-style-type: none;
	margin: 0px;
}
/* custom page gallery */
.pagegallery {
	border-top: 10px solid white;
	margin-left: 0px;
	min-height: 144px;
}
.pg_hidden {
	opacity: 0;
}
.pagegallery a, .pagegallery div {
	transition: opacity 2s;
	-moz-transition: opacity 2s;
	-o-transition: opacity 2s;
	-webkit-transition: opacity 1.75s;
}
.pg_link {
	position: relative; display: block; float: left; height: 144px;
}

.pg_link div.overlay {
	position: absolute; top:0px; left: 0px; background: white; opacity:0; text-align: center; padding-top: 60px;
	height: 84px;
}
.pg_link:hover div.overlay {
	opacity:.75; 
}
.pg_sep {
	border-right: 5px solid white;
	height: 144px;
}
.pg_link .pg_title {
	position: absolute; top:0px; left: 0px; width: 95%; opacity: 0; text-align: center; padding-top: 60px; z-index: 1000; text-transform: uppercase; color: black; font-weight: 400;
	height: 84px;
}
.pg_link:hover .pg_title {
	opacity: 1;
}

.carousel-control {
	position: absolute;
	top: 84%;
}
.carousel {
	max-width: 497px;
}
.carousel .carousel-control {
	opacity: 0;
}
.carousel:hover .carousel-control {
	opacity: .5;
}
.carousel:hover .carousel-control:hover {
	opacity: 1;
}
#content .carousel-control {
	font-size: 60px;
	font-weight: 100;
	line-height: 25px;
}
/* end custom page gallery */

/* Large desktop */
@media (min-width: 1200px) { 

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	nav ul li {	
		text-align: left;
	}
	.mobile-menu-button {
		display: block;
	}
	nav.main {
		overflow: hidden;
		display: none;
		margin-bottom: -29px;
		height: 0px;
		min-height: 0px;
		padding: 12px 0px;
		transition: all 1s;
	}
	nav.main li {
		display:none;
	}
	nav.openmenu li {
		display:block;
	}
	nav.openmenu {
		overflow: visible;
		display: block;
		height: auto;
		min-height: 0px;
		margin-bottom: 0px;
	}
	nav.main>div>ul>li>a {
		text-transform: uppercase;
		font-weight: 400;
		height: 32px;
		width: auto;
		display: block;
		padding-top: 12px;
		padding-left: 47px;
		background: rgba(255,255,255,.2);
		border-bottom: 1px solid rgba(255,255,255,.3);
	}
	nav.main>div>ul>li>a:hover {
		background: rgba(255,255,255,.6);
		text-decoration: none;
	}
	nav ul li {
		position: relative;
	}
	nav ul li.current-menu-item:after, nav ul li.current_page_parent:after {
    content: "";
    font-family: Lato;
    content: "\u203A";
    position: absolute;
    margin-left: 7px;
    color: #797a7b;
	}
	.sidebar { 
		margin-left: 0px;
	}
	.portfolio_footer div div {
		clear: both;
		width: 100%;
	}
	.banner .nav-single {
		position: relative;
	}
	.bannerclear {
		clear:both; 
	}	
	.banner .nav-single { 
		opacity: 1; 
	}
	.banner .nav-single .nav-previous {
		opacity: 1;
	}
	.banner .nav-single .nav-next { 
		opacity: 1;
	}
	/* Portfolio gallery - 2 columns for tablets */
	.pagegallery {
		margin-left: 0 !important;
	}
	.pagegallery .span12 {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.pagegallery .pg_link {
		width: 50% !important;
		height: 180px;
	}
	.pagegallery .overlay {
		width: 100% !important;
		height: 180px;
		padding-top: 80px;
	}
	.pagegallery .pg_title {
		padding-top: 80px;
		height: 100px;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

	nav {
		padding: 22px;
	}
	nav ul li {	
		text-align: left;
	}
	header {
		padding: 24px 0px 0px 24px;
		height: 110px;
	}
	.pagegallery {
		margin-left: 0 !important;
	}
	.pagegallery .span12 {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.pagegallery .pg_link {
		width: 100% !important;
		height: 200px;
	}
	.pagegallery .overlay {
		width: 100% !important;
		height: 200px;
		padding-top: 90px;
	}
	.pagegallery .pg_title {
		padding-top: 90px;
		height: 110px;
	}
	.pg_sep {
		border-right: 0px solid white; 	
	}
	.banner .nav-single .nav-previous {
		width: 95%;
	}
	.banner .nav-single .nav-next { 
		float: left;
		width: 95%;
		margin-top: 10px;
		clear: both;
		margin-left: 10px;
		margin-right: 0px;
	}
}

/* Very narrow screens - single column with better proportions */
@media (max-width: 600px) and (min-width: 481px) {
	.pagegallery {
		margin-left: 0 !important;
	}
	.pagegallery .span12 {
		margin-left: 0 !important;
		width: 100% !important;
	}
	.pagegallery .pg_link {
		width: 50% !important;
		height: 160px;
	}
	.pagegallery .overlay {
		width: 100% !important;
		height: 160px;
		padding-top: 70px;
	}
	.pagegallery .pg_title {
		padding-top: 70px;
		height: 90px;
	}
}




.fadeIn {
 
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
 
/* Animation Times - Time for image to fade in
---------------------------------------------------- */

.fadeIn-d5s {
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	-o-animation-duration:.5s;
	animation-duration:.5s;
}
.fadeIn-1s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
.fadeIn-2s {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}
.fadeIn-3s {
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;
}
.fadeIn-4s {
	-webkit-animation-duration:4s;
	-moz-animation-duration:4s;
	-o-animation-duration:4s;
	animation-duration:4s;
}
 
.fadeIn-5s {
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	-o-animation-duration:5s;
	animation-duration:5s;
}
 
/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-0s {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
.fadeIn-Delay-1s {
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
}
.fadeIn-Delay-2s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
.fadeIn-Delay-3s {
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s;
}
.fadeIn-Delay-4s {
	-webkit-animation-delay:4s;
	-moz-animation-delay:4s;
	-o-animation-delay:4s;
	animation-delay:4s;
}
 
.fadeIn-Delay-5s {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}
 
/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


/* Plugin style modifications */
.post-type-archive-portfolio .AlpinePhotoTiles-link {
	height: 119px;	
}