.homepage {
	width: 100%;
	position: relative;
	overflow: visible;
    font-family: 'droid_serifregular', Arial, Helvetica;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .homepage {
                        overflow: hidden;
                }
}

            @media only screen and (min-width: 320px) and (max-width: 767px) {
                 .homepage {
                        overflow: hidden;
                }
}




 
 
/*START of Section Backgrounds */

.clearbackground {
    min-height: 575px;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.clearbackground {
    min-height: 900px;
}
}


.blackBG {
    background-color: #3f3f3f;
    min-height: 380px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
.blackBG {
min-height:490px;    
}

}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.blackBG {
    min-height: 840px;    
}
}


.blackBG-contact-strip {
    background-color: #3F3F3F;
    min-height: 120px;
}

.whiteBG-rightforyou, .whiteBG-studyOnline {
	background:#ffffff;
	color:#3f3f3f;
    box-shadow: -4px -2px 24px -10px #3F3F3F;
    z-index: 13;
     min-height: 722px;
 }
                @media only screen and (min-width: 768px) and (max-width: 1000px) {
.whiteBG-rightforyou, .whiteBG-studyOnline {
min-height: 837px;
}

} 

                            @media only screen and (min-width: 320px) and (max-width: 767px) {
                                    .whiteBG-rightforyou {
                                        min-height: 1340px;
                                    }
                }


.whiteBG-studyOnline {
 box-shadow: 1px 1px #FFFFFF;
     min-height: 590px;
    position: relative;
 }
                @media only screen and (min-width: 768px) and (max-width: 1000px) {

.whiteBG-studyOnline {
min-height: 685px;


}
}

                            @media only screen and (min-width: 320px) and (max-width: 767px) {
.whiteBG-studyOnline {

min-height: 855px;
}
}

.diagnosticBG {
	background-image:url(../img/homepage/us-background.jpg);
    min-height: 543px;

}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.diagnosticBG {
    min-height:  575px;
}

}


.whyStudyBG {
 background-image:url(../img/homepage/orange-background.gif);
 min-height: 583px;
 margin-bottom: -20px;


}


/*END of Section Backgrounds */

.homepage-Containers {
	width: 960px;
	clear: both;
 	margin:0 auto;
}
        @media only screen and (min-width: 768px) and (max-width: 1000px) {

            .homepage-Containers {
                width: 700px;
                clear: both;
                margin:0 auto;
            }
}

            @media only screen and (min-width: 320px) and (max-width: 767px) {
                  .homepage-Containers {
                width: 320px;
                clear: both;
                margin:0 auto;
            }
}

/* Testimonail and boxes section */

.testimonials-homepage {
	position: relative;
	 vertical-align: top;
	left: 0;
	top: 45px;
    min-height: 543px;
	width: 485px;	  
	display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
           .testimonials-homepage {
           width: 100%; 
  }


}

        



.testimonials-homepage h2 {
    color: #FF7B03;
    font-family: 'droid_serifitalic';
    font-size: 32px;
    position: absolute;
    width: 600px;
}

    @media only screen and (min-width: 320px) and (max-width: 767px) {
.testimonials-homepage h2 {
display: none;
}
}


.lecturer-homepage-section {
 background: url("../img/homepage/irina-bghome.png") no-repeat;
    display: inline-block;
    height: 524px;
    position: relative;
    right: -85px;
    top: 50px;
    width: 468px;
    z-index: 8;
}
/**/

        @media only screen and (min-width: 768px) and (max-width: 1000px) {
            .lecturer-homepage-section {
                display: none;
            }

            }
         @media only screen and (min-width: 320px) and (max-width: 767px) {
.lecturer-homepage-section {
                display: none;
            }
}



.boxeswrapperTop {
     position: absolute;
     margin-left: -25px;
    top: 155px;
    width: 600px;
    z-index: 9;
}

    @media only screen and (min-width: 768px) and (max-width: 1000px) {
                .boxeswrapperTop {
                width: 100%;
                }

     }
                                @media only screen and (min-width: 320px) and (max-width: 767px) {
                    .boxeswrapperTop {
                                    width: 320px;
                                    top:25px;
                                    }
                    }


