﻿   html
   {
   height:100%;
   background-position:center;
	    background-repeat: no-repeat;
     background-attachment: fixed;
     background-height:100%;
   }
   body
    {
    	
    	height:100%;
    	/*background-image: url(../Images/bottomshim.png); */
    	background-repeat:repeat-x;
    	margin:0px;
    	font-family:Arial;
     
    }
form
	{
			height:100%;
	}
    #headerouter
    {
    	width:100%;
    	/*position:fixed;*/
    }
    
    
    #header
    {
    	height:174px; 
    	width:100%;
    	 transition:.3s;
    	margin:auto;
    	z-index:9999;
    	/*background-image: url(../Images/bottomshim.png); */
    	background-color:White;
    	
    }
    
    #content
    {
        
        margin:auto; 
        background-image: url(../Images/whitebg.png);
        box-sizing:border-box;
        line-height:30px;
    }

    #toppadding
    {
    	/*height:80px;*/
    }
    
    #innerheader
    { 
    	padding-top:0px;
    	position:relative;
        width:100%;
    }
    
    #wording
{
	float:right;
	text-align:right;
	padding-top:24px;
	padding-right:10px;
}
    
    .phonenumber
    {
    	position:absolute;
    	top:28px;
    	right:10px;
    	color:#444444;
    	font: 14px Arial;
    	
    }
    
    #innerheader #logo
    {
    	float:left;
    	z-index:2147483647;
    }
    a img
    {
    	border:0px;
    }
    
    #menu
    {
    	position:absolute;
    	top:130px;
    	left:0px;
    	height:38px;
    	border-top:3px solid #B8E2E6;
        border-bottom:3px solid #B8E2E6;
    	width:100%;
         
    }
    	
    .menuitemfirst
    {
    	
    	margin-left:150px;
    }
    
    .facebookicon
    {
    	float:right;
    }
    
    .menuitem
    {
    	float:left;
    	padding:11px 58px;
    	color:#629DBE;
    	font-family:Arial;
    	font-size:16px;
    	cursor:pointer;
    	font-weight:bold;
    }
    
    .menuitem:hover
    {
    	color:#444444;
    }
    
    #footer
    {
    	width:100%;
    	margin:auto;
    	
    }
    
    #innerfooter
    {
    	min-height:50px;
    	background-color:#D5EEF0;
    	/*background-image: url(Images/whitebg.png);*/
    }
    
    #footerline
    {
    	background-color:#B8E2E6;
    	height:5px;
    }
    
    #footerwording
    {
    	padding:5px;
    }
    
    .footertable
    {
    	width:100%;
    	font-family:Arial;
    	font-size:12px;
    }
    
    .footertable .image
    {
    	width:180px;
    	vertical-align:middle;
    }
    
    .footerlinks
    {
    	color:#666666;
    	text-align:center;
        line-height:30px;
        box-sizing:border-box;
    }
    
    .footerlinks a
    {
    	color:#666666;
    	text-decoration:none;
    	padding:0px 15px;
    	cursor:pointer;
    }
    
    .footerlinks a:hover
    {
        text-decoration:underline;
    }
    
    h1
    {
    	border:1px solid #9F71FF; 
    	padding:5px; 
    	margin:5px 0px; 
    	background-color:#CEB7FF; 
    	color:#444444; 
    	font-size:18px;
    }
    
    #DivThought
    { font-family:Arial;
      color: #9F71FF;
      width:980px;
      padding:5px;
      /*border:solid 2px #9F71FF;*/
      background-color:#CEB7FF;
      font-size:30px;
    }
    
    .SliderCaption
    {
    	height:120px; 
    	color:White; 
    	font-family:Arial Narrow, Arial; 
    	width:100%; 
    	text-align:left; 
    	padding:20px 60px 20px 10px; 
    	background-image: url(../images/black.png);
        box-sizing:border-box;
	}
	
	#wording span
	{
		padding-top:10px;
		display:block;
		font-size:14px;
		color: #629DBE;
		
	}
	
	.SliderCaption h2, #BOuter h2, #WelcomeDetails h2, .priceholderwords h2, #wordingframe h2, #audetails h2, #B1Outer h2, #ClassLocation h2
	{
		font-size:30px;
		font-family:Arial Narrow, Arial; 
		font-weight:normal;
		margin-bottom:5px;
		margin-top:0px;
		
	}
	
	.priceholderwords h2
	{
		padding-left:10px;
		padding-top:10px;
	}
	
	.btn
    {   
	    font-size:15px; 
	    height:30px; 
	    width:95px; 
	    background-color:#222222; 
	    border:none; 
	    color:White;
	    cursor:pointer;
	}

    .btn:hover
    {
	    background-color:#444444;
    }
    
    .HomeMessage
    {
    	
    	color:White; 
    	font-family:Arial Narrow, Arial; 
    	width:100%; 
    	text-align:left; 
    	background-image: url(../images/black.png);
        margin-bottom:10px;
	}
	
	.HomeMessage a
	{
		color:White;
		text-decoration:none;
		
	}
	
	
	.HomeMessage a:hover
	{
		color:White;
		text-decoration:underline;
		
	}


.openningBanner {
    background-image: url('../images/bgimages/bg3.JPG');
    background-position-y:center;
    background-position-x:center;
    background-size:cover;
    position:relative;
}

#hbWording {
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 30px;
    left: 0px;
}

