@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'Gotham Book';
    src:url('../fonts/GothamBook_0.TTF');
    src:url('../fonts/GothamHTF-Book.otf');
    font-weight: normal;
    font-style: normal;
}

body {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	background:#ffffff;
	background-size:100%;
	color:#333333;
	text-align:center;
	overflow-x:hidden;
	font-family:'Gotham Book';
}

h1 {
	position:relative;
	margin:0 0 12px 0;
	font-size:30pt;
}

#pg_dn {
	position:fixed;
	display:none;
	bottom:36px;
	left:50%;
	margin-left:-30px;
	-webkit-box-shadow:0px 0px 16px 6px rgba(0,0,0,0.40);
	-moz-box-shadow:0px 0px 16px 6px rgba(0,0,0,0.40);
	box-shadow:0px 0px 16px 6px rgba(0,0,0,0.40);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	filter:alpha(opacity=80)!important;
	-moz-opacity:0.80!important;
	-khtml-opacity:0.80!important;
	opacity:0.80!important;	
	cursor:pointer!important;
	z-index:2000;
}

.clear {
	clear:both!important;
	vibility:hidden!important;
	width:0!important;
	height:0!important;
	filter:alpha(opacity=00)!important;
	-moz-opacity:0.00!important;
	-khtml-opacity:0.00!important;
	opacity:0.00!important;	
}

.hidden {
	display:none!important;	
}

table {
	display:none;	
}

.parallax-window {
	min-height:500px;
	background:transparent;
	width:100%;
}

.parallax-container {
	position:relative;
	min-height:700px!important;
	margin:0 0 -90px 0;
	width:100%;
	background-size:100% 100%;
}

#scrollto {
	position:relative;
	top:-100px;
	left:0;
	visibility:hidden;	
}

#nav {
	position:fixed;
	top:0;
	left:0;
	margin:0 0 0 0;
	padding-top:60px;
	width:100%;
	height:85px;
	background:url(../media/img/nav_bg.gif);
	color:#ffffff;
	text-align:left;
	font-family:'Gotham Book';
	font-size:11.5pt;
	z-index:2000;
}

#nav>#logo {
	position:absolute;
	top:0;
	left:0;
	margin:41px 0 0 24px;
	width:201px;
	height:85px;
	background:url(../media/img/logo/1920px.png) no-repeat;	
}

#nav>ul {
	position:absolute;
	right:24px;	
	margin:24px 0 0 0;
	text-transform:uppercase;
}

#nav>ul>li {
	position:relative;
	display:inline;
	float:left;
	margin:0 0 0 24px;
	padding:7px 14px 7px 14px;
	list-style-type:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#nav>ul>li>a {
	color:#ffffff;
	text-decoration:none;
}

#nav>ul>li:hover {
	background:#777777;	
}

#nav>#fb_link {
	position:fixed;
	top:0;
	right:60px;
	width:40px;
	height:40px;
	background:#3b5997;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity:0.60;
	opacity:0.60;
	overflow:hidden;
}
 
#wrapper {
	position:absolute;
	top:140px;
	left:0;
	bottom:0;
	padding:500px 0 0 0;
	/*margin:0;*/
	width:100%;
	height:100%;
	font-family:'Gotham Book';
	color:#ffffff;
	text-align:center;
}

#wrapper>section {
	position:relative;
	margin:100px 0 0 0;
	padding:24px 0 36px 0;
	width:100%!important;
	min-width:360px!important;
	height:auto;
	/*min-height:200px;*/
	background:#ffffff!important;
	color:#333333;
	-webkit-box-shadow:0px 0px 34px 6px rgba(0,0,0,0.27);
	-moz-box-shadow:0px 0px 34px 6px rgba(0,0,0,0.27);
	box-shadow:0px 0px 34px 6px rgba(0,0,0,0.27);
	z-index:1000!important;
	overflow-x:hidden;
	text-align:center;
}

#home {
	position:absolute;
	top:0;
	font-size:18pt;
}

#specialise_wrapper {
	position:relative;
	display:block;
	clear:both;
	left:38px;
	width:490px;
	margin:16px auto 60px auto;
	padding-bottom:200px;
	/*height:400px;*/
	text-align:left;
}

#specialise_wrapper>div:nth-child(1) {
	position:relative;
	margin:16px 0 12px 0;
	color:#18b3ed;	
}

#specialise_wrapper>.specialise {
	position:absolute;
	margin:16px 0 0 0;
	padding:0;
	width:220px;
	text-align:left;
	white-space:nowrap;
	overflow:visible;
}

