/*** 
set the width and height to match your images 
**/
@font-face{
                font-family: 'myFont';
                src: url('MyriadPro-Regular.eot'),url('MyriadPro-Regular.ttf');    
                font-weight: normal;
                font-style: normal;
}
body{ padding:0; margin:0;font-family: 'myFont'; font-size:16px;}
#slideshow {
    position:relative;
    height:350px;
	z-index:-1;
	
}

.wrapper.chanpdf a:hover{ background:#039041 !important; color:#fff !important}

.enquiryForm{ width:400px; float:left; }

.pck td.headingTxt{ background:#039041; color:#ffd33b; font-size:16px}
.pck td{ background:#f1f1f1; font-size:14px}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	margin-top:-40px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
#page-wrap { 
	position: relative;
	width: 400px; 
	margin: 50px auto; 
	padding: 20px; 
	background: #fff; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}

p { 
	font: 15px/2 Arial; 
	margin: 0 0 30px 0; 
	color: #fff;
}

#content {
	width: 920px;
	margin: 0 auto;
	padding: 0px;
}
.pipe{ color:#000; padding:0 10px}


header{ background:#ffd33b;}
header img{ padding:10px;}
#navigation,header {  
  display: block;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999;
}

#topnav {  
  width: 900px;
  margin: 10px auto;
  clear: both;
  float:right;
  font-family:"myFont",Arial, Helvetica, sans-serif; font-size:15px
}
h1{ font-family:"myFont",Arial, Helvetica, sans-serif; font-size:30px; text-align:center; color:#039041}
#topnav li { list-style:none; margin:0 auto; text-align:right;}

#topnav li a { 
  display: block;
  float: left;
  color: #000;
  margin:32px 25px 0 0;
  text-decoration: none;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#topnav li a:hover { 
  color: #009933;
}

#topnav li.current a { 
  color: #009933;
}


/* main content sections */
#content { display: block; width: 100%; overflow: hidden; }

.wrapper { 
  display: block;
  width: 980px;
  margin: 0 auto;
}

#home { 
  min-height: 550px;
  padding-top: 85px;
  margin-bottom: 40px;
}


#whysaivision,#channels,#packages,#internetPackages,#buyNow,#contactUs,#aboutus {
  padding: 65px 0px;
  margin-bottom: 0px;
	width:100%;
	position:relative; float:left; background:#e3ff33;font-family: 'myFont'; font-size:16px; margin-top:0px;
}
#aboutus{ background:#99ffff}

.book:link,.book:visited{ background:#039041; color:#fff !important; border-radius:5px; padding:5px 10px; margin:5px -25px 0 25px; float:right; z-index:9999; position:relative; text-decoration:none; clear:both; font-size:14px}
.tt:hover{color:#039041 !important;}
.book:hover{ background:#fff; color:#039041 !important; }
#internetPackages{ background:#ffd33b}
#channels{ background:#95ff6c}
#contactUs{ background:#00f6f8}
.why{font-family: 'myFont'; font-size:16px; margin-top:0; color:#333}
.tollFree{ float:right;  float: right;
	font-family:"myFont",Arial,Helvetica,sans-serif;
    font-size: 20px;
	font-weight:normal;
    margin-right: 40px;
    margin-top: 5px; color:#039041}
.thumbnailContainer{ width:195px; margin:0 auto; height:85px; z-index:10; position:absolute; width:100%; text-align:center; background:url(images/special-txt.png) no-repeat center bottom}
.icon1,.icon2,.icon3{ width:55px; float:left; position:relative}
.icon1{ margin:0 10px 0 15px}
.icon2{ margin:0 65px 0 55px}
.icon3{ margin:0 0 0 0px}

.icon1 img{ width:55px; height:55px;
background-image: url(images/icons.png);
background-repeat: no-repeat;
background-position: 0px 0;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;cursor:hand;cursor:pointer;

}
.icon1 img:hover{background-position: 0px -60px;cursor:hand;cursor:pointer;}
.why{ width:500px; float:left; font-family:'Kite One',sans-serif; font-size:15px; margin-top:-20px}
.why li{ text-align:left; margin-top:10px; margin-bottom:10px}
.icon2 img{ width:55px; height:55px;
background-image: url(images/icons.png);
background-repeat: no-repeat;
background-position: -122px 0;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;cursor:hand;cursor:pointer;

}
.icon2 img:hover{background-position:-122px -60px;cursor:hand;cursor:pointer;}

.icon3 img{ width:55px; height:55px;
background-image: url(images/icons.png);
background-repeat: no-repeat;
background-position: -243px 0;
-webkit-transition: background-position .3s ease;
-moz-transition: background-position .3s ease;
-o-transition: background-position .3s ease;
transition: background-position .3s ease;cursor:hand;cursor:pointer;

}
.icon3 img:hover{background-position:-243px -60px;cursor:hand;cursor:pointer;}
.mainFooter{ width:100%; float:left; background:#000; position:fixed; bottom:0; z-index:10; padding:8px 0}
.cls{ clear:both}
.leftBox{ width:60%; float:left; padding:5px 0 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999}
.rightBox{ width:30%; float:right; margin:10px 0 0 0; text-align:right;color:#999; padding-right:10px}
input[type="text"],textarea{ width:350px; padding:3px; border:0px solid #01b5b6}
textarea{ height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px}