.intro-slide .fixer
{
	height:1px;
}

.intro-slide {
    color: white;
    height: 242px;


    width: 948px;
}

#intro-slider
{

}
.bx-window
{
	margin-top: -21px;
	

}
.bx-wrapper
{
	z-index:0;
	overflow:hidden;
}
.bx-pager {

    position: relative;
    left: 660px;
    top: 12px;
    width: 300px;
    z-index: 300;
}
.bx-pager a {
    display: inline-block;
    height: 13px;
    margin-left: 6px;
    width: 13px;
    background: url("../i/intro-pager.png") no-repeat;
}
a.pager-active {
    display: inline-block;
    height: 13px;
    margin-left: 6px;
    width: 13px;
    background: url("../i/intro-pager-active.png") no-repeat;
}

.intro-slide h1
{
    margin-bottom: 20px;
    margin-left: 90px;
    margin-top: 25px;
	margin-bottom:20px;
}

.intro-slide .description
{
    float: left;
    margin-left: 30px;
    margin-top: 15px;
}


.intro-slide ul
{
    list-style-image: url("../i/mark.png");
}

.intro-slide ul li
{
    line-height: 30px;

}

.intro-slide a
{
        color:white;

}


.intro-slide .builder-left h1
{
    margin-left: 0;
    text-align: center;
    font-size: 25px;
	margin-top:10px;
}

.intro-slide .builder-left h4
{

    margin-top: 40px;
    text-align: center;
    font-size: 14px;
}
.intro-slide .builder-right
{
	float:left;
	width:300px;
	margin-top:10px;
}
.intro-slide .builder-right h1
{
	font-family: M-regular;
    margin-left: -30px;
    margin-top: 80px;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
}

.intro-slide .builder-mid
{
	float: left;
    width: 280px;
	margin-top:22px;
}
.intro-slide .builder-mid img
{
	 
    margin-top: 160px;
}

 
.intro-slide .builder-mid .bg-profession1
{
	width:297px;
	height:210px;
	background: url("../../home-intro-slider/i/webbuilder/pic1.png") no-repeat;
	margin-left:50px;
	
}

.intro-slide .builder-mid .bg-profession2
{
	width:328px;
	height:209px;
	background: url("../../home-intro-slider/i/webbuilder/pic2.png") no-repeat;
	margin-left:50px;
}
.intro-slide .builder-mid .bg-profession3
{
	width:297px;
	height:208px;
	background: url("../../home-intro-slider/i/webbuilder/pic3.png") no-repeat;
	margin-left:50px;
	margin-top:2px;
}
.intro-slide .builder-mid .bg-profession4
{
	width:297px;
	height:209px;
	background: url("../../home-intro-slider/i/webbuilder/pic4.png") no-repeat;
	margin-left:50px;
	margin-top:1px;
}
.intro-slide .builder-mid .bg-profession5
{
	width:294px;
	height:209px;
	background: url("../../home-intro-slider/i/webbuilder/pic5.png") no-repeat;
	margin-left:50px;
	margin-top:1px;
}
.intro-slide .builder-mid .bg-profession6
{
	width:297px;
	height:209px;
	background: url("../../home-intro-slider/i/webbuilder/pic6.png") no-repeat;
	margin-left:50px;
	margin-top:2px;
}
.intro-slide .builder-mid .bg-profession1 img
{
	margin-left: 30px;
}
.intro-slide .builder-mid .bg-profession2 img
{
	margin-left: 60px;
}
.intro-slide .builder-mid .bg-profession3 img
{
	margin-left: 40px;
}
.intro-slide .builder-mid .bg-profession4 img
{
	margin-left: 30px;
}
.intro-slide .builder-mid .bg-profession5 img
{
	margin-left: 50px;
}
.intro-slide .builder-mid .bg-profession6 img
{
	margin-left: 30px;
}




 .intro-slide .builder-left
		{
			float: left;
    margin-left: 100px;
    margin-top: 20px;
    width: 310px;
		}
		
		.intro-slide .builder-right
		{
			float: left;
			width: 240px;
		}
	
		
		.intro-slide .builder-mid .bg-profession1
{
	margin-left: -40px;
}
		.intro-slide .builder-mid .bg-profession3
{
	margin-left: -50px;
}
		.intro-slide .builder-mid .bg-profession2
{
	margin-left: -60px;
}
		.intro-slide .builder-mid .bg-profession4
{
	margin-left: -40px;
}
		.intro-slide .builder-mid .bg-profession5
{
	margin-left: -60px;
}
		.intro-slide .builder-mid .bg-profession6
{
	margin-left: -40px;
}
.intro-slide .badge-large
{
    height: 178px;
    left: -15px;   
    position: relative;
    top: 35px;
    width: 172px;
}