.boxeswrapperTop ul {
	list-style-type: none;
}

.boxeswrapperTop ul > a >li {
	display: inline-block;
}

.boxeswrapperTop .topRow a li {
    background-color: #FF7B03;
    margin-right: 7px;
    padding: 13px 35px;
    position: relative;
    text-align: center;
    width: 105px;
}
    @media only screen and (min-width: 768px) and (max-width: 1000px) {
        .boxeswrapperTop .topRow a li {
         padding: 13px 60px;
        }

     }

    @media only screen and (min-width: 320px) and (max-width: 767px) {
        .boxeswrapperTop .topRow a li {
    margin-bottom: 7px;
    margin-right: 0;
    padding: 13px 20px;
    width: 100%;
}
}

.boxeswrapperTop .topRow li span {
      color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    text-align: center;
    top: -18px;
}

.boxeswrapperTop .topRow li h2 {
    color: #FFFFFF;
    font-family: 'droid_serifitalic';
    font-size: 20px;
    line-height: 27px;
    text-align: center;
}

    @media only screen and (min-width: 320px) and (max-width: 767px) {
.boxeswrapperTop .topRow li h2 {
    font-size: 15px;
}
}



.boxeswrapperTop .topRow li i {
    bottom: 40px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    right: 40px;
}

.boxeswrapperTop .bottomRow a li, .boxeswrapperTop .bottomRow li {
    background-color: #3F3F3F;
    margin-right: 0;
    padding: 14px 12px 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 82px;
}

    @media only screen and (min-width: 768px) and (max-width: 1000px) {
            .boxeswrapperTop .bottomRow a li, .boxeswrapperTop .bottomRow li {
                padding: 14px 27px 0;

             }
            }

      @media only screen and (min-width: 320px) and (max-width: 767px) {
                    .boxeswrapperTop .bottomRow a li, .boxeswrapperTop .bottomRow li {
                    width: 136px;
                    min-height: 172px;
                    margin-top: 4px;
                    }

                    .boxeswrapperTop .bottomRow {
                        width: 325px;
                    }
}


.boxeswrapperTop .bottomRow li .headertext {
    font-size: 20px;
}

.titleblock {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
     display: inline-block;
     min-height: 0!important;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.titleblock {
    width: 320px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
                    }


.boxeswrapperTop .bottomRow li i {
    color: #FFFFFF;
    font-size: 50px;
     position: relative;
}

.boxeswrapperTop .bottomRow li span {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
    position: relative;
    text-align: center;
    top: -18px;
}

.boxeswrapperTop .bottomRow li h2 {
    color: #FFFFFF;
    font-family: 'droid_serifitalic';
    font-size: 16px;
    line-height: 24px;
    position: relative;
    text-align: center;
    top: 7px;
}

/* Right For you section */

.rightfor-you {
    margin: 0 auto;
    padding-left: 20px;
     position: relative;
}

.rightfor-you ul {
    list-style-type: none;
}

.rightfor-you h2 {
    border-bottom: 6px solid #3F3F3F;
    color: #3F3F3F;
    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 20px;
    padding-top: 50px;
    width: 460px;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
                           .rightfor-you h2 {

                             width:295px;
                            }

                            .rightfor-you ul {
                              margin-left:0;
                            }


}
.rightfor-you p {
    text-align: left;
    display: inline-block;
    font-size: 16px;
}

.rightfor-you h2 b {
    font-family: 'droid_serifbold';
}


/* Orange Circle */
.orangeCircle {
    background: none repeat scroll 0 0 #FF7B03;
    border-radius: 129px;
    bottom: -267px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    padding: 69px 22px;
    position: absolute;
    right: 250px;
    text-align: center;
    width: 213px;
    z-index: 16;
}

.orangeCircle b {
    font-size: 14px;

}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                            .orangeCircle {
                                right: 120px;

                            }
                }

                            @media only screen and (min-width: 320px) and (max-width: 767px) {
                                .orangeCircle {
                                right: 20px;

                            }
                }