#specialise_wrapper>.specialise:nth-child(1) {
	left:0;
}

#specialise_wrapper>.specialise:nth-child(2) {
	right:0;
}

#specialise_wrapper>.specialise>li {
	position:relative;
	list-style-type:none;
	margin:0 0 12px 0;
	padding:2px 0 3px 36px;
	background:url(../media/img/bullets/cyan.png) no-repeat 0 3px;
	background-size:24px 24px;
	text-transform:capitalize;
}

#dpd {
	position:relative;
	width:926px!important;
	height:81px;
	top:200px;
	left:50%;
	margin-left:-463px;
	font-family:'Gotham Book';
	font-size:30pt;
	color:#ffffff;
	z-index:1999;
}

#dpd>div {
	position:absolute;
	display:none;
	width:328px;
	height:81px;
	text-align:left;
	overflow:hidden;	
}

#dpd>div:nth-child(1) {
	background:url(../media/img/dpd/cyan.png) no-repeat;
	padding:18px 0 0 68px;
	left:-1000px;
}

#dpd>div:nth-child(2) {
	background:url(../media/img/dpd/magenta.png) no-repeat;
	left:300px;
	padding:18px 0 0 110px;
}

#dpd>div:nth-child(3) {
	background:url(../media/img/dpd/yellow.png) no-repeat;
	padding:18px 0 0 110px;
	/*left:600px;*/
	right:-1000px;
}

#specials_block {
	position:absolute;
	display:none;
	width:0;
	/*height:0;*/
	top:400px;
	left:50%;
	z-index:999;
	color:#ffffff;
	font-size:1pt;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:0px 0px 20px rgba(0, 0, 0, 1);
	font-family:"Arial", Gadget, sans-serif;
	padding:7px;
	background:url(../media/img/form_bg.png);
	cursor:pointer;
}

#footer {
	position:fixed;
	margin:0;
	left:0;
	bottom:-150px;
	width:100%;
	height:50px;
	background:#333333;
	color:#dddddd;
	border-top:1px solid #555555;
	z-index:2001;
	overflow:hidden;
	font-size:9pt;
	font-weight:normal;
	-webkit-box-shadow:0px 0px 18px 9px rgba(0,0,0,0.36);
	-moz-box-shadow:0px 0px 18px 9px rgba(0,0,0,0.36);
	box-shadow:0px 0px 18px 9px rgba(0,0,0,0.36);	
}

#footer>.inner {
	position:relative;
	margin-top:12px;	
}

#footer>.inner a {
	color:#ffffff;
	text-decoration:none;	
}

#footer>.inner a:hover {
	text-decoration:underline;	
}

#ajaxloader_1 {
	position:relative;
	margin:36px auto 60px auto;
}

#specials_sheet {
	position:absolute;
	display:none;
	top:24px;
	left:50%;
	margin-left:-300px;
	width:600px;
	height:800px;
	-webkit-box-shadow:0px 0px 18px 9px rgba(0,0,0,0.36);
	-moz-box-shadow:0px 0px 18px 9px rgba(0,0,0,0.36);
	box-shadow:0px 0px 18px 9px rgba(0,0,0,0.36);	
	z-index:10001;
}

#services>div {
	position:relative;
	margin:0 auto 12px auto;
	font-size:18pt;
	text-transform:uppercase;
	padding:3px 7px 3px 7px;
	text-align:center;
}

#services div span {
	color:#00aeef;
}

#services>div>div {
	font-size:12pt;
	text-transform:none;
	width:600px;
	margin:0 auto 0 auto;
	text-align:justify;
}

#company_profile div {
	width:800px;
	margin:0 auto 0 auto;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
	-webkit-column-gap:36px;
	-moz-column-gap:36px;
	column-gap:36px;
	text-align:justify;
}

#request_quote {
	margin-top:90px!important;
	margin-bottom:0!important;
	min-height:500px;	
	text-align:center!important;
	padding-left:0!important;
	padding-right:0!important;
}

#ajax_request_quote {
	display:none;	
}

#contact_us {
	display:none;
	margin-top:90px!important;
	margin-bottom:0!important;
	min-height:500px;	
}

#ajax_contact_us {
	display:none;	
}

#contact_form {
	position:relative;
	margin:36px auto 60px auto;
	width:600px;
	min-height:400px;
	text-align:center!important;
}

#contact_form .formgroups {
	position:relative;
	display:inline;
	float:left;
	margin:18px 24px 7px 24px;
	background:none;
	text-align:left;
}

