@charset "utf-8";

/*
	Title:		MMP :: Mackay Mackay &Peters Limited
	Date:		May 12, 2011
--------------------------------------------------------------			
*/

	/* COMMON ELEMENTS */
body{margin:0;padding:0px;background:#fffffe;font-family:Arial;font-size:12px;color:#50504e}
.clear:after,.container:after,.main-wrap:after,.main-contents:after,.grey-box-container:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0}
a,input,select,textarea{outline:none}

.FL{float:left;width:auto}
.FR{float:right;width:auto}
.CB{clear:both}
	/* COMMON ELEMENTS */
.main-wrap{clear:both;width:945px;margin:0 auto;padding:19px 0 0}

	/* BEGIN HEADER */
.header{clear:both;width:945px;overflow:hidden}
.header-upper{clear:both;width:940px;padding:0 2px 0 3px}
.logo{float:left;width:auto;margin:6px 0 0}

.upper-right{float:right;width:700px;margin:0}
.search-panel{float:right;width:222px;height:28px;padding:7px 9px 0;background:url(../images/search-panel-back.jpg) no-repeat;overflow:hidden}
.search-panel form{margin:0;padding:0}
.search-entry-box{float:left;width:164px;height:20px;margin:0;padding:1px 10px 0 6px;background:url(../images/search-entry-box.jpg) no-repeat;overflow:hidden}
.search-entry-box img{float:left;width:auto;margin:4px 0 0}
.search-entry-box input{float:left;width:150px;height:20px;margin:0;padding:0;border:0;background:none;font-size:12px;line-height:20px;color:#50504e;font-family:Arial}

.header-contact{clear:both;width:700px;padding-top:13px;overflow:hidden}
.social-icons{float:right;width:106px;margin:0}
.social-icons img{float:right;width:auto;margin:0 0 0 2px}

.contact-link-and-address{width:430px;font-size:14px;line-height:18px;color:#504d50}
.contact-link-and-address a{text-decoration:none;color:#504d50;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.contact-link-and-address a:hover{text-decoration:underline}
.contact-link-and-address div{float:right;width:auto;margin-top:5px;padding:0 8px 0}
.contact-link-and-address img{float:right;width:auto;margin:0}

.main-nav{float:left;width:945px;height:51px;margin-top:3px;background:url(../images/main-nav-x.gif) repeat-x}
.main-nav-corner,.main-nav-right-corner{float:left;width:auto;margin:0}
.main-nav-right-corner{float:right}

.main-nav ul{float:left;width:905px;margin:0;padding:10px 0 0 7px;list-style:none;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.main-nav li{float:left;width:auto;padding:0px 25px 0;background:url(../images/li-divider.gif) no-repeat right 0;font-size:14px;line-height:29px}
.main-nav li.page-item-20{background:none;padding-right:0}
.main-nav li a{color:#fff;text-decoration:none}
.main-nav li a:hover,.main-nav li.current_page_item a{color:#ffce3f}
	/* END HEADER */

	/* BEGIN CONTENTS */
.main-contents{clear:both;width:940px;margin:0;padding:0 1px 18px 4px;}
.main-contents h3,.main-contents h4,.main-contents p{margin:0;padding:0}
.left-column{float:left;width:640px}
.right-column{float:right;width:300px;margin-top:24px}

.left-col-inner{float:left;width:620px;margin-top:29px}
.left-col-inner h3,.right-column h3{clear:both;padding:8px 0 4px;border-bottom:1px solid #50504e ;font-size:18px;line-height:22px;color:#474947;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

.slideshow-container{clear:both;width:620px;margin:0;padding:0;overflow:hidden}
.slideshow-box{clear:both;width:600px;height:293px;padding:18px 0 0 18px;background:url(../images/slideshow-back-box.png) no-repeat;overflow:hidden}
.slideshow-box-inner{clear:both;width:583px;height:277px;overflow:hidden;position:relative}
.slide-box{width:583px;height:277px;position:absolute;left:0;top:0;z-index:1}
.slide-box img{float:left;width:auto;margin:0;position:relative;z-index:1}
.slide-title-overlay{width:563px;padding:16px 10px;background:url(../images/overlay-repeat.png) repeat;position:absolute;left:0;bottom:18px;z-index:3;line-height:24px;font-size:20px;color:#fff;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.slide-title-overlay span{display:block;clear:both;color:#ffd14a;font-weight:700}

.slideshow-container ul{float:right;width:auto;margin:0;padding:5px 2px 0;list-style:none}
.slideshow-container li{float:left;width:10px;height:10px;background:url(../images/pagination-bullet.gif) no-repeat 0 0;font-size:8px;line-height:8px;margin-left:5px;cursor:pointer}
.slideshow-container li.active{background-position:0 -100px}

.left-arrow,.right-arrow{display:block;width:24px;height:42px;background:url(../images/arrows-sprite.png) no-repeat 0 0;position:absolute;top:116px;cursor:pointer;z-index:9}
.left-arrow{left:0}
.right-arrow{right:0;background-position:0 -100px}

.company-highlights{clear:both;width:620px;margin:0;padding:0}
.highlights-left{float:left;width:374px;padding:0 15px 0 2px}
.highlights-left p{line-height:18px;padding:16px 0 0;text-align:justify}
.highlights-left p strong{font-size:16px;line-height:18px}
.highlights-right{float:right;width:229px;margin:0}

.thumb-box{clear:both;width:220px;height:116px;margin-top:14px;padding:11px 0 0 9px;background:url(../images/small-thumb-frame.gif) no-repeat}
.thumb-box-pic{clear:both;width:210px;height:105px;overflow:hidden;position:relative}
.thumb-box-pic img{float:left;width:auto;margin:0;position:relative;z-index:1}
.thumb-box-pic div{width:205px;padding:8px 1px 10px 4px;background:url(../images/overlay-repeat-more-transparent.png) repeat;position:absolute;left:0;bottom:8px;font-size:12px;line-height:16px;font-weight:700;color:#fff;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;z-index:3}

.news-sections{clear:both;width:300px;padding:24px 0 8px;border-bottom:1px solid #e0e3e5;background:url(../images/right-section-x.gif) repeat-x left bottom;overflow:hidden;position:relative}
.section-head{clear:both;width:300px;overflow:hidden}
.section-head h4{float:left;width:auto;padding-left:7px;font-size:12px;line-height:18px}
.section-head dfn{display:block;float:right;width:auto;margin:4px 0 0;padding-right:20px;font-style:normal;font-size:10px;line-height:14px}
.news-sections p{clear:both;padding:4px 0 0 7px;line-height:18px}

.read-more{position:absolute;right:9px;bottom:6px;font-size:12px;line-height:14px;color:#fec211;text-decoration:none}
.read-more:hover{text-decoration:underline}

.membership-area{clear:both;width:278px;min-height:178px;margin-top:20px;padding:18px 11px 20px;background:#f7f7f7;overflow:hidden}
* html .membership-area{height:auto !important;height:178px}
.grey-box-container{clear:both;width:274px;min-height:84px;background:#95959a url(../images/grey-box-x.gif) repeat-x;position:relative}
* html .grey-box-container{height:auto !important;height:84px}
.grey-box-lt,.grey-box-rt,.grey-box-lb,.grey-box-rb{width:6px;height:6px;position:absolute;left:0;top:0;background:url(../images/grey-box-corners.png) no-repeat 0 0;line-height:4px;font-size:4px;z-index:3}

.grey-box-rt{background-position:0 -50px;left:auto;right:0}
.grey-box-lb{background-position:0 -100px;top:auto;bottom:0}
.grey-box-rb{background-position:0 -150px;left:auto;top:auto;right:0;bottom:0}

.grey-box-contents{clear:both;width:250px;padding:6px 12px 10px;overflow:hidden}
.grey-box-contents p{clear:both;padding-top:10px;font-size:14px;line-height:18px;color:#fff;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

.membership-seal{clear:both;width:268px;margin-top:20px;padding-left:10px;overflow:hidden}
.membership-seal img{float:left;width:auto;margin:0}

.btm-spacer{clear:both;height:40px}
	/* END CONTENTS */

	/* BEGIN FOOTER */
.footer-wrap{clear:both;min-width:945px;min-height:70px;padding:27px 0 12px;background:#98989a url(../images/footer-x.gif) repeat-x 0 0}
* html .footer-wrap{height:auto !important;height:70px}
.footer{clear:both;width:945px;margin:0 auto;overflow:hidden}
.footer ul{clear:both;width:760px;margin:0 auto;padding:0 0 0 15px;list-style:none;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;overflow:hidden}
.footer li{float:left;width:auto;padding:0 22px;background:url(../images/footer-nav-item-divider.gif) no-repeat right 1px;font-size:11px;line-height:13px}
.footer li.page-item-20{background:none;padding-right:0}
.footer li a{color:#fff;text-decoration:none}
.footer li a:hover{text-decoration:underline}

.footer-logo{clear:both;width:113px;height:28px;margin:20px auto 0;overflow:hidden}
.footer-logo img{float:left;width:auto;margin:0}
	/* END FOOTER */
.subpagecontent	h3{clear:both;padding:0px;border-bottom:1px solid #50504e ;font-size:18px;line-height:22px;color:#474947;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:49%; margin:0px; padding-bottom:5px;}
.subpagecontent	{margin-top:-35px;}
.subpagecontent-left{ width:49%; float:left;}
.subpagecontent-right{ width:49%; float:right;}

.subpagecontent-left alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
	border:1px solid #CCC;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.cufon-loading { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}
.newsarea {padding-top:0px;width:70%;}
.newsarea a{ color:#333; text-decoration:none;}
.posting-info {border-top:1px dashed #CCC;border-bottom:1px dashed #CCC; width:100%; margin-top:3px;margin-bottom:3px; padding-top:3px;padding-bottom:3px;}
.newsarea h1 { border-bottom: 1px solid #50504E;
    clear: both;
    color: #474947;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 5px;
    width: 49%;margin-top:20px;margin-bottom:20px;}
	.newsarea p {margin-bottom:15px;}
	.newsarea img.alignleft {float:left;margin-right:15px;margin-bottom:15px;}
		.newsarea img.alignright {float:left;margin-right:15px;margin-bottom:15px;}
		.summary p {margin-bottom:0px!important;}
		.news-sections a { color:#FEC211;}




/* -------- new addition november 2014 ----*/
img{
	max-width: 100%;
	height: auto;
}

.slicknav_menu {
	display:none;
}
#logo{
	display: inline-block;
	width: 45%;
	float: left;
}
#logo img{
	max-width: 100%;
	width: auto;
}
.contact-link-and-address{
	width: 300px;
	float: right;
}
.upper-right{
	width: 55%
}
@media (max-width: 960px) and (min-width: 769px){
	.main-wrap, .header, .header-upper{
		width: 765px;

	}
	.upper-right{
		width: 55%;
	}
	.header-contact{
		width: 430px
	}
	.contact-link-and-address{
		width: 300px
	}
	.main-nav{
		width: 765px
	}
	.main-nav ul{
		width: 730px
	}
	.tablet-hide{
		display: none;
	}
	.main-nav li{
		padding: 0 16px
	}
	.main-contents{
		width: 758px
	}
	.left-column{
		width: 535px
	}

	.company-highlights, .slideshow-container, .left-col-inner{
		width: 520px
	}
	.highlights-left{
		width: 274px
	}
	.right-column,.news-sections, .membership-area, .grey-box-container, .membership-seal{
		width: 220px
	}
	.grey-box-contents{
		width: 200px
	}
	.membership-seal{
		padding-left: 0;
	}
	.membership-seal img{
		width: 100%
	}

	.slideshow-box{
		width: 520px;
		padding:0;
		background: none; 
	}
	.slideshow-box-inner{
		width: 100%
	}

	.newsarea{
		width: 100%
	}

	.footer-wrap, .footer, .footer ul{
		width: 100%;
		min-width: 100%;
	}

}

@media (max-width: 768px) {
	.main-wrap{ 
		width: 95%;
	}
	.header, .header-upper, .upper-right{
		width: 100%
	}
	#logo{
		float: none;
	}
	.upper-right{
		line-height: .2
	}
	.header-contact{
		width: 99%
	}
	.contact-link-and-address{
		width: auto;
		float: left;
	}

	.main-nav{
		display: none;
	}
	.slicknav_menu {
		display: block;
	}

	.phone-hide{
		display: none;
	}
	.main-nav li{
		padding: 0 16px
	}
	
	.highlights-right{
		display: none
	}
	.main-contents, .left-column, .left-col-inner, .company-highlights, .slideshow-container, 
	.left-col-inner, .highlights-left, .right-column,.news-sections, .membership-area, 
	.grey-box-container, .grey-box-contents, .membership-seal, .slideshow-box, 
	.slideshow-box-inner, .newsarea{

		width: 100%
	}
	.membership-area{
		padding: 10px 0
	}
	.grey-box-container {
		padding: 10px 0

	}
	
	.membership-seal{
		padding-left: 0;
	}
	.membership-seal img{
		max-width: 300px
	}

	.slideshow-box{
		padding:0;
		background: none; 
	}


	.footer-wrap, .footer, .footer ul{
		width: 100%;
		min-width: 100%;
	}
	.footer ul{
		text-align: center;
	}
	.footer li{
		float: none;
		display: inline-block;
	}
	#logo{
		width: 300px;
		max-width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.logo{
		float: none;
	}

	.read-more-btn{
		padding: 5px 10px !important;
		margin-bottom: 15px;
		display: inline-block;
	}

	body{
		font-size: 14px;
		line-height: 1.5
	}

	.wpcol-one-fifth, .wpcol-one-half{
		float: none !important;
		width: 100% !important;
		margin: 0 !important
	}
	.newsarea h1{
		font-size: 22px
	}
	.slide-box{
		width: 100%;
	}
	.slide-box img{
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
	}
}


/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#4c4c4c;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
        background: #333

}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover, .slicknav_nav .current_page_item a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

.header-contact{
	width: 100%;
}

.logo{
	max-height: 67px;
}

.new-home-thumb{
	display: block;
	max-width: 90%;
	max-height: 150px;
	height: auto;
	margin: 20px auto 10px;
}
.membership-seal{
	width: auto;
	padding: 10px;
	background: #fff;
}

.quote-warpper{
	margin: 8px 0;
}
a.btn-half{
	display: inline-block;
	width: 49%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #5e8975;
	padding: 5px 0;
	font-size: 1.2em;
	border-radius: 5px;
}
a.btn-half:hover{
	background: #1f9c68;
}
a.btn-half-big{
	display: inline-block;
	width: 49%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #646462;
	padding: 15px 0;
	font-size: 1.2em;
}
a.btn-half-big:hover{
	background: #444;
}
a.btn-half-big span{
	display: block;
	font-size: .7em;
	color: #ccc
}

a.btn-half.last{
	float: right;

}
a.btn-half span{
	display: block;
	font-size: .7em;
}
#start{
	display: none;
	width: 500px;
	background: #fff;
	padding: 8px
}
#pop-logo{
	text-align: center;
	margin-bottom: 5px;
}
#pop-logo img{
	width: auto;
	max-height: 67px
}
.lightcase-inlineWrap{
	padding: 0px !important;
	background: #fff !important;
}
.lightcase-icon-close{
	display: none !important;
}
@media screen and (max-width: 640px) {
	#start{
		width: 100%;
	}
}

.slide-box img{
	width: 100%;
}
.summary h2{
	margin-top: 0;
	margin-bottom: .4em;
}