/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ccc;
}

[class*='col-'] {
	float: left;
	padding-right: 0px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 0px 0 0px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

/* Website Styling */

.no-margin {
	margin:0;
	padding:40px 20px 20px 40px;
}


.white-space {
	white-space:nowrap;
}
.services-bg {
	background-color:#fff;
	background-image:url('images/services-removals.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.services-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.services-bg .text {
	padding:20px 40px 40px 320px;
}
.services-bg .extra-text {
	padding-right:130px;
}
.services-bg-2 {
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height:459px;
}
.services-bg ul {
	
}
.services-bg li {
	padding-bottom:18px;
}



.advice-bg {
	background-color:#fff;
	background-image:url('images/packing-service.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.advice-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.advice-bg .text {
	padding:20px 40px 20px 300px;
}
.advice-bg .extra-text {
	padding-right:130px;
}
.advice-bg ul {
	
}
.advice-bg li {
	padding-bottom:18px;
}
.advice-bg-2 {
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height:459px;
}


.packing-bg {
	background-color:#fff;
	background-image:url('images/removal-packing.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.packing-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.packing-bg .text {
	padding:20px 40px 40px 320px;
}
.packing-bg .extra-text {
	padding-right:130px;
}
.packing-bg ul {
	
}
.packing-bg li {
	padding-bottom:18px;
}
.packing-bg-2 {
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height:459px;
}


.storage-bg {
	background-color:#fff;
	min-height:459px;
	background-image:url('images/storage-facilities-colchester.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.storage-bg h2 {
	margin:0px 0px 19px 0px;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.storage-bg p {
	margin:0px 0px 19px 0px;
}
.storage-bg .p-red {
	color:#f00;
	margin:0;
	font-size:16pt;
}
.storage-bg .p-emp {
	font-size:16pt;
	font-weight:normal;
}
.storage-bg .text {
	padding:20px 40px 40px 320px;
}
.storage-bg .extra-text {
	padding-right:130px;
}
.storage-bg ul {
	float:left;
}
.storage-bg li {
	padding-bottom:18px;
}


.contact-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.contact-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.contact-bg .text {
	padding:0px;
}
.contact-bg .extra-text {
	padding-right:130px;
}
.contact-bg ul {
	
}
.contact-bg li {
	padding-bottom:18px;
}
.contact-bg-2 {
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height:459px;
}

.form-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.form-bg h3 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:center;
}
.form-bg .text {
	padding:0px;
}
.form-bg .extra-text {
	padding-right:130px;
}
.form-bg ul {
	
}
.form-bg li {
	padding-bottom:18px;
}
.form-bg-2 {
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:bottom right;
	height:auto;
}

/* default form */

form {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:5px;
	border:1px solid #666;
	background-color:#dfdbdb;
}
form label {
	color:#666;
	font-size:13pt;
	width:25%;
	float:left;
	text-align:right;
	padding-right:10px;
}
form p {
	color:#336633;
	margin-bottom:10px;
	height:auto;
}
form h3 {
	
}
form input {
	width:50%;
	border:1px solid #747474;
	font-size:13pt;
	height:auto;
}
form textarea {
	width:50%;
	border:1px solid #747474;
	height:auto;
}
form submit {
	width:50px;
}
form .small-submit {
	width:60px;
	font-size:10pt;
}
form .small-reset {
	width:60px;
	margin-left:5px;
	font-size:10pt;
}
form .p-r {
	text-align:right;
	padding-right:30px;
}



.red-bg {
	background-color:#f00;
	padding:10px 20px 20px 10px;
	font-size:14pt;
	color:#fff;
	text-align:center;
	margin:0px 20px 0px 20px;
}

.fl-l {
	float:left;
	margin-right:10px;
}

.p-sixteen {
	font-size:16pt;
}

.p-eighteen {
	font-size:18pt;
	margin:0;
	padding:0;
}
.p-b {
	font-weight:bold;
}
.p-red {
	color:#f00;
	margin-bottom:0px;
	padding:0px;
}



/* Website Structure */



.hide {
	position:absolute;
	top:0;
	left:0;
}
h1 {
	font-size:14pt;
	margin:0;
	padding:0;
	text-indent:-100000px;
	overflow:hidden;	
}


.top-margin {
	margin:0;
	padding:0;
	color:#fff;
	text-align:center;
	min-height:43px;
	background-color:#f00;
}
.top-margin p {
	margin:0;
	padding:0;
	padding-top:8px;
}
.top-margin a  {
	color:#fff;
	text-decoration:none;
}

.top-margin a:hover {
	text-decoration:underline;
}


/* navigation */

.navigation {
	max-width:1100px;
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
}

.navigation .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size:10pt;
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
	border-top: 2px solid #fff;
	border-bottom:2px solid #fff;
}
.navigation li {
	float:left;
    border-right:2px solid #fff;
    width:16.66%;
}
.navigation a {
    display: block;
    color: #fff;
    background-color: #000;
    text-align: center;
    text-decoration: none;
    line-height:200%;
    font-size:12pt;
}
.navigation .home {
	background-image:url('images/left-light-nav.gif');
	background-repeat:no-repeat;
	background-position:top left;
}

.navigation .end {
	background-image:url('images/right-light-nav.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

.navigation a:hover {
    background-color: #f00;
    color:#fff;
}
.navigation .current {
	background-color:#f00;
}

.navigation .current-home {
	background-image:url('images/left-nav.gif');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#0072ae;
}
.navigation .current-end {
	background-image:url('images/right-nav.gif');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#0072ae;
}
.navigation .end:hover {
	background-image:url('images/right-nav.gif');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#0072ae;
}
.navigation .home:hover {
	background-image:url('images/left-nav.gif');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#0072ae;
}
/* masthead */

.masthead {
	padding-top:5px;
	padding-left:20px;
	padding-bottom:30px;
	background-color:#fff;
	height:170px;
}
.masthead .logo {
	max-width:165px;
	padding:0px 10px 0px 10px;
}
.masthead .vans {
	margin-top:45px;
	max-width:405px;
	padding:0px 0px 0px 0px;
}
.center-div {
	width:100%;
	text-align:center;
	margin:auto;
}

.call-now {
	text-align:center;
	display:block;
	margin:auto;
	padding-bottom:20px;
	padding-top:20px;
}
.call-now ul {
	list-style-type:none;
	margin:auto;
	padding:0;
	background-color:#fff;
	width:auto;
	width:250px;
	text-align:center;
}
.call-now ul li {
	text-align:center;
	margin:auto;
}
.call-now ul li a {	
	background-image:url('images/call-now-1.gif');
	background-repeat:no-repeat;
	background-position:top left;
    color: #000;
	display:block;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    line-height:76px;
    font-size:14pt;
	text-indent:	-10000px;
	overflow:		hidden;
	margin:auto;
}
.call-now ul li a:hover {	
	background-image:url('images/call-now-2.gif');
}
/* home-left column */

.home-left {
	background-color:#2a2a2a;
	padding:20px 75px 25px 75px;
	min-height:341px;
}
.home-left ul {
	color:#fff;
	margin:0;
	margin-left:13px;
	margin-bottom:10px;
	padding:0;
	font-size:16pt;
}
.home-left p {
	color:#fff;
	font-size:16pt;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
.home-left .p-small {
	font-size:12pt;
}
.home-left p a {
	margin-top:10px;
	color:#fff;
	text-decoration:none;
	font-size:10pt;
	line-height:100%;
}
.home-left .p-nb {
	font-weight:normal;
	text-decoration:underline;
	font-size:14pt;
}

.main-body {
	background-color:#f3f3f3;
	margin-left:auto;
	margin-right:auto;
}
.main-body .main-img {
	float:left;
	display:block;
	width:703px;
  	max-width:703px;
  	max-height:341px;
  	border-left:1px solid #fff;
  	width:100%;
  	height:341px;
}

.img-resize {
  width:100%;
  height:auto;
}
.home-columns {
	background-color:#f00;
	border:1px solid #fff;
}
.home-columns h2 {
	margin:0px;
	padding:10px 0px 10px 0px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	font-size:16pt;
}
.home-columns a {
	color:#fff;
	text-decoration:none;
}
.home-columns img {
	max-height:332px;
	display:block;
}
.footer {
	background-color:#000;
	margin:0;
	padding:0;
}
.footer p {
	font-size:10pt;
	color:#fff;
	margin:0;
	padding:10px 20px 10px 20px;
}
/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}


@media handheld, only screen and (max-width: 990px) {
	
/* home-left column */

.home-left {
	background-color:#2a2a2a;
	padding:20px 75px 10px 25px;
	min-height:340px;
}
.home-left ul {
	color:#fff;
	margin:0;
	margin-left:13px;
	padding:0;
	font-size:16pt;
}
.home-left p {
	color:#fff;
}

}

@media handheld, only screen and (max-width: 900px) {
	
/* home-left column */

.home-left {
	background-color:#2a2a2a;
	padding:20px 75px 10px 25px;
	min-height:340px;
}
.home-left ul {
	color:#fff;
	margin:0;
	margin-left:13px;
	padding:0;
	font-size:14pt;
}
.home-left p {
	color:#fff;
}

}


@media handheld, only screen and (max-width: 767px) {

	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* masthead */
	
	

	.masthead {
		padding:0px;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:30px;
		text-align:center;
		height:auto;
	}
	.masthead .vans {
		margin:0px;
		padding:0px 10px 0px 10px;
	}
	.home-left {
	background-color:#2a2a2a;
	padding:20px 10px 10px 25px;
	min-height:340px;
	text-align:center;
	}
	.home-left ul {
	color:#fff;
	margin:0;
	margin-left:13px;
	padding:0;
	font-size:18pt;
	list-style-type:none;
	}
	.home-left p {
	color:#fff;
	font-size:16pt;
	}
	.home-left .fl-l {
	float:none;
}
	.p-sixteen {
	font-size:14pt;
}
	.p-eighteen {
	font-size:16pt;
}
.masthead .logo {
	max-width:200px;
	padding:0px 10px 0px 10px;
}

}


@media handheld, only screen and (max-width: 650px) {

.services-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.services-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.services-bg .text {
	padding:20px 40px 40px 40px;
}

.advice-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.advice-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.advice-bg .text {
	padding:20px 40px 40px 40px;
}

.packing-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.packing-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.packing-bg .text {
	padding:20px 40px 40px 40px;
}

.storage-bg {
	background-image:none;
	background-color:#fff;
}
.storage-bg .text {
	padding:20px 40px 40px 40px;
}






}

@media handheld, only screen and (max-width: 600px) {

/* navigation */

.navigation {
	max-width:1100px;
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
}

.navigation .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size:10pt;
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
	border-top: 2px solid #fff;
	border-bottom:2px solid #fff;
}
.navigation li {
	float:left;
    border-right:0px solid #fff;
    border-bottom:1px solid #fff;
    width:100%;
}
.navigation a {
    display: block;
    color: #fff;
    background-color: #000;
    text-align: center;
    text-decoration: none;
    line-height:300%;
    font-size:12pt;
}
.navigation .home {
	background-image:url('images/left-light-nav.gif');
	background-repeat:no-repeat;
	background-position:top left;
}

.navigation .end {
	background-image:url('images/right-light-nav.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

.navigation a:hover {
    background-color: #f00;
    color:#fff;
}
.navigation .current {
	background-color:#f00;
}

.navigation .current-home {
	background-image:url('images/left-nav.gif');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#0072ae;
}
.navigation .current-end {
	background-image:url('images/right-nav.gif');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#0072ae;
}
.navigation .end:hover {
	background-image:url('images/right-nav.gif');
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#0072ae;
}
.navigation .home:hover {
	background-image:url('images/left-nav.gif');
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#0072ae;
}
.contact-bg .text {
	padding:0px 0px 0px 0px;
}



}

@media handheld, only screen and (max-width: 450px) {



	

}

@media handheld, only screen and (max-width: 400px) {

	
	.p-sixteen {
	font-size:12pt;
}
	.p-eighteen {
	font-size:14pt;
}
.services-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.services-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}

.services-bg .text {
	padding:40px 20px 40px 20px;
}
.services-bg ul {
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
}



.advice-bg {
	background-color:#fff;
	background-image:none;
	background-repeat:no-repeat;
	background-position:top left;
	min-height:459px;
	margin:0px;
	padding:0px;
	text-align:justify;
}
.advice-bg h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
}
.advice-bg .text {
	padding:40px 20px 40px 20px;
}
.advice-bg ul {
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
}
.storage-bg .p-red {
	text-align:left;

}

.storage-bg ul {
	margin:0;
	padding:0;
}





}