#contact_form>.formgroups:nth-child(2) {
	margin-right:30px!important;
}

#contact_form .labels {
	position:relative;
	margin:0 0 1px 0;
	font-size:9pt;	
}

#contact_form input, #contact_form textarea {
	position:relative;
	margin:1px 0 30px 0;
	padding:2px 3px 2px 3px;
	font-size:16pt;
	border:none;
	outline:none;
	background:#eeeeee;
	color:#333333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	resize:none;
}

#captcha_wrapper {
	position:relative;
	margin:1px 0 30px 0;
}

#contact_form #ccode {
	position:relative;
	display:inline;
	float:left;
	cursor:pointer;
	margin:0 33px 16px 0!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	-webkit-border-top-left-radius:0;
	-moz-border-top-left-radius:0;
	border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
}

#contact_form #c {
	position:relative;
	display:inline;
	float:left;
	font-size:20px;
	width:100px;
	height:38px;
	padding:0 3px 0 3px;
	margin:0 1px 0 0;
	color:#333333;
	background:#eeeeee;
	-webkit-border-top-right-radius:0;
	-moz-border-top-right-radius:0;
	border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
}

#contactform_buttonwrapper {
	position:relative;
	margin:0 0 16px 18px;
	text-align:right;
}

#contact_form .submitlinks {
	position:relative;
	margin:12px 0 12px 0;
	padding:2px 3px 2px 3px;
	font-size:12pt;
	color:#ffffff;
	font-style:italic;
	cursor:pointer;	
	background:#777777;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#contact_form .submitlinks:hover { 
	background:#eeeeee;
	color:#222222;
}

#fieldinfo_contact {
	position:relative;
	font-size:10pt;
	width:300px;
	text-align:left;
}

#fieldinfo_contact>div {
	position:relative;
	display:none;
	margin:0 0 12px 12px;
	padding-left:24px;
	line-height:1.5;
	background-size:18px 18px!important;
}

#fieldinfo_contact>div:nth-child(1) {
	background:url(../media/img/field_err_allreq.png) no-repeat;
}

#fieldinfo_contact>div:nth-child(2) {
	background:url(../media/img/field_err_onereq.png) no-repeat;
}

#fieldinfo_contact>div:nth-child(3) {
	background:url(../media/img/field_err_email.png) no-repeat;
}

@media (max-width:360px) {	
	#wrapper {
		margin-top:0!important;	
	}
	
	#specials_sheet {
		left:50%;
		margin-left:-170px;
		width:330px;
		height:440px;
	}
	
	#specials_sheet>img {
		width:330px;
		height:440px;
	}

	.parallax-container {
		height:200px;	
	}
	
	#specials_block {
		display:block!important;
		width:300px;
		top:320px;
		left:50%;
		margin-left:-160px;
		font-size:24pt;
	}
	
	section {
		width:320px;
		padding:0 0 0 0;
		margin:0;
	}
	
	section h1 {
		font-size:18pt;	
	}
	
	section div {
		width:80%!important;
		margin:0 auto 0 auto;	
		padding:0;
	}
	
	#home {
		padding:12px 0 0 0!important;
		text-align:center;
		top:0!important;
		margin-top:0!important;
		bottom:-150px!important;
		height:100%!important;
	}
	
	#home>div>div {
		position:relative;
		width:100%!important;
		text-align:center!important;
		margin-left:auto!important;
		margin-right:auto!important;	 
	}
	 
	#specialise_wrapper {
		position:relative;
		display:inherit;
		padding:0!important;
		left:0!important;
		width:320px!important;
		margin:12px auto 12px auto;
	}
	
	#specialise_wrapper>.specialise {
		position:relative!important;
		clear:both!important;
		left:0!important;
		margin:16px auto 0 auto;
		padding:0!important;
		width:280px;
		text-align:center;
		white-space:nowrap;
		font-size:15pt;
		text-align:center!important;
	}
		
	#specialise_wrapper li {
		background:none!important;
		text-align:center!important;
		padding-left:0!important;	
		margin:0!important;
		list-style-position:outside!important;
		width:auto!important;
	}
	
	#services, #company_profile {
		position:relative;
		padding:0!important;
		margin:0;
		text-align:center;
	}
	
	#services h1, #company_profile h1 {
		width:inherit;
		text-align:center;
		margin:12px auto 12px auto;	
	}
	
	#services div {
		position:relative;
		padding:0;
		margin:0 auto 16px auto;	
	}
	
	#company_profile {
	}
	
	#company_profile div {
		margin:0 auto 16px auto!important;
		-webkit-column-count:1!important;	
		-moz-column-count:1!important;
		column-count:1!important;
		-webkit-column-gap:0!important;	
		-moz-column-gap:0!important;
		column-gap:0!important;
	}
	
	#request_quote {
		padding:0!important;
	}
	
	#ajax_request_quote {
		margin-left:0;
		left:0;
		padding-left:0;	
	}
}