.wordOuter {
    float:left;
    box-sizing: border-box;
    width: 33.3333%;
    padding: 15px;
}

.row {
    width: 100%;
    max-width: 1360px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}


.bgRow {
    background-color: rgb(184,226,230,0.2);
    width:100%;
    min-height:300px;
}

.pageH2 {
    font-family: Arial Narrow, Arial;
    font-size: 30px;
    text-align: center;
    
    margin:0px;
    margin-bottom:10px;
    padding-bottom:10px;
}


#mainLogo {
    content:url(../images/logo.png);

}

#mobileMenu {
    display: none;
}

.fContactMob {
        display: none;
    }

#topDiv {
width:100%;

padding:40px 20px;
box-sizing:border-box;
background-position-y:bottom;
    background-position-x:center;
    position:relative;
}


.pageHeader {
    width: 100%;
    max-width: 1000px;
    background-image: url(../images/black.png);
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    color: white;
    margin:auto;
    text-align:center;
}

    .pageHeader a {
        cursor: pointer;
    }

    .pageHeader a:hover {
        text-decoration: underline;
    }


.cols2 {
    float: left;
    padding: 20px;
    box-sizing: border-box;
    width: 50%;
}


.h2SubHeader {
    font-size: 30px;
    font-family: Arial Narrow, Arial;
    font-weight: normal;
    margin-bottom: 5px;
    margin-top: 0px;
}

.homeInner a {
    text-decoration:none;
}


#GVTestimonials td {
    border-bottom: 1px solid #629DBE;
    padding:20px;
}

.alerts {
    background-color: #f2dede;
    border: solid 1px #ebccd1;
    color: #a94442;
    padding: 15px !important;
    margin-bottom:20px;
}

#thanksForm {
    text-align: center;
    width: 100%;
    max-width: 80%;
    margin: auto;
    border-top: 1px solid #B8E2E6;
    padding: 30px;
    margin-top: 20px;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    #header {
        position: fixed;
        height:129px;
        border-bottom:3px solid #B8E2E6;
    }

    #logo {
        margin-top: -10px;
        
    }

    #content {
        padding-top: 0px;
    }

    #headerouter {
        height: 132px;
    }

    #menu {
            position: fixed;
    top: 129px;
    z-index: 9999999;
    background-color: white;
    display: none;
    height:auto;
    border-bottom:3px solid #629DBE;
    }

    .menuitem {
        padding: 20px 20px;
        border-bottom: 1px solid;
        font-size: 20px;
        float:none;
        background-color: white;
    }

    .menuitemfirst {
        margin-left: 0px;
    }

    #mobileMenu {
    position:fixed;
        top:15px;
    right:10px;
    display:block;
    }
    
    #wording a {
        display: none;
    }

    #wording {
        padding-top: 40px;
    }

    .SliderCaption {
        height: 180px;
        padding: 10px 10px 10px 10px;
    }

    #hbWording {
        height: 180px;
    }
}


@media (max-width: 768px) {
    .SliderCaption {
        height: 240px;
    }

    #hbWording {
        height: 240px;
    }
}

/*  Mobile */

@media (max-width: 420px) {
    #mainLogo {
        content: url(../images/logosml.png);
        z-index:999999;
    }

    #logo {
        margin-top: 0px;
        
    }

    #content {
        padding-top: 0px;
    }
    #wording
{
        display:none;
}

    #header {
        height:44px;
        margin-bottom:10px;
        border-bottom:2px solid #B8E2E6;
        position:fixed;
        top:0px;
    }

    #headerouter {
        height: 44px;
    }

    #menu {
            position: fixed;
    top: 44px;
    z-index: 99999;
    background-color: white;
    }

    .menuitem {
        padding: 20px 20px;
        border-bottom: 1px solid;
        font-size: 20px;
        float:none;
        background-color: white;
    }

    .menuitemfirst {
        margin-left: 0px;
    }

    #mobileMenu {
    position:fixed;
        top:0px;
    right:10px;
    display:block;
    }


    .wordOuter {
        width: 100%;
        float: none;
        padding:10px;
    }

    #hbWording {
        bottom: 10px;
        height:auto;
    }

    .SliderCaption {
        height: 50px;
        padding: 10px 60px 10px 10px;
    }

    .SliderCaption h2 {
        font-size:25px;
    }

    .openningBanner {
        background-image: url('../images/bgimages/bg3_mob.JPG');
    }

    .homeImage {
        max-width: 100%;
    }
    
    #menu {
        display: none;
    }

    .pageH2 {
        font-size: 27px;
    }

    .fContact {
        display: none;
    }

    .fContactMob {
        display: block;
            font-size: 14px;
    line-height: 20px;
    padding: 10px;
    }

    .fCopy {
        font-size:13px;
    }

    .image, .images {
        display: none;
    }

    .footerlinks {
        padding: 10px 0px 0px 0px !important;
        font-size:12px;
    }

        .footerlinks a {
            padding: 0px 8px;
        }

    .cols2 {
        float: none;
        width: 100%;
        padding:0px;
    }
}

@media (max-width: 420px) {
    .SliderCaption h2, #BOuter h2, #WelcomeDetails h2, .priceholderwords h2, #wordingframe h2, #audetails h2, #B1Outer h2, #ClassLocation h2 {
        font-size: 20px;
        
    }

    .pageH2 {
        font-size: 22px;
    }
}