.orangeCircle a {
    color: #FFFFFF;
    position: relative;
    text-decoration: none;
    top: 19px;
}

/*Diagnostic section */

.diagnostic-homepage {
    color:#ffffff;
    padding-left: 20px;
    position: relative;
}

.diagnostic-homepage h2 {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'droid_serifregular';
    font-size: 30px;
    line-height: 50px;
    position: relative;
    top: 135px;
    width: 310px;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
                                    .diagnostic-homepage h2 {
                                        width:295px;
                                    }
}



.diagnostic-homepage h2 span {
    font-family: 'droid_serifbold_italic';

}


.diagnostic-homepage p{
    font-family: 'droid_serifregular';
        position: relative;
        font-size: 20px;
        top: 115px;
         width: 415px;
}

                                @media only screen and (min-width: 320px) and (max-width: 767px) {
.diagnostic-homepage p{

         width: 295px;

}

      }

.monitordiagnostic {
    background-image: url("../img/homepage/imac.png");
    display: inline-block;
    height: 397px;
    position: absolute;
    right: 30px;
    top: 112px;
    width: 397px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                          .monitordiagnostic {
                            background-image: url("../img/homepage/imac-vertical-tab.png");
                            background-repeat: no-repeat;
                            display: inline-block;
                            height: 291px;
                            position: absolute;
                            right: -20px;
                            top: 152px;
                            width: 238px;
                        }
}
                                @media only screen and (min-width: 320px) and (max-width: 767px) {
                          .monitordiagnostic {
                            display: none;
                          }
                }



.diagnostic-homepage a.buttonDiag {
    background-color: #FF7900;
    position: relative;
    top: 130px;
    display: inline-block;
    border-radius: 6px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-family: 'droid_serifregular';
    padding: 12px 30px;
}
.diagnostic-homepage a {
    color: #FF7900;
    text-decoration: none;
}
.diagnostic-homepage a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* Why Study Section */

.whystudy-homepage {
    position: relative;
    margin:0 auto;
}

.whystudy-homepage .leftColumn {
display: inline-block;
width: 530px;
color: #ffffff;
position: relative;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .whystudy-homepage .leftColumn {
                    width: 470px;

                    }
}

                 @media only screen and (min-width: 320px) and (max-width: 767px) {
        .whystudy-homepage .leftColumn {
                    width: 295px;
                    padding-left: 15px;
                    }
}



.whystudy-homepage .leftColumn h2 {
    border-bottom: 6px solid #FFFFFF;
    color: #FFFFFF;
    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 20px;
    position: relative;
    top: 60px;
    width: 275px;
}

.whystudy-homepage .leftColumn p {
    position: relative;
    top: 70px;
}

.whystudy-homepage .rightColumn {
    width: 420px;
    display: inline-block;
    position: relative;
        text-align: center;

}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .whystudy-homepage .rightColumn {
                        bottom: 50px;
                        display: inline-block;
                        position: relative;
                        width: 216px;
                    }
}
                 @media only screen and (min-width: 320px) and (max-width: 767px) {
                    .whystudy-homepage .rightColumn {
                        display: none;
}
}




.whystudy-homepage .fullwidthColumn {
    display: inline-block;
    margin-top: 30px;
    position: relative;
    width: 100%;
}

.whystudy-homepage .fullwidthColumn h2{
font-size: 20px;
position: relative;
top: 10px;
color: #ffffff;
}

.whystudy-homepage .fullwidthColumn p {
color:#ffffff;
}


        @media only screen and (min-width: 320px) and (max-width: 767px) {
        .whystudy-homepage .fullwidthColumn p, .whystudy-homepage .fullwidthColumn h2{
    width: 295px;
padding-left: 15px;
}



.whystudy-homepage .benefitsWhystudy {
    width:100%;
    position: relative;
    display: inline-block;
    clear: both;
      top: 45px;
      margin-bottom: 10px;
}
} 
                 @media only screen and (min-width: 320px) and (max-width: 767px) {
                    .whystudy-homepage .benefitsWhystudy {
                        top: 100px;
                        margin-bottom:185px;
                        margin-left: -10px;
}

}

