@charset "UTF-8";
/*
	Mobile Website CSS
	build for COMPANYNAME by Creare
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	-webkit-text-size-adjust:none;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
p {
	line-height:17px;
	font-size: 12px;
	font-family: arial;
}
/* Layout */

body {
	background-color:#ececec;
}
#content {
	background-image:url(../images/triangles_pattern.png);
	background-repeat:repeat;
}
footer {
	background-image: url(../images/navbg.jpg);
background-repeat: repeat-x;
padding:10px 0;
border-top: 1px solid 
#74302D;
overflow: hidden;
color:white;
text-shadow: 1px 1px 1px #000;
}

footer a{text-decoration:underline; color:white;}

footer a:hover{color:#874242;}

/* Media Query Example */

@media screen and (device-width: 768px) and (orientation: portrait) {

}

#wrapper {
	width:100%;
}
#headcontent {
	width:100%;
	margin-bottom:15px;
	overflow: hidden;
}
#logo {
margin: 15px auto 0px auto;
width: 60%;

}
#phonebox {
	float:left;/* IE10 */
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E8E8E8));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	/* Proposed W3C Markup */ 
background-image: linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	border: 2px solid white;
	-moz-box-shadow: -4px -4px 3px -1px #CCC;
	-webkit-box-shadow: -4px -4px 3px -1px #CCC;
	box-shadow: -4px -4px 3px -1px #CCC;
	border-radius:4px;
	margin: 13px 0;
	font-family: arial;
	line-height: 20px;
	text-align: right;
	padding: 0 8px;
	font-family:Arial, Helvetica, sans-serif;
}
#socialicons {
}
#navcontainer {
	background-image:url(../images/navbg.jpg);
	background-repeat:repeat-x;
	height:42px;
	border-bottom:1px solid #74302d;
	overflow:hidden;
}
.navigation li {
	display: inline;
	margin-right: 14px;
	color: white;
	display: inline-block;
	border-right: 1px solid #924442;
	border-left: 1px solid #c7908e;
	height: 74px;
	margin-right: -5px;
	padding: 7px 6px 0 6px;
	line-height: 13px;
	text-shadow: 1px 1px 1px #000;
}
.navigation {
	margin: 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:.7em;
}

.navigation a{color:white; text-decoration:none;}
.navigation a:hover{text-decoration:underline;}

#slider {
	width:100%;
	overflow:hidden;
	height:170px;
}
#slider img {
	width:100%;
}
#content {
	background-image:url(../images/triangles_pattern.png);
	background-repeat:repeat;
	margin:0 auto;
}
.hometext {
	width: 86%;
	margin: 0 auto;
	padding: 18px 0;
	line-height: 34px;
	font-size: .9em;
}
.hometext h1 {
	font-size:2em;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	margin:5px 0 20px 0;
}
.hometext h1 span {
	color:#874242;
}

.hometext h2 {
	font-size:1.3em;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	margin:5px 0 10px 0;
}
.hometext h2 span {
	color:#874242;
}

