@import "foundation.css";

body {
	background: url(../images/column-background.png) center top repeat-y;
}

a {
	cursor:pointer;
}

textarea {
	resize:vertical;
}
#sky-is-the-limit {
	height:20px;
	width:100%;
	background:#8dbff4 url(../images/sky-is-the-limit.jpg) center center;
	cursor:pointer;
}
/*----------------------------------------
	::Home Header
-----------------------------------------*/
#site-header {
	position: relative;
	width:100%;
	/* max-width: 980px; */
	overflow: hidden;
	margin: 0 auto 0;
	height: 69px;
	background: transparent url(../images/background-header.png) left top repeat-x;
}


/*----------------------------------------
	::Page Header
-----------------------------------------*/
body.single #site-header {
	height: 100px;
	background: transparent url(../images/background-header-page.png) left top repeat-x;
}

#main-navigation {
	 position:absolute;
	top:57px;
	left:0;
	width:100%;
	max-width:none;
	/* width:980px; */
	/*max-width: 980px;*/
	height:43px;
	background: transparent url(../images/background-menu.png) left top repeat-x;
	font-family:Georgia,serif;
	font-size:1em;
	font-style:italic;
	font-weight:500;
	text-align:center;
}

/*resetting ul and li*/
#main-navigation > ul,
#main-navigation > ul li {
	margin:0;
	padding:0;
}

#main-navigation > ul {
	display:inline-block;
	text-align:left;
	/*margin-left:7.1163%;*/
}

#main-navigation li {
	float:left;
}

#main-navigation > ul li a {
	display:block;
	line-height:2.615em;
	padding:0 0.692em;
	color:#222;
}

#main-navigation > ul li a:hover,
#main-navigation > ul li.current a {
	background-color:#00aeef;
	color:#ffffff;
}

#main-navigation > ul li.nav-social-icons-li {
   margin-left:15px;
}
#main-navigation > ul li.social-media-nav-icons a{
   padding: 0px 2px;
}

#main-navigation > ul li.social-media-nav-icons img{
   height: 13px;
}

/*= Phone nav
---------------------------*/
@media only screen and (max-width: 767px) {
	#site-header { /*overflow:visible;*/ }
	body.single #site-header { /* height: 57px; */ } 
	#main-navigation { text-align:left; }
	#main-navigation > ul { display:block; margin-left:7.1163%; }
	#main-navigation > ul li { padding:0;}
	#main-navigation > ul li a { 
		
		height:34px;
		line-height:34px;
	}
}
#phone-nav {
	position:relative;
}
#show-menu span {
	font-fanily:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style:normal;
	font-size:11px;
}

#nav-wrapper {
	display:none;
	position:absolute;
	z-index:1500;
	top:-10px;
	margin-left:7.1163%;
	width:50%;
	border-radius:0 0 5px 5px;
	border:1px #f9f9f9 solid;
	border-top:none;
	background: #f1f2f4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f1f2f4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f2f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f2f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f2f4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f2f4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f2f4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);	
}

#nav-wrapper ul {	
	padding:20px;
	padding-bottom:0px;
}

#nav-wrapper ul li {
	display:block;
	margin:0;
	padding:0;
}

#nav-wrapper ul li:last-child a {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
#nav-wrapper ul li a {
	display:block;
	padding-left:5px;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px #ccc solid;
}
#nav-wrapper ul li a:before {
	content:'- ';
}
#nav-wrapper ul li a:hover {
	color:#333;
	border-bottom:1px #333 solid;
}
#nav-wrapper ul li:last-child a:hover {
	border-bottom:none;
}
/*-----------------------------------------*/
section   {
	/*width:93%;
	max-width:  860px;
	*/
	margin: 0 auto;
}

#container {
    width: 100% !important;
    /* max-width:  100% !important; */
}

#header-logo {
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:980px;
}

#logo {
	position: absolute;
	left: 6.4285714%;
	top:17px;
}

#description {
	position: absolute;
	right: 6.4285714%;
	top:17px;
	font-family: Georgia, serif;
	font-style: italic;
	color: white;
	font-size:1.385em;
}

#description a {
    color: #00aeef;
}

h1,h2, h3,h4,h5,h6 {
	letter-spacing: -0,19em;
	font-weight: 400;
	line-height: 97%;
}

h1 {
	font-size: 2.975em;
}

h2 {
	font-size: 1.975em;
}
h3 {
	font-size:1.575em;
	
}
h3 span{
	font-size:0.875em;
	color:#00aeef;
	font-style:italic;
}
fieldset {
}
/*--------------------------------------------------------
	:: .nav-bar
	:: overwrite foundation styles
----------------------------------------------------------*/
nav {
	position: relative;
	margin: 0 auto;
	width: 93%;
	max-width:  860px; /*980 - 120*/
	border: none;
	
}