.whystudy-homepage .benefitsWhystudy ul {
    list-style-type: none;
    width: 100%;
}



.whystudy-homepage .benefitsWhystudy ul>li {
    display: inline-block;
       margin: 10px 0;
 }

                 @media only screen and (min-width: 768px) and (max-width: 1000px) {
.whystudy-homepage .benefitsWhystudy ul>li {
           margin: 35px 0;

}
}

                 @media only screen and (min-width: 320px) and (max-width: 767px) {
.whystudy-homepage .benefitsWhystudy ul>li {
           margin: 38px 0;

}
}

.whystudy-homepage .benefitsWhystudy ul > li .benfitsitem {
    color: #FFFFFF;
    float: left;
    height: 100px;
    position: relative;
    width: 475px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                .whystudy-homepage .benefitsWhystudy ul > li .benfitsitem {
                    width: 293px;
                    padding: 0 20px;
                }
}


.whystudy-homepage .benefitsWhystudy ul>li .benfitsitem i {
    font-size: 50px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                .whystudy-homepage .benefitsWhystudy ul>li .benfitsitem i {
                    position: relative;
                    top: -16px;
                }
}


.rightColumnBenefits {
    display: inline-block;
    width: 385px;
    font-size: 13px;
}

.leftColumnBenefits {
    display: inline-block;
    position: relative;
    top: 30px;
    vertical-align: top;
    width: 60px;
}
                @media only screen and (min-width: 768px) and (max-width: 1000px) {

.rightColumnBenefits {
    display: inline-block;
    width: 385px;
    font-size: 13px;
}
}


                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .rightColumnBenefits {
                        width:228px;
                    }
                }
                                        @media only screen and (min-width: 320px) and (max-width: 767px) {
.rightColumnBenefits {
     width: 242px;
}

}


.rightColumnBenefits b {
    font-family: 'droid_serifbold_italic';
}

.fullwidthColumn .syllabushome {
    width: 100%;
    position: relative;
    text-align: center;
    list-style-type: none;
}

                 @media only screen and (min-width: 320px) and (max-width: 767px) {
.fullwidthColumn .syllabushome {
margin-left: -10px;
}
}


.fullwidthColumn .syllabushome li {
    color: #FFFFFF;
    display: inline-block;
    font-size: 65px;
    padding: 45px;
}

.fullwidthColumn .studentsvideos {
    width: 100%;
    position:relative;
    text-align: center;
    list-style-type: none;
}

.fullwidthColumn .studentsvideos li {
    border: 4px solid #FFFFFF;
    display: inline-block;
    margin: 20px;
    opacity: 0.8;
    padding: 0;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .fullwidthColumn .studentsvideos li a img {
                    width: 180px;
                    }
                }

      @media only screen and (min-width: 320px) and (max-width: 767px) {
             
             .fullwidthColumn .studentsvideos{
                width: 290px;
  }

                }

.fullwidthColumn .studentsvideos li:hover {
    opacity: 1.0;
}

/* Topics Covered */


.topicsWecover {
    margin:0 auto;
    color: #ffffff;
}

.topicsWecover h2 {
    color: #ffffff;
    font-size: 20px;
    position: relative;
    top: 20px;
}

.topicsWecover .viewAllLink {
    display: inline-block;
    float: right;
    font-family: 'droid_serifitalic';
    position: relative;
    top: 20px;
}

                            @media only screen and (min-width: 320px) and (max-width: 767px) {
.topicsWecover .viewAllLink {
    text-align: center;
    padding: 0 10px;
}
}


.topicsWecover .viewAllLink a {
    color: #ffffff;
    }

.topicsWecover ul {
    list-style-type: none;
    position: relative;
    top: 15px;
    width: 100%;
}


