a {
	text-decoration:none;
	color:inherit;
	cursor:pointer;
}
img {
	border:0;
}

body {
	margin:0;
}

.padding {
	padding:0% 8% 0% 8%;
}
.container {
	margin:0 auto;
	max-width:1024px;
}

header {
	height:78px;
	background:#30d7d2;
	border-top:#7ee6e3 1px solid;
	border-bottom:#2dcac5 1px solid;
}
#logo {
	margin-top:24px;
	width:45px;
	height:32px;
	display:inline-block;
	float:left;
}
#availability {
	margin-top:24px;
	padding:7px;
	width:97px;
	height:18px;
	color:#38ffff;
	text-shadow:1px 1px 2px #0f7473;
	letter-spacing:1px;
	text-align:center;
	font-size:12.5px;
	font-family:'primeregular';
	display:inline-block;
	background:url('images/bg-availability.png');
	float:right;
}
#available {
	margin-top:0px;
	margin-right:-10px;
	width:75px;
	height:75px;
	background:url('images/available.png') no-repeat;
	display:inline-block;
	float:right;
	z-index:999;
}
section#info {
	min-height:265px;
	color:#1f426c;
}
section#info h1 {
	margin:80px 0px 0px 0px;
	font-size:33px;
	font-family:'planerregular';
	font-weight:normal;
}
section#info h2 {
	margin:4px 0px 0px 0px;
	font-size:20px;
	font-family:'Montserrat', sans-serif;
	font-weight:200;
}
section#info a.action{
	margin-top:22px;
	margin-bottom:60px;
	margin-left:-10px;
	padding:8px;
	width:118px;
	height:14px;
	color:#666666;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-family:'Varela Round';
	background:url('images/bg-workwithme.png');
	display:block;
}
section#website {
	background:#e8e8e8 url('images/bg-greybar.gif') top left repeat-x;
}
section#website #container {
	margin:0 auto;
	max-width:1024px;
}
section#website #details {
	width:246px;
	float:left;
}
section#website #change {
	height:125px;
	position:relative;
}
section#website #arrows {
	position:absolute;
	bottom:12px;
	left:12px;
}
section#website #information {
	max-height:300px;
}
section#website #information .address {
	margin-top:50px;
	color:#1f426c;
	font-size:24px;
	font-family:'Dosis';
	font-weight:700;
	display:inline-block;
}
section#website #information .doubleline {
	margin-top:24px;
}
section#website #information .services {
	margin-top:22px;
	color:#2faca8;
	font-size:12px;
	font-family:'Varela Round';
	display:inline-block;
}
section#website #information ul#servicelist {
	margin:20px 0px 0px 37px;
	padding:0px;
	list-style:none;
	font-size:12px;
	font-family:'Montserrat';
	font-weight:600;
}
section#website #information ul#servicelist li {
	margin:0px;
	padding:0px;
}
section#website #information ul#servicelist li.webdesign {
	list-style:url('images/icon-webdesign.png');
}
section#website #information ul#servicelist li.webdevelopment {
	list-style:url('images/icon-webdevelopment.png');
}
section#website #information ul#servicelist li.imageprocessing {
	list-style:url('images/icon-imageprocessing.png');
}
section#website #information ul#servicelist li.videoediting {
	list-style:url('images/icon-videoediting.png');
}

section#website #preview{
	max-width:778px;
	float:left;
}
section#website #preview img{
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
}

section#branding ul{
	margin:90px 0px 170px 0px;
	padding:0;
	list-style:none;
}
section#branding ul li{
	display:inline-block;
	margin:0px 17px 17px 0px;
}

section#contact {
	min-height:630px;
	background:#20426A;
}
section#contact .title {
	margin:80px 0px 45px 0px;
	width:100%;
	height:100%;
	color:#3DD6D1;
	font-size:33px;
	font-family:'planerregular';
	display:inline-block;
}
section#contact form {
	max-width:600px;
	display:block;
}
section#contact form input[type=text], section#contact form textarea {
	color:#ffffff;
}
section#contact form input.name {
	margin:0px 10px 10px 0px;
	padding:0px 8px 0px 8px;
	width:262px;
	height:40px;
	background:#143154 url('images/bg-input.png') no-repeat;border:0;
}
section#contact form input.email {
	margin:0px 10px 10px 0px;
	padding:0px 8px 0px 8px;
	width:292px;
	height:40px;
	background:#143154 url('images/bg-inputEmail.png') no-repeat;
	border:0;
	margin-right:0px;
}
section#contact form textarea {
	margin:0;
	padding:8px;
	max-width:584px;
	width:100%;
	max-height:200px;
	height:200px;
	line-height:1.5em;
	background:#143154;
	border:0;
}
section#contact form input[type=submit] {
	margin:10px 0px 0px 0px;
	padding:8px;
	width:158px;
	height:42px;
	color:#96bdeb;
	text-shadow:-1px -1px 1px #051425, 1px 1px 1px #143154;
	letter-spacing:1px;
	text-align:center;
	font-size:15px;
	background:#0a1f39 url('images/bg-submit.png') no-repeat;
	border:0;
}

#call{
	margin:0px;
	padding:0px;
	width:404px;
	color:#ffffff;
	letter-spacing:1px;
	font-size:19px;
	text-align:right;
	background:transparent url('images/bg-phone.png') no-repeat top right; /*#1e416c */
	position:relative;
	display:inline-block;
	float:right;
}
#call .phonenumber{
	top:8px;
	right:8px;
	position:absolute;
}
#call #details{
	top:173px;
	right:0px;
	margin:0px;
	padding:0px;
	width:410px;
	height:60px;
	color:#7193ba;
	letter-spacing:1px;
	text-align:right;
	font-size:19px;
	position:absolute;
}
#call #details .status{
	color:#9dbce0;
	font-size:19px;
	position:relative;
}
#call img.phone{
	top:8px;
	right:195px;
	position:absolute;
}
#call #details img{

}
#call #details span.location{
	margin-top:30px;
	color:#ffffff;
	display:block;
}


::selection {

	background-color:#c0c0c0; /* Safari */
	}
::-moz-selection {

	background-color:#c0c0c0; /* Firefox */
}




@media all and (min-width: 0px) and (max-width: 1024px) {
  section#website #details {
  	display:none;
  }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
#availability {
	background:url('images/bg-availability@2x.png');
	background-size:111px 32px;
}
#available {
	background:url('images/available@2x.png') no-repeat;
	background-size:75px 75px;
}
section#info a.action{
	background:url('images/bg-workwithme@2x.png');
	background-size:134px 30px;
}
}






.pace .pace-progress {
  background: #6cdbd2;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}