/**************************************************************************************************************************/ /* HTMLTag Redefinitions **************************************************************************************************/ /**************************************************************************************************************************/ body { color: #fff; background: #0f0f0f url("../images/background.jpg") no-repeat top center; } h1 { clear: both; font-size: 1.6em; color: #000; margin: 15px 0px 10px 0px; line-height: 1.3em; } h1.about { background: url("../images/splash/about.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.welcome { background: url("../images/splash/welcome.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.approach { background: url("../images/splash/approach.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.why { background: url("../images/splash/why.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.faq { background: url("../images/splash/faq.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.courses { background: url("../images/splash/courses.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.morecourses { background: url("../images/splash/more_courses.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.community { background: url("../images/splash/community.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.omonia { background: url("../images/splash/omonia.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.mod { background: url("../images/splash/mod.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.trophies { background: url("../images/splash/trophies.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.founders { background: url("../images/splash/founders.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.team { background: url("../images/splash/team.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.ambassadors { background: url("..images.splash.ambassadors.jpg") no-repeat top left; width:890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.tours { background: url("../images/splash/tours.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.skills { background: url("../images/splash/skills.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.contact { background: url("../images/splash/contact.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.location { background: url("../images/splash/location.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.careers { background: url("../images/splash/careers.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.gallery { background: url("../images/splash/gallery.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.news { background: url("../images/splash/news.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h1.consultancy { background: url("../images/splash/consultancy.jpg") no-repeat top left; width: 890px; height: 227px; text-indent: -8000px; margin: 0px 0px 20px 0px; } h2 { clear: both; font-size: 1.3em; color: #333; margin-bottom: 10px; line-height: 1.3em; } h2.intro { color: #1BB9EF; font-weight: bold; margin-bottom: 20px; list-style-image:none; } #expander li h2.button { background: #3F3E41 url("../images/btn_home.png") no-repeat top left; display: block; width: 185px; height: 25px; color: #fff; padding-left: 50px; padding-top: 10px; text-transform: uppercase; font-size: 1.1em; } #expander li h2.button:hover { color: #ffff00; } #expander li.active h2.button { background: #3F3E41 url("../images/btn_home_selected.png") no-repeat top left; color: #ffff00; } h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 15px; line-height: 18px; } span.bootcamp { width: 202px; height: 62px; background: url("../images/headings/boot_camp_gallery.png") no-repeat top left; text-indent: -2000px; display: block; float: left; margin-top: -15px; } label { float: left; width: 100px; padding-top: 0px; } #two_col ul { list-style: disc outside; margin-left: 15px; } li { line-height: 1.5em; } p { margin-bottom: 10px; line-height: 1.4em; font-size:1.05em; clear: both; } em { font-style: italic; } strong { font-weight: bold; } /**************************************************************************************************************************/ /* Main layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #content { float: left; display: inline; width: 940px; } #content_left { float: left; display: inline; width: 600px; min-height: 400px; padding: 0px 10px; margin-top: 10px; margin-right: 20px; background: #EEE; } #content_left ul li { list-style: disc inside; } #content_right { float: left; display: inline; width: 280px; min-height: 400px; padding: 0px 10px; margin-top: 10px; background: #EEE; } #footer { float: left; width: 100%; padding: 0px 0px; margin-top: 10px; background: #0f0f0f url("../images/footer.jpg") no-repeat top center; margin-bottom: 25px; } #footer_inner { width: 940px; margin: 0px auto; text-align: left; } #footer_inner p { color: #fff; font-size: 0.9em; clear: none; } #footer_inner .fleft { width: 500px; margin-top: 35px; } #footer_inner .fright { width: 300px; text-align: right; margin-top: 0px; vertical-align:top; } #footer_inner .fright_follow { text-align:center; float:right; vertical-align:top; padding-right:20px; } #footer_inner .fright_newsletter { text-align:right; float:right; vertical-align:top; } #head { background: #101010 url("../images/header.jpg") no-repeat center top; width: 100%; height: 132px; } #head_inner { width: 940px; padding: 3px 0px 0px 0px; margin: 0px auto; } #main { width: 950px; margin: 0px auto; } #main_inner { float: left; width: 940px; padding: 5px 5px; } #home_col1 { float: left; width: 245px; margin-right: 20px; } #home_col2 { float: left; width: 315px; margin-right: 20px; min-height: 358px; } #home_col3 { float: left; width: 340px; } #home_col3 #teamroom { background: url("../images/photos/teamroom.jpg") no-repeat top left; width: 340px; height: 175px; margin-bottom: 15px; } #home_col3 #teamroom span { background: url("../images/headings/teamroom.png") no-repeat top left; width: 235px; height: 68px; text-indent: -5000px; display: block; } #home_col3 #socceracademy { background: url("../images/photos/SatDevOffer.jpg") no-repeat top left; width: 340px; height: 175px; margin-bottom: 15px; } #home_col3 #socceracademy span { background: url("../images/headings/socceracademy.png") no-repeat top left; width: 235px; height: 68px; text-indent: -5000px; display: block; } #two_col { width: 440px; padding: 10px 10px 10px 60px; float: left; margin-right: 40px; } #news_col { width: 440px; padding: 10px 10px 10px 60px; float: left; margin-right: 40px; } #faq_col { width: 520px; padding-left: 60px; font-size: 1.1em; } #faq_col p { margin-bottom: 30px; } #quotecontent p { padding: 20px; width: 220px; float: left; margin-bottom: 0px; height:120px; } .quoteheight { height:169px; } #quotecontent { background: url("../images/photos/quote/img6.png") no-repeat bottom right; min-height: 167px; } #content.honeycomb { background: #101010 url("../images/bg_honeycomb.png") repeat-x top left; width: 894px; padding: 23px; } #switchablecontent { clear: both; border-top: solid 2px #ffff00; border-bottom: solid 4px #ffff00; } .switchablecontent_courses { min-height:270px; } #switchablecontent div div.centrecol { width: 370px; float: left; margin-right: 45px; } #switchablecontent div div.bottomleftimage { background-position: bottom left; background-repeat: no-repeat; padding-left: 290px; width: 370px; float: left; min-height: 370px; height: auto !important; height: 370px; margin-right: 33px; } #switchablecontent img { clear: both; margin-right: 25px; } #enquiry { width: 190px; } #enquiry .normal { float: left; clear: none; } /**************************************************************************************************************************/ /* Menu layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ .menu { float: left; width: 670px; display: block; padding-top: 35px; padding-left: 20px; } .menu li { float: left; } .menu li a { display: block; padding: 5px 3px 0px 0px; line-height: 20px; text-decoration:none; } .submenu { float: left; width: 680px; display: block; margin-top: 13px; margin-left: 10px; font-size: 1.1em; font-weight: bold; background: #000 url("../images/bg_submenu.png") repeat-x top left; } .submenu li { float: left; } .submenu li a { color: #fff; text-decoration: none; display: block; padding: 7px 10px 8px 10px; background: url(../images/bg_sep.png) no-repeat center right; } .submenu li a:hover { color: #1ab8ee; } .submenu li.selected a { color: #1ab8ee; background-color: #000; } /**************************************************************************************************************************/ /* Classes ****************************************************************************************************************/ /**************************************************************************************************************************/ .text { width: 590px; } .fleft { float: left; } .fright { float: right; } .blackdiv { border-bottom: solid 2px #FFFF00; background-color: #000; padding: 5px; } .greydiv { border-bottom: solid 2px #FFFF00; background-color: #1C1A1E; } .graddiv { border-bottom: solid 2px #FFFF00; background: #1C1A1E url("../images/bg_gradient.png") repeat-x top left; } .graddiv_h { background: #0e0e0e url("../images/bg_gradient_horizontal.png") repeat-y top right; } .honeycomb_h { background: #0e0e0e url("../images/bg_honeycomb_horizontal.png") repeat-y top right; } .courseintro { margin: 0px; padding: 20px 20px 20px 20px; font-size: 1.3em; width: 540px; font-weight: bold; } .attribution { color: #ffff00; font-size: 1.1em; } #homesplash { background: url("../images/bg_homesplash.png") repeat-x top left; width: 900px; height: 305px; padding: 20px; margin-bottom: 4px; } .fullshadow { background: url("../images/shadows/bottom.png") repeat-x top left; width: 100%; height: 5px; } .leftfold { margin-left: -15px; } .rightfold { margin-right: -12px; } .rightfold2 { margin-right: -42px; } .clear { clear: both; } .home_gallery { height: 314px; margin-top: 20px; margin-bottom: 10px; } .invis { display: none; } .visible { display: block; } .yellow { color: #1BB9EF; margin-bottom:5px; } .bold { font-weight: bold; } .smaller { font-size: 1.1em; } .image_bottomright { background: none no-repeat bottom-left; } .map { width: 440px; height: 340px; margin-bottom: 20px; } .padding25 { padding: 25px; } .paddingtr25 { padding: 25px 25px 0px 0px; } .home_expanding_panel { height: 200px; padding: 5px; border-top: solid 2px #ffff00; overflow:hidden; } /**************************************************************************************************************************/ /* Slider *****************************************************************************************************************/ /**************************************************************************************************************************/ .carousel ul li { width: 856px; height: 296px; } .carousel { float: left; } #homesplash a.splashlink { padding: 150px 420px 140px 420px; display: block; } #homesplash a.prev, #homesplash a.next { display:block; text-indent:-9999em; float:left; outline:0; } #homesplash a.prev { background:url("../images/left_arrow.png"); padding: 140px 10px 147px 11px; } #homesplash a.prev:hover { background:url("../images/left_arrow_selected.png"); padding: 140px 10px 147px 11px; } #homesplash a.next { background:url("../images/right_arrow.png"); padding: 140px 10px 147px 10px; } #homesplash a.next:hover { background:url("../images/right_arrow_selected.png"); padding: 140px 10px 147px 10px; } #switchablecontent a.prev, #switchablecontent a.next { display:block; text-indent:-9999em; outline:0; float: left; margin-left: 10px; } #switchablecontent a.prev { background:url("../images/up_arrow.png"); padding: 7px 95px 8px 95px; margin-left: 10px; } #switchablecontent a.prev:hover { background:url("../images/up_arrow_selected.png"); padding: 7px 95px 8px 95px; margin-left: 10px; } #switchablecontent a.next { background:url("../images/down_arrow.png"); padding: 7px 95px 8px 95px; margin-left: 10px; } #switchablecontent a.next:hover { background:url("../images/down_arrow_selected.png"); padding: 7px 95px 8px 95px; margin-left: 10px; } /**************************************************************************************************************************/ /* Gallery ****************************************************************************************************************/ /**************************************************************************************************************************/ #gallery { margin-top: 40px; } #quote { margin-top: 20px; } #gallery, #quote { width: 28px; float: right; } #gallery li, #quote li { width: 20px; padding-left: 8px; padding-top: 7px; height: 33px; font-size: 1.3em; background-image: url(../images/tabs/blank.png); color: #ffff00; cursor: pointer } #gallery li.gallerySelected, #quote li.gallerySelected { background-image: url(../images/tabs/blank_selected.png); color: #000000; } #gallery li:hover, #quote li:hover { background-image: url(../images/tabs/blank_selected.png); color: #000000; } .teamscroll { width: 217px; float: right; margin-top: -25px; margin-right: -42px; } #contentswitcher { width: 217px; float: left; } #contentswitcher li { width: 197px; padding-left: 20px; padding-top: 15px; height: 34px; background-image: url(../images/tabs/wide.png); color: #ffffff; font-weight: bold; } #contentswitcher li.contentSelected { background-image: url(../images/tabs/wide_selected.png); color: #000000; } #contentswitcher li:hover { background-image: url(../images/tabs/wide_selected.png); color: #000000; cursor: pointer } .bghoney { background-image:url(../../resources/images/bg_courses_honey.png); } .bghoney #gal1 { background-image:url(../../resources/images/gallery/category/gallery1.jpg); width:756px; height:74px; text-align:left; } .bghoney #gal1 p:hover { color:#FFEF00; } .bghoney #gal2 { background-image:url(../../resources/images/gallery/category/gallery2.jpg); width:756px; height:74px; text-align:left; } .bghoney #gal2 p:hover { color:#0EC4F1; } .bghoney #gal3 { background-image:url(../images/gallery/category/gallery3.png); width:756px; height:74px; text-align:left; } .bghoney #gal3 p:hover { color:#0EC4F1; } /**************************************************************************************************************************/ /* Input Elements *********************************************************************************************************/ /**************************************************************************************************************************/ input.normal { float: left; display: inline; width: 280px; border: 1px solid #CCC; padding: 3px; margin-bottom: 5px; } select.normal { float: left; display: inline; width: 287px; padding: 3px; margin-bottom: 5px; } textarea.normal { float: left; display: inline; width: 286px; border: 1px solid #CCC; margin-bottom: 5px; } /**************************************************************************************************************************/ /* Links ******************************************************************************************************************/ /**************************************************************************************************************************/ a:link, a:visited { color: #ccc; text-decoration: none; } a:hover, a:active { color: #ddd; text-decoration: none; } ul.menu li a:link, ul.menu li a:visited { color: #FFF; text-decoration: none; } ul.menu li a:hover, ul.menu li a:active { color: #FFF; text-decoration: none; } #faq_col li a { color: #fff; text-decoration: none; font-size: 1.1em; } #faq_col li a:hover { color: #ffff00; } #faq_col li.active a { color: #ffff00; } #news_col li a { color: #fff; text-decoration: none; font-size: 1.1em; } #news_col li a:hover { color: #1BB9EF; } #news_col li.active a { color: #1BB9EF; } .error { color: #ff0000; margin-bottom: 10px; } /**************************************************************************************************************************/ /* Testimonials ***********************************************************************************************************/ /**************************************************************************************************************************/ .testimonial { padding:0px 50px 0px 50px; } .testimonial .alpha-dark { background-image:url("../../resources/images/bg_alpha_dark.png"); background-repeat:repeat; float:right; display:inline; width:655px; height:110px; border-bottom:solid 1px #666; } .testimonial .alpha-dark h2, .testimonial .alpha-dark p { margin:20px; color:#1BB9EF; } .testimonial .alpha-light h2, .testimonial .alpha-light p { margin:20px; color:#FEFEFE; } .testimonial .alpha-light { background-image:url("../../resources/images/bg_alpha_light.png"); background-repeat:repeat; float:right; display:inline; width:655px; height:110px; border-bottom:solid 1px #666; margin:0; padding:0; } .newscontent img { float:left; position:relative; display:inline; padding-right:15px; padding-bottom:45px; }