.nav-bar
{
	/* height: 25px; */
	background: #eaeaea;
	margin-top: 0;
	border: none;
	font-weight: 700;
}

.nav-bar>li
{
	float: left;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border-right: 1px solid #4d4d4d;
	line-height: 25px;
}
.nav-bar>li>a {
	color: #4d4d4d;
	padding: 0 15px;
}


/*--------------------------------------------------------
	:: #home-assets
	:: 4columns home page
	:: blink-tech assets
----------------------------------------------------------*/
#home-assets h2 {
	font-size: 1.15384615em;
	font-weight: 400;
	color: white;
	margin-bottom: 0;
	background-color: #323232;

	display: block;
	color: white;
	padding: 10px 0 10px 5px;
	margin: 0;
}

#home-assets h2 a {
	
}

#home-assets .block-grid.two-up > li {
	margin-left: 1px;
}

#home-assets .block-grid.two-up > li:first-child {
	margin-left: 0px;
}

#home-assets.row {
	margin: 0;
	padding: 0;
}

#home-assets .block-grid.two-up {
	margin: 0;
	padding: 0;
}

#home-assets.row .six {
	/* border: 2px green solid; */
	width: 50%;
	margin: 0;
	padding: 0;
}

#home-assets.row .columns {
	margin: 0;
	padding: 0;
}

#home-assets.row .six ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#home-assets.row .six ul li{
	width: 49.8%;
	margin: 0 0 0 1px;
	padding: 0;
}

#home-assets.row .six ul:first-child p {
	margin: 0;
	padding: 0;
}

#home-assets .slide-trigger {
	cursor:pointer;
}
#home-assets .slide-trigger.active h2{
	-webkit-transition:background-color 0.3s linear;
	-o-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
	transition:background-color 0.3s linear; 
	background-color:#00aeef;
	text-shadow:1px 1px 0px #333;
}
.slide-trigger span{
	
}
/*--------------------------------------------------------*/


/*--------------------------------------------------------
	:: #seven-four
	:: 2columns home page
	:: 1st .seven / 2nd .four
----------------------------------------------------------*/
	#seven-four {
		margin-top: 0px;
	}
	
	#seven-four h2 {
		font-weight: 400;
		font-size:1.69em;;
	}
	
	#seven-four h3 {
		font-weight: 700;
		font-size:1em;
		color:#333;
		margin: 0 0 20px 0;
	}
	#seven-four .post-excerpt {
		margin-bottom:20px;
		padding-bottom:2px;
		border-bottom:1px #ccc solid;
	}
/*--------------------------------------------------------*/
	.news-item-image {
		float:right;
		margin-left:30px;
	}
	#seven-four .news-item-image {
		margin:0 20px 0 0;
		max-width:150px;
		height:auto;
		float:left;
	}
/*--------------------------------------------------------
	
	:: Orbit SLideshow
	
----------------------------------------------------------*/
#featured {
	width:100% !important;
	height:477px !important;
	background: #fff;
	overflow: hidden;
    margin-bottom: 50px;
}
div.orbit-wrapper div.timer {
	display:none;
}
#featured .content-box {
	position:absolute;
	right: 35px;
	bottom: 35px;
	padding: 10px;
    width: 64%;
	max-width: 620px;
	background-color:#ccc;
	background-color:rgba(255,255,255,.85);
}
#featured .logo-client {
	margin:0 0 15px 0;
	padding:0;
}
#featured  blockquote {
	margin:0 0 18px 0;
	padding:0;
	font-size:17px;
	font-style:italic;
	color:#007cab;
	border:none;
}
#featured  blockquote:before {
	content:"\201C ";
}
#featured  blockquote:after {
	content:" \201D";
}
#featured p {
    color: #555555;
    font-size: 13px;
	font-weight:700;
    letter-spacing: 3px;
    margin: 0 0 5px 0;
    padding-top: 15px;
    text-transform: uppercase;
}
#featured p span {
	font-style:normal;
	color:#808285;
}
.quote-see-more {
	font-family:Georgia,Times,serif;
	color:#007cab;
	font-size:15px;
	font-style:italic;
	font-weight:700;
}
div.orbit-wrapper {
	
}



/*--------------------------------------------------------*/

/*--------------------------------------------------------
	
	:: Home testimonials
	
----------------------------------------------------------*/
#testimonials {
	background-color: white;
	border: 1px #fff solid;
}

#testimonials h2 {
	padding: 15px 0 0 0;
}
#testimonials article {
	margin: 10px 0 -18px;
	color: #2b2b2b;
}

