@charset "utf-8";
@import url("../webfonts/HelveticaLTStd_Light/stylesheet.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	
}

@font-face {
	font-family: 'HelveticaLTStd Light';
	src: url('../Responsive/Contract Moving Web/css/HelveticaLTStd-Light.otf') format('truetype');
}

a:hover {
	color: #F90;
	text-decoration: underline;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
p {
	font-family: "HelveticaLTStd Light";
	text-align: left;
	font-size: 1.222em;
	line-height: 1.15em;
	color: #000;
	font-weight: normal;
}
	/*
4 Box Text!
*/
.box {
	font-family: "HelveticaLTStd Light";
	font-size: 0.750em;
	font-weight: normal;
	width: 80%;
	margin-left: 10%;
	margin-top: -17px;
	letter-spacing: 0.15em;
}
h1{
	
}

h2 {
	font-family:font-family: "HelveticaLTStd Light";
		
}
	
h3{
	font-family: "HelveticaLTStd Light";
	color: #000;
	font-size: 1.966em;
	clear: both;
	width: 100%;
	text-shadow: 1px 1px 0 #422;
}
h4{
	font-size: 1.5em;
	color: #FFF;
	font-family: "HelveticaLTStd Light";
	background-image: url(../images/thin_white_line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100%;
}
h5{
	font-size: 0.9em;
	color: #CCC;
	font-family: "HelveticaLTStd Light";
	
}
h6 {
	font-family: "HelveticaLTStd Light";
	font-size: 1.3em;
	margin-left: 10%;
	margin-top: 7%;
	margin-bottom: 2%;
	color: #000;
	background-image: url(../images/Blackeunderline.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 35px;
	font-weight: bold;
	width: 80%;
	}
#seolLearn ul li a {
	font-family: "HelveticaLTStd Light";
	color: #06C;
	margin-right: 12%;
	text-decoration: none;
}
h7 {
	font-size: 1.9em;
	font-family: "HelveticaLTStd Light";
	color: #FFFFFF;
	text-shadow: 0px 2px 2px #555;
	padding-left: 13%;
	padding-top: 2%;
	}
h8 {
	font-size: 1.1em;
	font-family: "HelveticaLTStd Light";
	color: #FFFFFF;
	text-shadow: 0px 2px 2px #555;
	width: 100%;
	}

.social ul {
	display: inline-block;
	height:16px;
	width:90%;
	}
#social ul li {
	display:inline;
	height: 16px;
	width: 16px;
}
#seolLearn ul li a.ex1:hover,a.ex1:active {color: #F90;} 

	
	/*
Navigation!
*/

#menu {
	clear: both;
	color: #F90;
	font-family: "HelveticaLTStd Light";
	font-size: 24px;
	-o-transition:all .4s linear; 
    -moz-transition:all .4s linear; 
    -webkit-transition:all .4s linear;
}
#menu ul {
	list-style: none;
	font-family: "HelveticaLTStd Light";
	font-size: 24px;
	float: left;
	width: 100%;
}
#menu ul li {
	background-image: url(../images/BRUSH-SQUISHBlue.png);
	background-repeat: no-repeat;
	font-family: "HelveticaLTStd Light";
	font-size: 24px;
	color: #F90;
}
#menu ul li a {
	float: left;
	font-family: "HelveticaLTStd Light";
	font-size:24px;
	color: #F93;
	text-decoration: none;
	text-align: center;
	padding: 5px 0;
}
#menu ul li a span {
  color: #fff;
}
#menu ul li a:hover, nav ul li a:hover span {
	background-image: url(../images/BRUSH-SQUISHBlue.png);
	background-repeat: no-repeat;
	background-position: center;
	font-family: "HelveticaLTStd Light";
	font-size: 24px;
	color: #F90;
}
/*
END Navigation!
*/

#footer {
	margin-top:5%;
}
#footerlogo {
	margin-top:1.5%;
	
}

#Footertxt {
	margin-bottom:2.25%;
	}


