@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background:#333333; font-family: Arial, Helvetica, sans-serif;}
#wrapper{width:100%;}
#top-head{width:1111px; margin:0 auto;}
#main{width:1111px; margin:0 auto; background:#ffffff;}
header{height:129px;}
.logo-cont{float:left; height:107px; width:100%; background:url(../images/bg_header.jpg) top left repeat-x;}
.logo-abc{background:url(../images/index_01.jpg) top no-repeat; width:195px; height:107px; float:left;}
.banner-chris{/*background:url(../images/telstra_issue3.jpg) top no-repeat;*/ width:648px; height:107px; float:left;}
.logo-photos{background:url(../images/index_02.jpg) top no-repeat; width:268px; height:107px; float:right;}
.color-bar{float:left; width:100%; background:#ffffff; padding:1px 0px 1px 0px;}
.color-bar .color-1{background:#50b948; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-2{background:#71bb46; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-3{background:#8abc42; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-4{background:#9fbe3f; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-5{background:#b3c03c; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-6{background:#c7c137; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-7{background:#d9c232; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-8{background:#ebc42d; border-right:#ffffff solid 1px; padding-right:1px;}
.color-bar .color-9{background:#ffc423;}
section{float:left; width:100%; min-height:400px; background:#ffffff;}
.text-area{margin-left:15px;}
footer{background:url(../images/bg_footer.jpg) top left repeat-x; width:100%; height:42px; float:left}
.text-footer{float:left; width:100%; margin:5px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; text-align:center}
.fb-footer{float:left; width:10%; margin-top:3px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px;}
.top-m{margin-top:3px;}
.normal{font-size:10pt}
.box{
	border: 1px solid #f1f1f1;
    margin: 9px 5px;
    padding: 0 10px;
    width: 1051px;
	text-align:center;
	}
.clear{clear:both;}
.white{color:#000000;}
.bg{background: none repeat scroll 0 0 #F1F1F1; padding: 5px;}

.social-links a{display:inline-block;}
.social-links{ 
	height: 40px;
    margin-left: 20px;
    width: 210px;
	}
.social-links span.iconfb {
    background-color: #BBBBBB;
    border: 1px solid #F1F1F1;
    margin: 1px;
    padding: 9px 13px;
}
.social-links span.icon-hover:hover {
    background-color: #54d348;
}
.icon-wrapper-square span.iconfb, .iconfb.square {
    border-radius: 0 0 0 0;
}
.iconfb.i-facebook-w {
	background-image: url("images/sprite-icons-social.png");
    background-position: -61px -158px;
}
.iconfb.i-twitter-w {
    background-image: url("images/sprite-icons-social.png");
    background-position: -12px -158px;
}
.iconfb.i-googleplus-w {
	background-image: url("images/sprite-icons-social.png");
    background-position: -110px -158px;
}
.iconfb.i-linkedin-w {
	background-image: url("images/sprite-icons-social.png");
    background-position: -362px -158px;
}
.iconfb.i-flickr-w {
	background-image: url("images/sprite-icons-social.png");
    background-position: -262px -158px;
}
.iconfb.i-pinterest-w {
	background-image: url("images/sprite-icons-social.png");
    background-position: -312px -158px;
}


/*==================Slide Bar For Mobile=====================*/

.slide-bar{display:block; width:1082px;}
.slide-bar-1{display:none;}
.slide-bar-1 .site-logo-01{float:left; background:url(../images/site-logo-01.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 .site-logo-02{float:left; background:url(../images/site-logo-02.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 .site-logo-03{float:left; background:url(../images/site-logo-03.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 .site-logo-04{float:left; background:url(../images/site-logo-04.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 .site-logo-05{float:left; background:url(../images/site-logo-05.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 .site-logo-06{float:left; background:url(../images/site-logo-06.png) no-repeat; width:73px; height:71px;}	
.slide-bar-1 .site-logo-07{float:left; background:url(../images/site-logo-07.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 .site-logo-08{float:left; background:url(../images/site-logo-08.png) no-repeat; width:73px; height:71px;}
.slide-bar-1 ul{list-style:none; margin:0; padding:0;}
.slide-bar-1 ul li{display:inline-block; margin-bottom:5px; width:100%;}
.slide-bar-1 ul li .col-1{float:left; width:100%; padding:10px 10px 5px;}
.slide-bar-1 ul li .ctitle{float:left; width:60%; padding:2px 10px;}
.cname{ font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#ffffff; font-size:16pt; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);}
.cslogan{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:9pt; font-weight:bold; padding-bottom:8px;}
.ctext{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:9pt; padding-bottom:10px;}
.tile-color-g{ background:#50b948; border:1px solid #ffc423;}
.tile-color-org{ background:#ff652d; border:1px solid #ff4400;}
.tile-color-red{ background:#eb3030; border:1px solid #ff0000;}
.tile-color-blue{ background:#2b90e1; border:1px solid #008eff;}
.tile-color-p{ background:#622d91; border:1px solid #8700ff;}
.tile-color-lb{ background:#00a8e0; border:1px solid #00bfff;}
.tile-color-ping{ background:#ce0b9f; border:1px solid #ff00c2;}
.tile-color-ylw{ background:#ffc000; border:1px solid #ddbe03;}

/*==================Slide Bar For PC=====================*/
.slide-bar ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.slide-bar ul li{
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:left;
}

.slide-bar ul li span{
  display: block;
  overflow: hidden;
  height: 434px;
  width: 116px;
  cursor:pointer;
}

.slide-bar #a1{
  width: 270px;
}

.slide-bar .imgbg{
  position: absolute;
  border: 0;
}

.slide-bar .p1{
  margin: 0;
  padding: 50px 0 0 0;
  width: 132px;
  display: block;
  margin-left: 12px;
}
.slide-bar .p2{
  margin: 0;
  width: 132px;
  display: block;
  margin-left: 18px;
}
.bgphotosign{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_photosigna.jpg);
}
.bgphotos{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_photosa.jpg);
}
.bgreal{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_reala.jpg);
}
.bgit{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_ita.jpg);
}
.bgcar{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_cara.jpg);
}
.bgprint{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_printa.jpg);
}
.bgshop{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(../images/bg_shopa.jpg);
}
.bgvis{
  margin: 0;
  padding: 0;
  width: 156px;
  height:434px;
  display: block;
  margin-left: 114px;
  background-image:url(images/bg_visa.jpg);
}
@media screen and (min-width: 761px) and (max-width: 1013px) 
{
	#top-head{display:none;}
	#main{width:100%; margin:0 auto; background:#ffffff;}
	.slide-bar{display:none;}
	.text-area{margin:10px;}
	.slide-bar-1{display:block; width:100%;}
	.banner-chris{display:none;}
}
@media screen and (min-width: 641px) and (max-width: 760px) 
{
	#top-head{display:none;}
	#main{width:100%; margin:0 auto; background:#ffffff;}
	.logo-abc{display:none;}
	.slide-bar{display:none;}
	.text-area{margin:10px;}
	.slide-bar-1{display:block; width:100%;}
	.banner-chris{display:none;}
}
@media screen and (min-width: 421px) and (max-width: 640px) 
{
	#top-head{display:none;}
	#main{width:100%; margin:0 auto; background:#ffffff;}
	.logo-abc{display:none;}
	.slide-bar{display:none;}
	.text-area{margin:10px;}
	.slide-bar-1{display:block; width:100%;}
	.banner-chris{display:none;}
}
@media screen and (min-width: 320px) and (max-width: 420px) 
{
	#top-head{display:none;}
	#main{width:100%; margin:0 auto; background:#ffffff;}
	.logo-abc{display:none;}
	.slide-bar{display:none;}
	.text-area{margin:10px;}
	.slide-bar-1{display:block; width:100%;}
	.banner-chris{display:none;}
}
@media screen and (min-width: 0px) and (max-width: 319px) 
{
	#top-head{display:none;}
	#main{width:100%; margin:0 auto; background:#ffffff;}
	.logo-abc{display:none;}
	.slide-bar{display:none;}
	.text-area{margin:10px;}
	.slide-bar-1{display:block; width:100%;}
	.banner-chris{display:none;}
}