.intro-slide .builder-right h2
{

    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 33px;
    text-transform: uppercase;
	line-height: 20px;
	margin-bottom:20px;
}
#builder-right-wide
{
	  
    text-align: right;
}
.intro-slide .builder-right .annual-price
{
	background: url("/template/home-intro-slider/i/annual-price.png") no-repeat;
    height: 64px; 
    margin-top: -15px;
	margin-bottom:10px;
    width: 152px;
}

.intro-slide .builder-right .domain-price
{
	background: url("/template/home-intro-slider/i/domain-price.png") no-repeat;
    height: 70px;

    margin-top: -15px;
    width: 127px;
}
.intro-slide .builder-right .hosting-price
{
	background: url("/template/home-intro-slider/i/hosting-price.png") no-repeat;
    height: 70px;

    margin-top: -15px;
    width: 127px;
}

.intro-slide .builder-right .free
{
	
    font-size: 12px;
    margin-top: 3px;
	text-align:left;
}
.intro-slide .builder-right .free span
{
	color: red;
    font-family: M-regular;
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: bold;
}
.intro-slide .pic
 {
   
	 background: url("/template/home-intro-slider/i/slide-1.png") no-repeat;
	float: left;
    height: 150px;
    margin-left: 50px;
    margin-top: 50px;
    width: 240px;
	 
 }

.intro-slide .pic-2
{
    float: left;
    margin-left: 90px;
    margin-top: 0px;
	 background: url("/template/home-intro-slider/i/slide-2.png") no-repeat;
	 width:240px;
	 height:150px;
	 margin-right: 20px;
}

.intro-slide .pic-3
{
    float: left;
    margin-left: 40px;
    margin-top: 50px; 
	 background: url("/template/home-intro-slider/i/slide-3.png") no-repeat;
	 width:240px;
	 height:150px;
}

.intro-slide .pic-4
{
    float: left;
    margin-left: 150px;
    margin-top: -10px;
	 background: url("/template/home-intro-slider/i/slide-4.png") no-repeat;
	 width:240px;
	 height:150px;
}
.intro-slide .pic-5
{
    float: left;
    margin-left: 150px;
    margin-top: -10px;
	 background: url("/template/home-intro-slider/i/slide-5.png") no-repeat;
	 width:240px;
	 height:150px;
}
.intro-slide .pic-6
{
    float: left;
    margin-left: 100px;
    margin-top: -15px;
	 background: url("/template/home-intro-slider/i/slide-6.png") no-repeat;
	 width:240px;
	 height:150px;
}
.intro-slide .pic-7
{
    float: left;
    margin-left: 50px;
    margin-top: 0px;
	 background: url("/template/home-intro-slider/i/slide-7.png") no-repeat;
	 width:270px;
	 height:150px;
}
.intro-slide .btn-1
{
	left: -55px;
    position: relative;
    top: -50px;
}
.intro-slide .btn-2
{
left: -35px;
    position: relative;
    top: 90px;
}
.intro-slide .btn-3
{
left: -47px;
    position: relative;
    top: -51px;
}
.intro-slide .btn-4
{
left: -50px;
    position: relative;
    top: 105px;
}
.intro-slide .btn-5
{
left: -60px;
    position: relative;
    top: 110px
}
.intro-slide .btn-6
{
	left: -45px;
    position: relative;
    top: 110px;
}

.intro-slide .builder-left h2
{

    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
	color:#fff;
	font-weight:500;
}
.intro-slide ul li
{	
    font-size: 14px;

}
.intro-slide .description {
    float: left;
    margin-left: 0px;
}
.intro-slide .description-large {
    float: left;
    margin-left: 40px;
}
	  .top-intro-section {
    background: url("/template/home-intro-slider/i/bg-intro2.jpg") no-repeat #0F3C42;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}
.intro-slide .logo
{
	background: url("/template/home-intro-slider/i/slide-logo.png") no-repeat;
	height: 42px;
    left: 50px;
    position: relative;
    top: 75px;
    width: 308px;
}
.intro-slide .slogan
{
	 font-family: M-regular;
	font-size: 20px;
    left: 10px;
    line-height: 20px;
    position: relative;
    text-align: center;
    top: 75px;
    width: 400px;
}
.intro-slide .balloons
{
	background: url("/template/home-intro-slider/i/canadian-balloons.png") no-repeat;
	height: 196px;
    left: 420px;
    position: relative;
    top: -60px;
    width: 204px;
}