.topicsWecover  ul>li {
    display: inline-block;
    vertical-align: top;
    margin:10px 0;
 }

                 @media only screen and (min-width: 768px) and (max-width: 1000px) {
.topicsWecover  ul>li {
    margin:35px 0;
}
}

                @media only screen and (min-width: 320px) and (max-width: 767px) {
.topicsWecover  ul>li {
    margin:46px 0;
}
}


.topicsWecover ul > li .topicsitem {
    color: #FFFFFF;
    height: 100px;
    width: 455px;
}
                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .topicsWecover ul > li .topicsitem {
                        color: #FFFFFF;
                        width: 330px;
                    }
                }





.topicsWecover ul>li .topicsitem i {
    font-size: 50px;
      position: relative;
    top: -15px;
}

.leftColumnTopics {
    display: inline-block;
    position: relative;
    text-align: center;
    top: 35px;
    vertical-align: top;
    width: 60px;
}

.rightColumnTopics {
    display: inline-block;
    font-size: 13px;
    width: 383px;
}

                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                    .rightColumnTopics {
                        width: 260px;
                }
            }

                @media only screen and (min-width: 320px) and (max-width: 767px) {
  .rightColumnTopics {
                        width: 222px;
                }
}



/*Study Online */
.studyOnline-homepage {
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

.studyOnline-homepage .leftColumn {
    width: 50%;
    display: inline-block;
    position: relative;
}

                        @media only screen and (min-width: 320px) and (max-width: 767px) {
                            .studyOnline-homepage .leftColumn {
                                width:295px;
                                padding-left:15px;
}   

}


.studyOnline-homepage .leftColumn h2 {
    border-bottom: 6px solid #3F3F3F;
    color: #3F3F3F;
    font-family: 'droid_serifregular';
    font-size: 30px;
    padding-bottom: 20px;
    position: relative;
    top: 60px;
    width: 190px;
}

.studyOnline-homepage .leftColumn p {
    position: relative;
    top: 70px;
}

.studyOnline-homepage .leftColumn a.buttonOnline {
    background-color: #FF7900;
    position: relative;
    top: 110px;
    display: inline-block;
    border-radius: 6px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-family: 'droid_serifregular';
    padding: 12px 30px;
}

.studyOnline-homepage .StudyOnline-iPad {
    background-image: url("../img/homepage/study-online-ipad.png");
    height: 437px;
    position: absolute;
    right: -56px;
    top: 154px;
    display: block;
    width: 534px;
}
                @media only screen and (min-width: 768px) and (max-width: 1000px) {
                        .studyOnline-homepage .StudyOnline-iPad {
    right: -174px;
    top: 249px;
}
            }

                        @media only screen and (min-width: 320px) and (max-width: 767px) {
                        .studyOnline-homepage .StudyOnline-iPad {
                            display: none;
}
}   



/* Contact Strip */

.contact-details-strip {
    margin: 0 auto;
    top: 20px;
    position: relative;
}

.contact-details-strip ul {
    list-style-type: none;
    position: relative;
    top: 15px;
    width: 100%;
}


.contact-details-strip  ul>li {
    display: inline-block;
 }

.contact-details-strip ul > li .contactsitem {
    color: #FFFFFF;
    height: 100px;
    width: 315px;
}


                @media only screen and (min-width: 768px) and (max-width: 1000px) {
.contact-details-strip ul > li .contactsitem {
    width: 226px;
}
            }








.contact-details-strip ul > li .contactsitem i {
    font-size: 50px;
    left: -5px;
    position: relative;
    top: 6px;
}

.contact-details-strip ul>li .contactsitem .rightColumncontacts a h2 {
    font-size: 20px;
    color: #ffffff;
    font-family: 'droid_serifitalic';
}

.contact-details-strip ul>li .contactsitem .rightColumncontacts a:hover {
text-decoration: none;
}

.leftColumncontacts {
    display: inline-block;
    width: 60px;
    text-align: center;
}

.rightColumncontacts {
    display: inline-block;
     width: 242px;
}
                @media only screen and (min-width: 768px) and (max-width: 1000px) {
.rightColumncontacts {
     width: 142px;
}

            }