* {
	margin: 0 auto 0 auto; 
	text-align: left;
}

body {
	font-family: tahoma;
	font-size: 95%;
	width: 960px;
	background-image: url(../images/dotted.png);
	border: 1em solid #fff;
	margin-top: 2.50em;
	margin-bottom: 2.50em;	
}

img {
	border-style: none;
}

header {
	color: white;
}

#header1 {
	width: 960px;
	height: 10em;
	float: left;
	background: rgb(0,183,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,1)), color-stop(100%,rgba(0,158,195,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

#header1 h1 {
	margin-left: 0.45em;
	font-family: 'Titan One', cursive;
	text-shadow: 1px 1px 2px #000;
	font-size: 2.6em;
	letter-spacing: 0.03em;
	color: white;

  /* align vertically */
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);	
}

#contactHead {
	float: right;
	position: relative;
	margin-right: 1em;
}

#contactHead p {
  /* align vertically */
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);	
}

p.contactHeading {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 18px;
	margin-top: -0.40em;
}

p.contactNumber {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 43px;
	color: #fcc126;
	text-shadow: 1px 1px #000;
	border-bottom: 2px solid #e7e7e8;
	margin-top: 0.15em;
}

p.contactService {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 19px;
	margin-top: -1em;
}

#header2 {
	position: relative;	
	width: 960px;
	height: 3.90em;
	float: left;
	background: rgb(125,126,125); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

header h2 {
	float: left;
	margin-left: 0.60em;
	font-family: 'Sansita One', cursive;
	text-shadow: 1px 1px 2px #000;
	font-size: 1.7em;
	letter-spacing: 0.08em;
	color: white;
	position: relative;	
  /* align vertically */
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);		
}

#branding img {
width: 7%;
float: right;
}

#header2 h2, a {
	position: relative;
	top: 45%;
	transform: translateY(-50%);	
}

header a {
	float: right;
}


/* VISIT MAIN WEBSITE BUTTON */
.button {
	width: 14.5em;
	display: block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ie-border-radius: 6px;
	border-radius: 6px;
	padding: .48em 1.10em;
	text-shadow: rgba(0,0,0,.5) 0px -1px 0px;
	font-size: 17px;
	letter-spacing: 0.03em;
	font-weight: 700;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .1s;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0.70em;
}

.button:active {
	margin-top: 3px;
	margin-bottom: 3px;
}

.button span {
	vertical-align: middle;
}

.icon {
	width: 26px;
	height: 26px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ie-border-radius: 13px;
	border-radius: 13px;
	float: right;
	background: rgba(0,0,0,.3);
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	-ie-box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2) inset, 0px 0px 0px 1px rgba(255,255,255,.2);
}

.arrow {
	margin: 7px 0px 0 8px;
	-webkit-border-style: solid;
	-moz-border-style: solid;
	-ie-border-style: solid;
	border-style: solid;
	border-width:6px 6px 6px 12px;
	width: 0;
	height: 0;
}

.lightbg-blue {
	color: #dafffe;
	-webkit-box-shadow: 0px 0px 0px 1px #29a4ce inset, 0px 0px 0px 2px #63c0e0 inset, 0px 4px 0px 0px #2d94bb, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
	-moz-box-shadow: 0px 0px 0px 1px #29a4ce inset, 0px 0px 0px 2px #63c0e0 inset, 0px 4px 0px 0px #2d94bb, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
	-ie-box-shadow: 0px 0px 0px 1px #29a4ce inset, 0px 0px 0px 2px #63c0e0 inset, 0px 4px 0px 0px #2d94bb, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
	box-shadow: 0px 0px 0px 1px #29a4ce inset, 0px 0px 0px 2px #63c0e0 inset, 0px 1px 0px 0px #2d94bb, 0px 1px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);
}

.lightbg-blue:hover {
	background-color: #fcc126;
}

