/*===================Foundation Start=========================*/

html {
    overflow-y: scroll;
}

html, body {
    height: 100%;
	background: #022b3d;
	background-image: url("../images/background-gradient3.jpg");
    background-position: center; 
    background-repeat: repeat-y; 
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color:#FFF;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
}

.contentMask{
	position: fixed;
	z-index: 20;
	height:20px;
	width:1920px;
	background-image: url("../images/background-gradient3.jpg");
	margin:auto;
    background-position: center; 
    background-repeat: repeat-y; 
	left:50%;
	margin-left:-960px;
}

/*===================Foundation End=========================*/


/*===================HyperLinks Start=========================*/

a:link,
a:anchor,
a:visited{
    text-decoration: none;
    color: #35C5DE;
}

a {
    text-decoration: none;
    color: #FFFFFF;
}


a.menuButton:hover {
  color: #35C5DE ;
  text-decoration: none;
}

/*===================HyperLinks End=========================*/


/*===================Copy Start=========================*/

h1 {
    font-size: 26px;
    font-family: swis721_btbold, Arial, sans-serif;
    text-align: left;
    
}

h2 {
    font-size: 22px;
    font-family: swis721_btbold, Arial, sans-serif;
    text-align: left;
    
}
.bluePageHeader {
    color: #FFFFFF;
}

.whitePageHeader {
    color: #0F616F;
}

/*===================Copy End=========================*/


/*===================General Layout Start=========================*/

.serperator {
    width:960px; 
    height:40px; 
    position:relative; 
    background-color:#1A1A1A; 
    margin:auto;
}

.headingSection{    
    position:relative; 
    width: 200px; 
    float: left;  
    color:#FFF; 
    z-index:4;          
    padding: 0px 45px;
    padding-bottom: 10px;    
}

.circle {
  position:relative;
  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  border-radius: 50%;
  width: 200px;
  height: 200px; 
  background-color: #FFF;
  z-index:0;
}

/*===================General Layout End=========================*/


/*===================Menu Start=========================*/
.buttonSeperator{
    position: relative;
    width:2px; 
    height:19px;
    float: left; 
    background-color:#72AA44;
    top: 10px;
    left: 100px;
      
}

.menuButton{
    position: relative;
    top: 10px;
    left: 100px;
    float: left;
    height: 27px;
    cursor: pointer;
    margin: auto;
    font-size: 16.6px;
    padding: 0px 15px;
    font-family: swis721_ltex_btlight, Arial, sans-serif;
}


/*===================Menu End=========================*/



/*===================Blue Pages Start=========================*/

.blueheader{
    position:relative;
    width: 570px; 
    color:#FFF; 
    z-index:4;         
    background-image: url("../images/bluepageborder.png"); 
    background-position: bottom; 
    background-repeat: repeat-x;
	text-align:left;
}


.bluePageTitle{
    position:relative; 
    width: 200px; 
    text-align: center; 
    font-family: BebasNeueRegular, Arial, sans-serif; 
    font-size:50.6px;
	line-height: 90%; 
    color:#FFF;    
	padding-top:12px;   

}



.bluePage {
    width:960px; 
    min-height:200px; 
    position:relative; 
    background-color: #00A5DA; 
    margin:auto; 
	padding-top:27px;
    padding-bottom:50px;
}


.blueContent{
    position:relative; 
    width: 570px; 
    float: left; 
    margin-top: 0px; 
    text-align: justify; 
    color:#FFF; 
    z-index:4;         
    padding: 0px 44.75px;
    background-image: url("../images/bluepageborder.png"); 
    background-position: left center; 
    background-repeat: repeat-y;
}

/*===================Blue Pages End=========================*/


/*===================White Pages Start=========================*/

.whiteheader{
    position:relative;
    width: 570px; 
    color:#FFF; 
    z-index:4;         
    background-image: url("../images/whitepageborder.png"); 
    background-position: bottom; 
    background-repeat: repeat-x;
}


.whitePageTitle{
    position:relative; 
    width: 200px; 
    text-align:  center; 
    font-family: BebasNeueRegular, Arial, sans-serif; 
    font-size:50.6px;
	line-height: 90%;
    color:#0F616F;   
	padding-top:12px;     

}

.whitePage {
    width:960px; 
    min-height:200px; 
    position:relative; 
    background-color:#FFFFFF; 
    margin:auto; 
	padding-top:27px;
    padding-bottom:50px;
}

.whiteContent{
    position:relative; 
    width: 570px; 
    float:left; 
    margin-top: 0px; 
    text-align:justify; 
    color:#0F616F; 
    z-index:4;
    padding: 0px 44.75px;
    background-image: url("../images/whitepageborder.png"); 
    background-position: left center; 
    background-repeat: repeat-y;
}

/*===================White Pages End=========================*/


/*===================Contact Form Start=========================*/

form {
    width: 510px;
    margin: 5px;
}
	
label
  { width: 150px;
    float: left;
    text-align: left;
    margin: 10px 10px;
    clear: both;
}
	
input
  { font-family: Arial, Verdana sans-serif; 
    font-size: 12px;
    margin: 10px;
    border: 1px solid #006;
    width: 300px;
	padding:5px 5px;
    }
	
textarea { 
	font-family:Arial, Verdana sans-serif; 
    font-size: 12px;
    margin: 10px;
    border: 1px solid #006;
    width: 300px;
	padding:5px 5px;
}
	
input[type="submit"]
  { float: none;
    font-family:swis721_btbold, Arial, Verdana, sans-serif; 
    font-size: 22px;
    color: #FFFFFF;
    clear: both;
    height: 50px;
    width: 100px;
    border: none;
    background-color:#00A5DA;
    cursor: pointer;
}

.alerttext{
	color:#F00;
	font-size:16px;
}
    
/*===================Contact Form End=========================*/