/* Nav bar and logo */
@media (min-width:361px) and (max-width: 480px) {
	#nav {
		font-size:8pt;	
		height:60px;
		padding-top:40px;
		background-position:0 -20px;
	}

	#nav>#logo {
		margin:27px 0 0 16px!important;
		width:130px;
		height:55px;
		background:url(../media/img/logo/480px.png) no-repeat;	
	}
	
	#nav>#fb_link {
		right:20px;
		width:30px;
		height:30px;
	}
	
	#nav>#fb_link>a>img {
		width:30px;
		height:30px;	
	}
	
	#wrapper {
		margin-top:-60px;	
	}
	
	#company_profile div {
		padding:0;
		margin:0;
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
		-webkit-column-gap:0;
		-moz-column-gap:0;
		column-gap:0;
		width:400px;	
	}
	
	#specialise_wrapper {
		left:0;
		width:470px;
		margin:16px auto 20px auto;
		/*height:250px;*/
		text-align:left;
	}
	
	#specialise_wrapper>div:nth-child(1) {
		position:relative;
		margin:16px 0 12px 0;
		color:#18b3ed;	
	}
	
	#specialise_wrapper>.specialise {
		margin:16px 0 0 0;
		padding:0;
		width:150px;
		text-align:left;
		white-space:nowrap;
		overflow:visible;
		font-size:12pt;
	}
	
	#specialise_wrapper>.specialise:nth-child(1) {
		left:0;
	}
	
	#specialise_wrapper>.specialise:nth-child(2) {
		right:0;
	}
	
	#specialise_wrapper>.specialise>li {
		margin:0 0 12px 0;
		padding:0 0 3px 20px;
		background:url(../media/img/bullets/cyan.png) no-repeat 0 3px;
		background-size:12px 12px!important;
	}
	
	#services div div {
		width:90%!important;	
	}
}

@media (max-width: 530px) {
	#nav {
		font-size:8pt;	
		height:85px!important;
	}

	#nav>#logo {
		margin:47px 0 0 16px;
		width:130px;
		height:55px;
		background:url(../media/img/logo/480px.png) no-repeat;	
	}
	
	#nav>ul {
		left:130px!important;
		margin-top:0!important;	
		min-width:200px;
	}
	
	#nav>ul>li {
		margin:7px 0 0 0;	
		padding:2px 4px 2px 4px;
	}
	
	#specialise_wrapper {
		left:24px;
		width:320px;
		margin:16px auto 20px auto;
		/*height:250px;*/
		text-align:left;
	}
}
@media (min-width:531px) and (max-width: 675px) {
	#nav {
		font-size:8pt;	
		height:85px!important;
	}

	#nav>#logo {
		margin:47px 0 0 16px;
		width:130px;
		height:55px;
		background:url(../media/img/logo/480px.png) no-repeat;	
	}
	
	#nav>ul {
		left:-30px!important;
		margin-top:55px!important;	
		margin-left:0!important;
	}
	
}

@media (min-width: 481px) and (max-width: 767px) {
	#nav {
		font-size:8pt;	
		height:60px;
		padding-top:40px;
		background-position:0 -20px;
	}

	#nav>#logo {
		margin:27px 0 0 16px;
		width:130px;
		height:55px;
		background:url(../media/img/logo/480px.png) no-repeat;	
	}
	
	#nav>ul {
		right:7px;
		margin-top:18px;	
	}
	
	#nav>ul>li {
		margin:0 0 0 0;	
		padding:5px 7px 5px 7px;
	}
	
	#nav>#fb_link {
		right:20px;
		width:30px;
		height:30px;
	}
	
	#nav>#fb_link>a>img {
		width:30px;
		height:30px;	
	}
	
	#wrapper {
		margin-top:-30px;	
	}
	
	#specialise_wrapper {
		left:24px;
		width:450px;
		margin:16px auto 20px auto;
		/*height:250px;*/
		text-align:left;
	}
	
	#specialise_wrapper>div:nth-child(1) {
		position:relative;
		margin:16px 0 12px 0;
		color:#18b3ed;	
	}
	
	#specialise_wrapper>.specialise {
		position:absolute;
		margin:16px 0 0 0;
		padding:0;
		width:200px;
		text-align:left;
		white-space:nowrap;
		overflow:visible;
		font-size:14pt;
	}
	
	#specialise_wrapper>.specialise:nth-child(1) {
		left:0;
	}
	
	#specialise_wrapper>.specialise:nth-child(2) {
		right:0;
	}
	
	#specialise_wrapper>.specialise>li {
		margin:0 0 12px 0;
		padding:0 0 3px 20px;
		background:url(../media/img/bullets/cyan.png) no-repeat 0 3px;
		background-size:12px 12px!important;
	}

	#services div {
		width:400px!important;
		
	}
	
	#company_profile div {
		width:400px!important;
		-webkit-column-count:1;
		-moz-column-coujnt:1;
		-column-count:1;
		-wekit-column-gap:0;
		-moz-column-gap:0;
		column-gap:0;
	}
	
}