.lightbg-blue:active {
	background: rgb(0,183,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,1)), color-stop(100%,rgba(0,158,195,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

.lightbg-blue .arrow {
	border-color: transparent transparent transparent #67c8ff;
}


/* MAIN SECTION */

#main {
	background-color: white;
	height: 1540px;

}

article, section {
	float: left;
	width: 663px;
	text-align: left;
	font-family: "Segoe UI",Helvetica,sans-serif;
	font-size: 95%;
	background-color: white;
	overflow: auto;
}

article {
	margin-left: 0.10em;
	padding-bottom: 1.2em;
}


article h1 {
	font-family: tahoma, arial, sans-serif;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 1.4em;
}

article b {
	font-size: 105%;
}

article .textWrap {
	float: left;
	margin: 20px;
}

article p {
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 105%;
	font-family: "Segoe UI",Helvetica,sans-serif;
}


/* TESTIMONIAL */

.testimonial { 
    width: 590px;
    margin: 15px auto;
	font-size: 110%;
}

.testimonial:before, .testimonial:after {
    content: "";
    height: 1px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(147,147,147,1) 50%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(147,147,147,1)), color-stop(100%,rgba(0,0,0,0)));
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}

blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 500px;
	margin: 1px;
	padding: 1px 40px;
	line-height: 1.45;
	position: relative;
	color: #4C4C80;
}

blockquote:before {
	display: block;
	padding-left: 20px;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}




/* SIDEBAR */

aside {
	float: left;
	width: 295px;
	background-color: white;
}

.box {
	list-style: none;
	padding-bottom: 0.10em;
}

.boxHead h3 {
	position: relative;
	font-family: myriad pro, tahoma, arial, sans-serif;
	font-size: 1.20em;
	color: #fcc126;
	text-align: center;
	margin-top: 1.60em;
	margin-right: 0.65em;
	padding-top: 0.50em;
	padding-bottom: 0.50em;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	/* header color */
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */	
}


.boxBody ul{
	margin-right: 0.75em;
	padding-top: 2em;
	padding-bottom: 3em;
	list-style-type: none;
	padding: 5px 0;
	background-color: #999999;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.boxBody ul li{
	margin-top: 0.50em;
	margin-bottom: 1em;
	margin-left: 2.5em;
	width: 15em;
	color: white;
}


.boxBody2{
	border-bottom: 3px solid #999999;
	border-left: 3px solid #999999;
	border-right: 3px solid #999999;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-right: 0.75em;		
}

.boxBody2 ul{
	padding-top: 2em;
	padding-bottom: 3em;
	list-style-type: square;
	padding: 5px 0;
}

.boxBody2 ul li{
	margin-top: 0.50em;
	margin-bottom: 1em;
	margin-left: 2.5em;
	width: 15em;
}

aside img {
	padding: 1em 4em;

}


/* GREY SECTION BELOW */


#aboutUs {
	height: 100%;
	width: 960px;
	padding: 1em 0 1em 0;
	clear: both;
	background-color: #cccccc;	
}

#aboutUs h2 {
	font-family: tahoma, arial, sans-serif;
	margin-top: 0.40em;
	margin-bottom: 0.50em;
	font-size: 140%;
	color: #000;
	padding-left: 0.80em;
	padding-bottom: 0.70em;
}

#aboutUs p {
	padding-bottom: 1.80em;
	padding-left: 1em;
	padding-right: 1em;
}

#ctaLine {
	height: 100%;
	width: 960px;
	clear: both;
	
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

#ctaLine h3 {
	padding: 10px;
	font-size: 20px;
	font-family: tahoma, arial, sans-serif;
	color: white;
	text-shadow: 1px 1px 1px black;
	text-align: center;
}

/* FOOTER */

footer {
	clear: both;
	height: 60px;
	width: 960px;
	padding-top: 20px;
	color: white;

	background: rgb(0,183,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,1)), color-stop(100%,rgba(0,158,195,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

#company {
	float: left;
	margin-left: 300px;
}

#city {
	float: left;
	margin-left: 8px;
}

#telephone {
	margin-left: 8px;
}

footer p {
	float: left;
	margin-left: 7px;
}

#footerLinks a {
	text-align: center;
	padding-left: 42%;
	color: black;
	text-decoration: none;
	font-weight: bold;
}