#testimonials .name-testi {
	display:block;
	font-weight: 700;
	margin-top: 15px;
}

#testimonials article img {
	display:none;
}

#testimonials-list article {
	margin-bottom:30px;
	
}
/*--------------------------------------------------------*/


/*--------------------------------------------------------*/

/*--------------------------------------------------------
	
	:: Footer
	
----------------------------------------------------------*/

footer {
	font-size: 12px;
	text-align: center;
	padding: 30px 0;
	color: #333;
}

footer img{
	margin-top: 5px;
}
/*--------------------------------------------------------*/

.page {
	padding-top: 30px;
}

.page h1 {
	color:#00aeef;
}
.page .row {
	/*margin-top: 20px;*/
}

.page h2 {
	margin-top:20px;
}

#address-map {
	background-color:#fff;
	padding:10px 0;
	margin:20px 0;
	border-top:1px #ddd solid;
	border-bottom:1px #ddd solid;
}
#address-map h2 {
	margin-bottom:20px;
}

#contact-form fieldset {
	padding:15px;
	border-left:none;
	border-right:none;
	border-radius:none;
	-o-border-radius:none;
	-moz-border-radius:none;
	-webkit-border-radius:none;
}

#submitbutton,
.blink-button{
	border:none;
	font-weight:700;
	color:white;
	background-color:#00aeef;
	padding:10px 20px;
	width:100px;
	margin-top:10px;
	cursor:pointer;
}
#submitbutton:hover {
	background-color:#0074a0;
}

/*-------------------------------------------------
	:: Search form News & Articles
--------------------------------------------------*/
#searchform_container {
	position:absolute;
	right:0;
	top:-39px;
	width:100%;
	height:90px;
	overflow:hidden;
}
#searchform_container form {
	padding:8px;
	background-color:#fff;
	z-index:500;
	border:1px #ccc solid;
	border-radius:0 0 0 3px;
	-o-border-radius:0 0 0 3px;
	-webkit-border-radius:0 0 0 3px;
	-moz-border-radius:0 0 0 3px;
	margin:0;
 }

#searchform_container #submit-label,
#searchform_container #news_item-label,
#searchform_container #blog_item-label,
#searchform_container #blog_search-label {
	display:none;
}

#search-button {
	background-color:#333;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	padding:5px 10px;
	float:right;
	/*border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;*/
	border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	cursor:pointer;
}

#searchform_container #submitbutton {
	float:right;
	width:40px;
	padding-left:0;
	padding-right:0;
	text-align:center;
	margin:0;
	border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#searchform_container dd  {
	float:left;
}

#searchform_container #news_item,
#searchform_container #blog_item {
	padding:0 3px;
	height:33px;
	line-heigth:33px;
	margin:0 5px 0 0;
}

#form-wrapper {
	position:absolute;
	right:0;
	top:-51px;
}
/*-------------------------------------------------
	::NEWS
--------------------------------------------------*/
.news-title  {
	font-family: Georgia, serif;
	font-style:italic;
	width:90%;
}
h3.news-title a{
	color:#333;
}
article.news.centered {
	margin-bottom:30px;
	padding-bottom:15px;
}
/*-------------------------------------------------
	:: Pagination
--------------------------------------------------*/
.paginationControl span#current-page {
	background-color:#00aeef;
	color:#fff;
	padding:0 5px;
}

/*--------------------------------------------------
	:: Portoflio
--------------------------------------------------*/
#portfolio-page {
	
}

#portfolio-page article h3{
	margin-bottom:15px;
}

/*-------------------------------------------------
	:: 404 Page
--------------------------------------------------*/
.page404 {
    padding-top: 40px;
    padding-bottom: 60px;
    background-color:#fff;
    border: 1px solid #ccc;
}

/*--------------------------------------------------
	:: User Dashboard
--------------------------------------------------*/
#user_dashboard {
    background-color: #e1f4de;
}
#user_dashboard .dash-nav {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #ccc;
}
#user_dashboard .dash-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#user_dashboard .dash-nav ul li {
    width: 48%;
    display: inline-block;
}
#user_dashboard .logout-button {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
#user_dashboard .dash-header {
    padding-left: 10px;
    font-size: 30px;
}
#user_dashboard .dash-body {
    font-size: 20px;
    border: dashed 2px slateblue;
}
/*--------------------------------------------------
	:: Developer Handbook
--------------------------------------------------*/
#handbook {
    font-size: 14px;
    margin-bottom: 50px;
}
#handbook h2 {
    margin: 50px 0 20px 0;
}
#handbook dl {
    margin-bottom: 20px;
}
#handbook dl dt {
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}
#handbook dl dd span {
    font-weight: bold;
}
#handbook .do-good {
    color: #57ae31;
}
#handbook .do-bad {
    color: #f91100;
}