#box1,#box2,#box3,#box4 {
	background-image: url(../images/box-300210.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "HelveticaLTStd Light";
	 -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}
.next {
	height: 29px;
	width: 65px;
	background-image: url(../images/more_b.png);
	background-repeat: no-repeat;
	margin-bottom:12%;
	margin-right:10%;
	float:right;
}

#weoffer {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "HelveticaLTStd Light";
}
#lhtxt {
	margin-top: -10px;
}
#rhtxt {
	}

#seolLearn {
	background-image: url(../images/whiteBGSEOimage.png);
	background-size: 100% 100%;
}
#seolLearn ul li {
	color: #06F;
	line-height: 2em;
	font-family: "HelveticaLTStd Light";
	font-size: 1.1em;
	list-style-type: none;
}
#seobox2 ul li{
	color: #06F;
	line-height: 2em;
	font-family: "HelveticaLTStd Light";
	font-size: 1.1em;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	width: 85%;
	text-align: center;
	text-shadow: -1px -1px 1px #000, 1.5px 1px 1px #fff;
	color: #000;
	opacity: 0.7;
	margin-top: 4.4%;
	margin-right: 3%;
	margin-bottom: 3.8%;
	margin-left: 6.555%;
	letter-spacing: 1px;
}

.quote2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	width: 85%;
	margin:auto;
	text-align: center;
	text-shadow: -1px -1px 1px #000, 1.5px 1px 1px #D6D6D6;
	color: #000;
	opacity: 0.9;
	letter-spacing: 1px;
}


#quote {
	background-image: url(../images/quote-box.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


#seopagebox {
	background-image: url(../images/whiteBG.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
}
#seopagebox ul {
	padding-left:7%;
	padding-right:7%;
	padding-top:4%;
}
#seopagebox ul li {
	font-size: 14px;
	list-style-type: disc;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#seobox2 {
	background-image: url(../images/whiteBGSEOimage.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding:2%;
}
#handshake {
	background-image: url(../images/handshake.png);
	background-repeat: no-repeat;
	background-size: 95% 100%;
	padding:2%;
}

#responsive {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	}

/*
*/
.handquote {
	font-family: "HelveticaLTStd Light";
	
}
#letsstart {
	background-image: url(../images/BlueBGwhat.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 348px;
	width: 250px;
	padding-top: 30px;
	padding-left: 10px;
}
#letsstarttxt .head {
	font-size: 1.3em;
	font-weight: bold;
}
.letsstartp {
	font-size: 1.1em;
	color: #FFF;
	width: 70%;
	padding-left: 14%;
	padding-top: 10%;
}
#letsstart #more {
	float:right;
	margin-top: 115px;
	margin-right:40px;
}

/* 10.Forms
---------------------------------------------------------------------- */

#contactBG {
	background-image: url(../images/contact-form.png);
	background-repeat: no-repeat;
	width: 45%;
	margin-left:0;
	min-width:600px;
	float: left;
	padding-left:2%;
	background-size: 100% 100%;
	padding-bottom:4%;
	padding-top:4%;
	}
#contact-form {
	width: 55%;
	margin-top: 0px;
	float: left;
	margin-left:150px;	
	}

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
{
	font-size: 0.938em;
		
}


#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width: 100%;
	border: 1px solid #F90;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	padding:8px;
	clear:left;
	}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #666;
	background-color: #CCC;
	clear: left;
}

#contact-form textarea {
	height:80px;
	resize: none;
}

#contact-form label {
	text-shadow: 0px 1px 2px #CCC;
	color: #666;
	font-size: 16px;
	width: 130px;
	min-width: 130px;
	float: left;
	font-family: "HelveticaLTStd Light";
	margin-bottom: 5px;
	}
#enquiry {
	width:130px;
}
#contact-form .required {
	font-weight:bold;
	color:#F00;
	font-size:1.3em;
	}

#contact-form #submit-button {
	width: 129px;
	background-image:url(../images/SendMessage.png);
	height:29px;
	border:none;
	display:block;
	float: left;
	margin-top:15px;
	margin-left:220px;
	}