.hometext a{text-decoration:none; color:#8a3838;}

.hometext a:hover{text-decoration:none; color:#5e2626;}

.tabnav {
	width:98%;
	margin:0 auto;
}

.tabnav li a{color:white; text-decoration:none;}
.tabnav li a:hover{color:#6f0609; text-decoration:none;}
.tabnav li {
	background: url(../images/tabnavbg.png);
	width: 90%;
	clear: both;
	padding: 8px 0;
	text-align: center;
	color: 
white;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #874242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #666;
	list-style-type:none;
	height: 28px;
	margin:0 auto;
}
.bottomtabs {
	width: 88%;
	margin: 16px auto;
	overflow: hidden;
}
.callustab {
	float:left;
	background: url(../images/tabnavbg.png);
	padding: 8px 0;
	text-align: center;
	color: 
white;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #874242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #666;
	width:45%;
	height: 30px;
}

.callustab a{color:white; text-decoration:none;}
.callustab a:hover{color:#6f0609; text-decoration:none;}
.vidpresentertab a{color:white; text-decoration:none;}
.vidpresentertab a:hover{color:#6f0609; text-decoration:none;}
.vidpresentertab {
	float:right;
	background: url(../images/tabnavbg.png);
	padding: 8px 0;
	text-align: center;
	color: 
white;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #874242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #666;
	width:45%;
	height: 30px;
}
.foottext {
	margin: 0 auto;
	width:80%;
	text-align:center;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.footext a {
	color:#464646;
}
.foottext a:hover {
	color:#874242;
}
.toprightcontent {
	float: right;
	margin: 10px 5px 0 0;
	text-align: right;
	line-height: 18px;
	font-family: arial;
	padding: 6px;
	line-height:18px;
	width: 55%;
font-size: 1em;
}

.topleftcontent {
	float: left;
margin: 10px 0 0 5px;
padding: 6px;
width: 30%;
	
}

.padnav li {
	padding-top:10px;
}
.number a{
	color:#874242;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
#map {
	margin: 0 auto;
}

/*Contact Page*/
.contactpageaddress{background-color:#fff; padding:10px; width:80%; border: 1px solid lightgrey; margin:0 auto;}
.contactpagephone{background-color:#fff; padding:10px; width:80%; border: 1px solid lightgrey; margin:15px auto;}
.contactpageemail{background-color:#fff; padding:10px; width:80%; border: 1px solid lightgrey; margin:0 auto 15px auto;}
.contactformbox{width:80%; margin: 0 auto; overflow:hidden;}


.contactform { float:left; width:100%; height:340px; border-right:1px solid #aaa; margin:15px 0 10px 0; }
.formstyle5 { width:92%; height:25px; margin:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; color:#aaa; border:1px solid #aaa; border-radius:5px; padding:0 0 0 5px; }
.formstylem { margin:10px 0 0 10px; width:92%; border:1px solid #aaa; border-radius:5px; font-family:Arial, Helvetica, sans-serif; color:#aaa; padding: 5px 0 0 5px; font-size:1.1em; height:50px; }
.formstyle6 { width:100%; height:25px; float:left; font-family:Arial, Helvetica, sans-serif; color:#aaa; border:1px solid #aaa; border-radius:5px; padding:0 0 0 5px; margin:8px 0 0 0; font-size: .7em!important;}
.contactname p { font-size:1.2em; font-family:Gill Sans, sans-serif; color:#aaa; clear:both; border-radius:5px; }
.contactnumber { }
.contactemail { }
.contactenquire { }
.contactcaptcha { margin: 7px 0 0 8px;
width: 50%;
float: left; }
.contactcode {float: right;
padding: 24px 14px 0 0;
width: 34%;}
.lowercontact { }
.contactbutton { 
margin: 101px auto 0 auto;
overflow: hidden;
width: 54%;}
h1.contactheader { font-size:2.2em; color:#dd8888; float:left; text-transform:uppercase; margin:0 0 0 10px; }
p#bigblue4 span { color:#aaa; }
p#bigblue4 a { text-decoration:none; }
p#bigblue4 { width:100%;; margin: 2px 0 0 10px; }
h2.map { font-size:2.2em; color:#dd8888; text-transform:uppercase; margin:15px 0 0 19px; }
.contactmap { width: 70%; height:240px; border-radius:5px; border:1px solid #aaa; float:left; margin:10px 0 8px 20px; }
.contactmap small a { color:#aaa; text-decoration:underline; }
.topcontact { float:left; }
.contact-dets { float:right; display:inline; width:200px; margin-left:30px; padding:5px 0 0 0; }
.contact-dets p { font-size:1.3em; color:#777; margin:5px 0; }
.contact-dets span { font-weight:bold; }
p.contactwelcome { font-size:1.2em; float:left; color:#777; margin:0 0 0 10px; width:310px; margin:7px 0 5px 11px; }
.contactinfo { width:80%; float:left; border-top:1px solid #aaa; margin:10px 0 0 0; }
h3.contactinfohead { font-size:2.4em; color:#dd8888; float:left; text-transform:uppercase; margin:10px 0 0 10px; }
p.addressinfo { float:left; font-size:1.3em; color:#777; margin:4px 0 0 21px; clear:both; font-weight:bold; padding:5px 0 0 0; }
p.addressinfo1 { float:left; font-size:1.3em; color:#777; margin:8px 0 0 10px; line-height:15px; }
.middles { width:80%; height:160px; float:left; }
.middle1 { float:left; }
.middle2 { float:right; }
.domestic2 { background:url(../images/contactdomestic.jpg); width:80%; height:106px; float:left; margin:30px 0 0 0; }
.domestic3 { background:url(../images/contactcommercial.jpg); width:80%; height:106px; float:left; margin:30px 0 20px 0; }
p.click1 { font-size:1.2em; color:#a64847; float:left; text-transform:uppercase; padding:19px 0 0 15px; line-height:22px; }
p.click1 a span { font-size:2.2em; color:#c16565; text-transform:uppercase; }
p.click1 a:hover span { color:#777; }
p.domestictext1 { font-size:1.1em; color:#8a3838; font-family:"Lucida Grande", sans-serif; float:left; padding:2px 0 0 17px; width:80%w; font-weight:lighter; line-height:14px; }
p.click1 a { text-decoration:none; color:#8a3838; }
p.click1 a:hover { color:#777; }

#Gallery li{float: left;
margin: 0 5px 0 0;
border: 2px solid 
white;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0 1px 3px 
rgba(0, 0, 0, 0.44);
box-shadow: 0 1px 3px rgba;
}
#Gallery ul{width: 80%;
margin: 0 auto;}
#Gallery{width: 98%;
margin: 0 auto;
overflow: hidden;
padding:0 0 5px 6px;
}

#Gallerya li{float: left;
margin: 0 5px 0 0;
border: 2px solid 
white;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0 1px 3px 
rgba(0, 0, 0, 0.44);
box-shadow: 0 1px 3px rgba;
}
#Gallerya ul{width: 80%;
margin: 0 auto;}
#Gallerya{width: 98%;
margin: 0 auto;
overflow: hidden;
padding:0 0 5px 6px;
}


#Galleryb li{float: left;
margin: 0 5px 0 0;
border: 2px solid 
white;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0 1px 3px 
rgba(0, 0, 0, 0.44);
box-shadow: 0 1px 3px rgba;
}
#Galleryb ul{width: 80%;
margin: 0 auto;}
#Galleryb{width: 98%;
margin: 0 auto;
overflow: hidden;
padding:0 0 5px 6px;
}


#Galleryc li{float: left;
margin: 0 5px 0 0;
border: 2px solid 
white;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0 1px 3px 
rgba(0, 0, 0, 0.44);
box-shadow: 0 1px 3px rgba;
}
#Galleryc ul{width: 80%;
margin: 0 auto;}
#Galleryc{width: 98%;
margin: 0 auto;
overflow: hidden;
padding:0 0 5px 6px;
}

#Galleryd li{float: left;
margin: 0 5px 0 0;
border: 2px solid 
white;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.44);
-webkit-box-shadow: 0 1px 3px 
rgba(0, 0, 0, 0.44);
box-shadow: 0 1px 3px rgba;
}
#Galleryd ul{width: 80%;
margin: 0 auto;}
#Galleryd{width: 98%;
margin: 0 auto;
overflow: hidden;
padding:0 0 5px 6px;
}


#gallery li img{max-width: 83%;}
.viewmap{float: right;
margin: 0px 31px 0 0;
font-size: .8em;
background-color: 
white;
padding: 4px;
color: 
white!important;
border: 1px solid 
lightGrey;
}
.viewmap a:hover{color:#8a3838!important;}
.viewmap a{color:#444444; text-decoration:none;}

.contactformbox h2{font-size:1.3em;
	color:#333333; 	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;}
contactformbox h2 span{color:#8a3838; font-size:1.3em;}

.apspacer{height:30px; width:100%;}