/*--------------------------------------------------
	:: Auth / Login page
--------------------------------------------------*/
.bt-login-form fieldset {
    color: #00aeef;
    padding: 10px 40px 40px 40px;
    border: solid 3px #ccc;
    font-weight: bold;
    background: #fff;
}

.bt-login-form label
{
    padding: 0;
    margin: 0;
}

.bt-login-form .formsubmit {
    font-weight: bold;
    margin: 0;
    padding: 5px;
}
.bt-login-form input {
    padding: 5px;
    border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
    background: #eee;
}
.bt-login-form label {
    margin-top: 20px;
}

/*-------------------------------------------------
	::MISC
--------------------------------------------------*/
article header {
	margin-bottom:10px;
}

article header p{
	margin-bottom:10px;
}

.font-georgia {
	font-family: Georgia, Times,serif;
}
.italic {
	font-style: italic;
}
.normal {
	font-weight: 400;
}
.pos-relative {
	position:relative;
	left:auto;
top:auto;
}
.bold {
	font-weight: 700;
}

.blue {
	color:#00aeef;
}
.dark-grey {
	color:#333;
}
.dark-blue {
	color:#0074a0;
}
.dark-blue-back {
	background-color:#0074a0;
}
.white {
	color:#fff;
}
.pad-10-top-bot{
	padding:10px 0;
}
.marg-top-10 {
	margin-top:10px;
}
.marg-top-20 {
	margin-top:20px;
}
.marg-top-30 {
	margin-top:30px;
}
.marg-bot-30 {
	margin-bottom:30px;
}
.white-back {
	background-color:#ffffff;
}
.blue-back {
	background-color:#00aeef;
}
.green-back {
	background-color:#90cc10;
}
.black,
.page h1.black {
	color:#000;
}
.red {
	color:#cc0000;
}
.red-back {
	background-color:#cc0000;
}
.select {
	background-color:#90cc10;	
}
.select:hover {
	background-color:#73a20d;	
}

.select:hover a{
	color:#ffffff;;	
}
.select a {
	display:block;
	width:100%;
	height:100%;
}
.see-more {
	position: absolute;
	right: 0;
	top:50%;
	font-family: Georgia, serif;
	font-weight: 700;
	font-size:11px;
	text-align: right;
}

.read-more {
	display: block;
	font-weight: 700;
	font-size:0.9em;
	margin-top: 4px;
}

.post-excerpt {
	font-family: Georgia, serif;
	width: 100%;
}

.blue-top {
	border-top:7px #00aeef solid
}
.blue-bot {
	border-bottom:7px #00aeef solid
}
.blue-top-17 {
	border-top:17px #00aeef solid;
	padding-top: 10px;	
}

.grey-bottom {
	border-bottom: 1px #ccc solid;
	padding-bottom: 5px;
}

.right-10 {
	padding-right:10px;
	padding-bottom:10px;
	
}
.clear {
	clear:both;
	margin:-1px 0 0 0;
	height:1px;
}

.border-test {
	border:1px #666 solid;
	
}

#contact-numbers.row .columns {
	margin-left:3.4%;
}

#contact-numbers.row .column:first-child, #contact-numbers.row .columns:first-child {
	margin-left: 0;
}
/*-----------------------------------------------
	:: Table Blink
-----------------------------------------------*/
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
	font-size:1em;;
}
.check-mark-red{
	background:transparent url(../images/check-mark.png) center center no-repeat;
}

.errors li{
	
	font-weight: bold;
	font-size: 1.1em;
	color: red;
}

 /* CSS to make youtube or any embedded video responsive used at sem-seo*/   
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* End video responsive classes*/

#lead-services {
	/* background-color: #eff8fc; */
	padding: 22px;
	background-color: #00aeef;

}
#lead-services p.lead {
	font-size: 22px;
	font-size: 2.2rem;
	color: #eff8fc;
	color:#fff;

	margin-bottom: 0;
}
.service-thumbnail-icon {
	margin-top:30px;
}

@media only screen and (max-width:767px){
	#featured .content-box {
		position:absolute;
		left:0;
		bottom:35px;
		max-width:none;
		margin:0 35px;
	}
	.service-thumbnail-icon {
		margin-top:0;
		width:150px;
		height:auto;
		float:left;
		margin:20px 20px 0 0;
	}
}

@media only screen and (max-width:400px){
	.service-thumbnail-icon {
		margin-top:0;
		width:70px;
		height:auto;
		float:left;
		margin:20px 20px 0 0;
	}
}