#contact-form #submit-button:hover {
	opacity:90;
}

#contact-form #submit-button:active {
	background-image: url(../images/SendMessage2.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	border:solid 1px #E58E8E;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:437px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;
	display:none;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border: solid 1px #83D186;
	display: block;
	width: 410px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #D3EDD3 url(../img/accepted_48.png) no-repeat 375px center;
	font-weight: bold;
	display: none;
	margin-top: 25px;
	float:left;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 7px;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style: italic;
	float: left;
	}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}
/*End Form */

#contacttext {
	text-shadow: 0px 2px 3px #555;
	float: left;
	margin-top: 40px;
	width: 170px;
}

#contactmap {
	float: left;
	margin-top: 35px;
	margin-bottom: 15px;
	margin-left: 40px;
	background-image: url(../images/whiteBG.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 15px;
	padding-left: 8px;
	padding-right: 18px;
	padding-bottom: 12px;
	}



#contactdetails {
	background-image: url(../images/MapBG.png);
	background-repeat: no-repeat;
	float: left;
	background-origin: border-box;
	background-size: 100% 100%;
	width: 510px;
	margin-left: 4%;
	height: 545px;
}
.pcontact {
	font-family: "HelveticaLTStd Light";
	font-size: 0.95px;
	color: #F0F;
}
#bluesm960 {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top:4%;
	padding-bottom:4%;
	padding-right:4%;
}
#bluesm961 {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top:4%;
	padding-bottom:4%;
	padding-right:4%;
	
}
#bluesm961 .more, #bluesm960 .more  {
	float: right;
	margin-right: 1%;
	width: 60px;
	margin-bottom:2%;
}

.headtxt {
	font-weight: bolder;
	text-transform: capitalize;
	font-size: 1.195em;
}
.firstpargph {
	font-family: "HelveticaLTStd Light";
	font-weight: bold;
}
#seopagebox ul {
	font-family: "HelveticaLTStd Light";
	}
.worktxt {
	padding-left: 4.122%;
	padding-right: 4.122%;
}

.headings {
	font-family: "HelveticaLTStd Light";
	font-size: 2.1em;
	color: #0000;
	text-align: left;
	background: none;
	text-shadow: 1px 1px 0 #422;
	padding-top: 0px;
	padding-left: 1%;
}
.subheading {
	font-family: "HelveticaLTStd Light";
	font-size: 1.5em;
	color: #0000;
	text-align: left;
	background: none;
	text-shadow: 1px 1px 0 #422;
	padding-left: 1%;
	clear: both;
	}
#imageresponsive {
	margin: auto;
	width: 65%;
		
	}
.how {
	width: 80%;
	margin: auto;
	margin-bottom:5%;
	background-image: url(../images/H1-Line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 80% 20%;
	text-align: center;
	line-height: 3.0em;
}
.tagline {
	font-family: "HelveticaLTStd Light";
	font-size: 1.13em;
	text-align: center;
	background-image: url(../images/White-Slash-Header.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center, top;
	font-weight: bold;
	padding-top: 24px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.resize {
position: fixed;
bottom: 0;
right: 0;
height: 80px;
width: 80px;
background: url(../images/resize.png);
}


pre {
	position: relative;
	background: #333;
	color: white;
	font-family: Monaco, Courier, MonoSpace;
	line-height: 1.8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 12px;
	padding: 10px;
	overflow: auto;
	clear: both;
	margin-top: auto;
	margin-bottom: 20px;
	margin-left: auto;
	max-width: 90%;
	margin-right: auto;
}
.pre2 {
	position: relative;
	background: #333;
	color: white;
	font-family: Monaco, Courier, MonoSpace;
	line-height: 1.8;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 12px;
	padding: 10px;
	overflow: auto;
	clear: left;
	margin-top: auto;
	margin-bottom: 20px;
	max-width: 87%;
	margin-right:10%;
	
	}
.fullpage {
	width: 90%;
	margin-right: 10%;
	}