@media (min-width: 768px) and (max-width: 979px) {
	#nav {
		font-size:9pt;	
		height:60px;
	}

	#nav>#logo {
		margin:44px 0 0 16px;
		width:160px;
		height:68px;
		background:url(../media/img/logo/768px.png) no-repeat;	
	}
	
	#nav>ul {
		right:7px;
		margin-top:18px;	
	}
	
	#nav>ul>li {
		margin:0 0 0 0;	
		padding:5px 7px 5px 7px;
	}
	
	#nav>#fb_link {
		right:20px;
	}
	
	#services>div {
		width:700px!important;
		
	}
	
	#company_profile div {
		width:600px!important;
	}
	
	#wrapper {
		margin-top:-30px;	
	}
	
	#request_quote {
		margin-top:90px!important;
		height:600px;	
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#nav {
		font-size:10pt;	
	}

	#nav>ul {
		right:16px;
		margin-top:27px;
	}
	
	#nav>ul>li {
		margin:0 0 0 3px;	
	}
	
	#nav>#fb_link {
		right:40px;
	}
}
/* End nav bar and logo */

/* ****************************************** */

/* DPD */
@media (min-width: 768px) and (max-width: 979px) {
	#dpd {
		width:760px!important;
		height:81px;
		top:150px;
		margin-left:-380px;
		font-size:24pt;
	}
	
	#dpd>div {
		width:250px;
		height:62px;
		background-size:250px 62px!important;
		overflow:hidden!important;
	}
	
	#dpd>div:nth-child(1) {
		background:url(../media/img/dpd/cyan.png) no-repeat;
		padding:11px 0 0 43px;
	}
	
	#dpd>div:nth-child(2) {
		background:url(../media/img/dpd/magenta.png) no-repeat;
		left:256px;
		padding:11px 0 0 80px;
	}
	
	#dpd>div:nth-child(3) {
		background:url(../media/img/dpd/yellow.png) no-repeat;
		padding:11px 0 0 80px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	#dpd {
		width:470px!important;
		top:150px;
		margin-left:-235px;
		font-size:20pt;
	}
	
	#dpd>div {
		width:150px;
		height:37px;
		background-size:150px 37px!important;
		overflow:hidden!important;
	}
	
	#dpd>div:nth-child(1) {
		background:url(../media/img/dpd/cyan.png) no-repeat;
		padding:2px 0 0 16px;
	}
	
	#dpd>div:nth-child(2) {
		background:url(../media/img/dpd/magenta.png) no-repeat;
		left:160px;
		padding:2px 0 0 40px;
	}
	
	#dpd>div:nth-child(3) {
		background:url(../media/img/dpd/yellow.png) no-repeat;
		padding:2px 0 0 40px;
	}
}

@media (max-width: 480px) {
	#dpd {
		width:350px!important;
		top:150px;
		margin-left:-175px;
		font-size:14pt;
	}
	
	#dpd>div {
		width:113px;
		height:28px;
		background-size:113px 28px!important;
		overflow:hidden!important;
	}
	
	#dpd>div:nth-child(1) {
		background:url(../media/img/dpd/cyan.png) no-repeat;
		padding:3px 0 0 16px;
	}
	
	#dpd>div:nth-child(2) {
		background:url(../media/img/dpd/magenta.png) no-repeat;
		left:118px;
		padding:3px 0 0 34px;
	}
	
	#dpd>div:nth-child(3) {
		background:url(../media/img/dpd/yellow.png) no-repeat;
		padding:3px 0 0 40px;
	}
}

#mask {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../media/img/form_bg.png);	
	z-index:10000;
}