::selection {color:#fff;background:#2EC7F5;}
::-moz-selection {color:#fff;background:#2EC7F5;}
html { margin: 0; }
body { margin: 0; background: url('../img/grey_bg.png');} 
p { margin: 10px 0; }
a { color: #2EC7F5; text-decoration: none; }
a:hover { text-decoration: underline; }
#top a:hover { color: #fff;}

h2 { color: #2EC7F5; }

#top { width: 100%; background: #000; color: #fff;
	box-shadow: 0 5px 11px rgba(0,0,0,0.3);
}
#top h1 { margin-top: 40px; }
#top .dart-phone { font-size: 15pt; margin-top: 10px; margin-bottom: 15px; }

#nav { margin-bottom: 8px; }

a.pdf { 
	background: url('../img/icons/pdf.png') left center no-repeat;
	line-height: 32px;
	padding-left: 40px;
	display: inline-block;
}
a img { outline: none; }
img {border: 0; }

img.logo {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.img-responsive {
  display: block;
  max-width: 100%; // Set a maximum relative to the parent
  height: auto;    // Scale the height according to the width, otherwise you get stretching
}

#main .container { min-height: 700px; }

section.slideshow,
section.blue { 
	margin-top: 20px; 
	border: 1px #bbb solid;
	box-shadow: 1px 1px 4px #bbb; }

section.space {
	color: #fff;
	min-height: 400px;
}

section.blue {background: #2EC7F5; }
section.space { background: url('../img/backgrounds/space.jpg') no-repeat center center }

section.blue .container,
section.space .container { background: none; box-shadow: none; border: none; }
section.blue .row,
section.blue .container {
	padding-bottom: 0;
	margin-bottom: 0;
}

section.blue > .container,
section.process-blue > .container,
section.process-white > .container {
	margin-top: 0;
}
section.blue h2 { 
	font-family: 'Roboto', Helvetica, sans-serif; 
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 40px; 
	line-height: 50px;
}
section.blue h2, 
section.blue p { color: #fff; }

section.process-blue  > .container,
section.process-white > .container {
 box-shadow: none;
 border-top: none;
 border-bottom: none;
 padding-top: 160px;
}

section.process-blue.first  > .container,
section.process-white.first > .container {
	border-top: 1px solid #bbb;
	background-image: none;
	padding-top: 20px;
	margin-top: 20px;
}

section.process-blue > .container {
	background: #ccf3ff url("../img/backgrounds/process_white.png") no-repeat top center;
}

section.process-white > .container {
	background: #fff url("../img/backgrounds/process_blue.png") no-repeat top center;
}

section.process-blue.last  > .container,
section.process-white.last > .container {
	background-color: transparent;
	border: none;
}

section.process-blue.last  > .container { background: url("../img/backgrounds/process_white_border.png") no-repeat top center; }
section.process-white.last  > .container { background: url("../img/backgrounds/process_blue_border.png") no-repeat top center; }

#footer { margin-top: 20px; background: #333; color: #fff; font-size: 12px; }
#footer a { font-size: 14px; }

.dart-container { margin: 0 auto; clear: both; width: 960px; }
.container {
	background: #fff; 
	border: 1px #bbb solid;
	box-shadow: 1px 1px 4px #bbb;
	padding: 30px;
	margin-top: 20px;
}
.content { margin: 0 10px 10px 10px;}		
.col1 { width: 100%; float: left; }
.col2 { width: 50%; float: left; }
.col3 { width: 33.3%; float: left; }
.col4 { width: 25%; float:left; }

img.dimmed { opacity: 0.7; }
img.dimmed:hover { opacity: 1.0; }

h2.caption {
	text-align: center;
	text-transform: uppercase;
	border-top: 3px solid #2EC7F5;
	color: #000;
}

h3.caption,
h4.caption { text-transform: uppercase; color: #000; }


h3.caption:before,
h3.caption:after {
	content: "▪▪▪▪▪";
	font-size: 24px;
	margin-right: 5px;
	color: #2EC7F5;
}
h3.caption:after {
	margin-left: 5px;
	margin-right: 0px;
}

h4.caption:before,
h4.caption:after {
	content: "►";
	font-size: 20px;
	margin-right: 5px;
	color: #2EC7F5;
}
h4.caption:after {
	content: "◄";
	margin-left: 5px;
	margin-right: 0px;
}

h3 span.digit {
	color: #2EC7F5;
	font-size: 50px;
}

ul.advantages li,
ul.check li,
ul.points li {
	list-style: none;
	padding: 17px 0 17px 50px;
}

ul.advantages li { background: url('../img/plus.png') no-repeat center left; }
ul.check li { background: url('../img/check.png') no-repeat center left; }
ul.points li { background: url('../img/point.png') no-repeat center left; }
ul.list-square li { list-style-type:square }


.dart-btn {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background: #2EC7F5;
/*	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);*/
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	/*border-radius: 4px;*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-decoration: none;
	/*background-image: -webkit-linear-gradient(bottom, #2EC7F5 0%, #0F7A9E 100%);
	background-image: linear-gradient(to bottom, #2EC7F5 0%, #0F7A9E 100%);*/
	background-repeat: repeat-x;
	border: none;
	/*border-color: #025573;*/
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59c9f2',endColorstr='#ff196a87',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
	color: #fff;
	/*text-shadow: 1px 1px 0px #000;*/
	font-family: 'PT Sans Caption', Helvetica, sans-serif;
}

section.blue .dart-btn { 
	background: #fff; 
	color: #2EC7F5;
	text-shadow: none;
}

section.blue .dart-btn:hover { 
	background: #ddd; 
}

.dart-btn-white {
/*	background-image: -webkit-linear-gradient(top,#FFFFFF 0%, #E6E6E6 100%);
	background-image: linear-gradient(to bottom,#FFFFFF 0%, #E6E6E6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/
	background: #fff;
	border-color: #999;
	color: #000;
	text-shadow: 1px 1px 0px #eee;
}

.dart-btn:hover {
	background-color: #0D6987;
	background-image: none;
	color: #fff;
	text-decoration: none;
}

.dart-btn-white:hover {
	background-color: #2EC7F5;
	background-image: none;
	color: #fff !important;
	text-shadow: none;
	text-decoration: none;
}

.dart-btn-tiny {
	padding: 3px 9px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2;
}

.dart-btn-small {		
	padding: 5px 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.428571429;
}

.dart-btn-medium {
	padding: 6px 13.5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.dart-btn-big {
	padding: 8px 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
}

.dart-uppercase {
	text-transform: uppercase !important;
}

/*** PORTFOLIO ***/
.year:first-child {
	margin-top: 30px;	
}
.year h2 {
	text-align: center;
	color: #333;
	font-size: 36px;
	text-transform: uppercase;
}

.island {
	box-shadow: 1px 1px 5px #bbb, -1px -1px 5px #bbb, 0px 1px 5px #bbb, 1px 0px 5px #bbb;
	background: #fff;
	margin: 30px 0;
}

.island-img {
	height: 250px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
}

.island-img h3 {
	position: absolute;
	text-shadow: 0 1px 4px rgba(0, 0, 0, .8);
	bottom: 0;
	left: 200px;
	color: #fff;
	font-size: 30px;
	margin-bottom: 5px;
}

.island-logo {
	position: relative;
	width: 158px;
	height: 158px;
	margin-top: -75px;
	margin-left: 20px;	
	background: rgba(0, 0, 0, .3);
	padding: 1px;	
}

.island-logo img {
	border: 4px solid #fff;
	width: 150px;
	height: 150px;
}

.island-desc {
	padding: 20px 20px 0 20px;
	margin-left: 180px;
	margin-top: -100px;
	font-size: 12px;
	color: #666;
	line-height: 18px;
}

.island-more {
	text-align: right;
	padding: 10px 20px 20px 20px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Content */
.separator {
	width: 100%;
}

.middle-span {
	height: 100%;
}

.middle-span:before {
	content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ads p {
	font-size: 12pt;
	line-height: 18pt;
	/*text-align: justify;*/
}

/* for table3col see additional layout properties in bootstrap-responsive.css */
.table3col {
	float: left;
}

.table3col td { 
	padding-left: 7px; 
	padding-right: 7px;
}

.table3col tr.dart-more td {
	vertical-align: top;
}

/* Portfolio */
table.services {
	width: 100%;
	text-align: center;
	font-size: 8pt;
	margin-left: -20px;
	border-spacing: 20px;
	border-collapse: separate;
}

table.services td {
/*	max-width: 100px;*/
	vertical-align: top;
}

.service-row:before,
.service-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.service-row:after {
	clear: both;
}

.service {
	/*width: 12%;*/
	/*margin-right: 20px;*/
	/*float: left;*/
	/*display: block;*/
	font-size: 8pt;
	text-align: center;
}

.service img {
	width: 50px;
}

/* Tables */

table.standard {
	width: 100%;
	font-size: 14px;
}

table.standard th { 
	background: #2EC7F5;
	color: #fff;
	font-weight: bold;
	border-bottom: 2px solid #000;
	padding: 10px 0;
	font-size: 16px;
}
table.standard td.first-col {
	font-weight: bold;
}

table.standard td { padding: 5px 10px; }
table.standard tr:nth-child(2n) { background: #eee;}

/* Hooks */
.row { margin-bottom: 20px; }
.highslide img { border: 2px solid #ccc}
.highslide img:hover {border: 2px solid #0088cc}
.highslide-close a { color: #00bff3; text-decoration: underline;}
.highslide-heading { font-size: 18px !important; color: #333 !important;}


#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	bottom: 5em;
	left: 0;
	margin-right:1em;
	z-index: 50;
	line-height: 2.7em;
	color: #fff;
	text-transform: none;
	opacity:1;
	padding-right: 30px;
	background: rgba(255,255,255,0.7);
	color: #000;
	font-family: 'PT Sans Caption', Helvetica, sans-serif;
	font-weight: bold;
	width: auto !important;
}

/* Action form */

.form-wrapper {
	padding: 0 20px;
	border: 1px solid #2EC7F5;
	box-shadow: 2px 2px 7px #bbb;
	background: #2EC7F5;
}

.form-wrapper label {
	font-size: 16px;
	color: #fff;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], 
input[type="datetime-local"], input[type="date"], input[type="month"], 
input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], 
input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	padding-right: 0;
	width: 98%;
}

.form-wrapper input[type="submit"] {
	display: inline-block;
	text-align: center;	
	height: 36px;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	padding: 0 4px;
	width: 100%;
	color: #2EC7F5;
	word-wrap: break-word;
	border: none;
	font-family: "PT Sans", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	background: #fff;
	/*background: #fff url('../img/action_btn_arrow.gif') right center no-repeat;*/
}

.form-wrapper input[type="submit"]:hover {
	background-color: #c5eafb;
}

.form-wrapper h4 {
	margin-top: 26px;
	font-size: 20px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
}

.form-wrapper form label {
	float: left;
	margin-right: 5px;
}

label.error {
	color: #000;
}

.form-wrapper form input { clear: both; }

.asterisk { margin-left: 3px; color: #000; }

/* Feature alt */

.afeature{
width:190px;
height:190px;
margin:10px auto;
/*background-image: -o-linear-gradient(bottom, #CDEAFC 0%, #3BACF7 100%);
background-image: -moz-linear-gradient(bottom, #CDEAFC 0%, #3BACF7 100%);
background-image: -webkit-linear-gradient(bottom, #CDEAFC 0%, #3BACF7 100%);
background-image: -ms-linear-gradient(bottom, #CDEAFC 0%, #3BACF7 100%);
background-image: linear-gradient(to bottom, #CDEAFC 0%, #3BACF7 100%);*/
background: #2EC7F5;
border-radius:250px;
border:5px solid #fff;
box-shadow:0px 0px 3px #aaa;
text-align:center;
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
cursor: pointer;
}

.afeature.onlyicon{
width:100px;
height:100px;
}

.afeature:hover, img.dart-ref-icon:hover{
border:5px solid #2EC7F5;
-webkit-transition:border 1s ease;
-moz-transition:border 1s ease;
-o-transition:border 1s ease;
transition:border 1s ease;
}

.afmatter{
width:80%;
margin:10px auto;
padding-top:30px;
line-height:18px;
font-size:16px;
color: #fff;
/*text-shadow: 1.5px 1.5px 0px #fff;*/
}

.afmatter h3 {
	font-size: 20px;
	margin-top: 5px;
	line-height: 20px;
}

.afmatter-noicon h3 {
	width: 90%;
	margin-left: 5%;
	margin-top: 40px;
	font-size: 25px;
	line-height: 30px;
}

.afmatter-noicon img {
	display: none;
}

.afeature.onlyicon .afmatter{
	padding-top: 10px;
}

/*.afmatter-onlyicon img {
	margin-top: 53px;
}*/

/* Icons */
ul.icons {
	margin: 15px 0;
}
ul.icons li {
	list-style: none;
	display: inline-block;
	text-align: center;
	margin-right: 30px;
	font-size: 12px;
}

ul.icons li img {
	display: block;
	margin: 10px auto;
}

ul.white li { color: #fff;}

.square-icon {
	padding: 30px;
	width: 64px;
	height: 64px;
	background: #2EC7F5;
}
 
/* Miscellaneous */
.todo:before {
	color: red;
	font-weight: bold;
	content: "TODO: ";
}

/* === Modal Form === */

/* Modal Form */
.close-btn {
	float: right;
	margin-top: -31px;
	margin-right: -41px;
	background: url('../img/close-btn.png') center center no-repeat;
	width: 30px;
	height: 32px;
	cursor: pointer;
}

.close-btn:hover {
	background-color: #0D6987;
}

#modal-overflow {
	position: absolute;
	background: #000;
	opacity: 0.7;
	z-index: 998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#modal-form {
	 position: absolute; 
	 z-index: 9999;
}

#modal-form.form-wrapper {
	background: #2EC7F5;
	width: 360px;
	box-shadow: none;
}

#modal-form form {
	padding: 30px 20px 30px 20px;
}

#modal-form form h4 {
	font-size: 20px;
	color: #fff;
	margin-top: 0;
}

#modal-form label {
	font-size: 16px;
	color: #fff;
}

#modal-form input[type="text"] {
/*	border-radius: 0;
	padding-right: 0;
	width: 98%;*/
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#modal-form input[type="submit"] {
	margin-top: 15px;
	width: 100%;
	/*width: 262px;	*/
	text-shadow: none;
}

/* Thank you form */

#thank-you-form {
	position: absolute; 
	z-index: 9999;
}

#thank-you-form div {
	padding: 20px;
	line-height: 20px;
	width: 500px;
	background: #fff;
	border-radius: 10px;
}

/* Validation */

#modal-form label {
	float: left;
}

#modal-form label.error {
	margin-left: 5px;
	margin-top: 5px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	line-height: 14px;
	color: #fff; 
}