html,body {
margin: 0;
padding: 0;
border: 0;
}
body {
width: 100%;
height: 100%;
font-family: Lato;
background-color: #fff;
}
a {
text-decoration: none;
display: inline-block;
width: 100%;
}
.clear {
clear:both;
}
.float {
float: left;
}
.MainContent {
width: 1200px;
height: 100%;
margin: 0 auto;
}
.Header {
width: 1200px;
height: 120px;
padding-top: 20px;
}
.HeaderLeft {
float: left;
}
.HeaderLogo {
background: url('../images/Logo.png');
width: 230px;
height: 50px;
}
.HeaderLogo a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.HeaderInfo {
padding-top: 15px;
color: #656565;
font-family: Lato;
font-size: 14px;
}
.HeaderInfo span {
color: #A710A6;
font-weight: bold;
padding-right: 5px;
}
.HeaderRight {
float: right;
}
.HeaderRightTop {
padding-top: 5px;
}
.HeaderRightTopButton {
float: right;
text-indent: 20px;
height: 25px;
line-height: 25px;
opacity: 0.5;
font-size: 15px;
font-weight: bold;
color: #3B3B3A;
margin-left: 10px;
}
.HeaderRightTopButton a {
color: #3B3B3A;
}
.HeaderRightTopButton:hover {
opacity: 1.0;
color: #3B3B3A;
}
.HeaderRightTopButtonIcon1 {
background: url('../images/icon1.png') no-repeat;
}
.HeaderRightTopButtonIcon2 {
background: url('../images/icon2.png') no-repeat;
}
.HeaderRightTopButtonIcon3 {
background: url('../images/icon3.png') no-repeat;
}
.headerRightBottom {
margin-top: 35px;
}
.headerRightBottomButton {
font-size: 18px;
color: #323232;
float: left;
padding-left: 15px;
padding-right: 15px;
border-right: 2px solid #A710A6;
line-height: 18px;
height: 18px;
}
.headerRightBottomButton a {
color: #323232;
}
.banner {
width: 1200px;
height: 237px;
background: url('../images/banner.png');
position: relative;
}
.bannerLine {
width: 1200px;
height: 72px;
line-height: 72px;
background-color: #A712A6;
text-align: center;
}
.position {
position: absolute;
margin-top: 83px;
}
.bannerLinetext1 {
display: inline-block;
color: #fff;
font-size: 30px;
}
.bannerLineicon {
display: inline-block;
background: url('../images/bannericon.png');
width: 49px;
height: 50px;
margin-top: -10px;
vertical-align: middle;
}
.bannerLinetext2 {
display: inline-block;
color: #fff;
font-weight: 300;
font-size: 30px;
}
.blueLine {
width: 1200px;
height: 61px;
background-color: #33ABB1;
margin-top: 10px;
}
.blueLinetitle {
float: left;
color: #fff;
font-size: 30px;
line-height: 61px;
padding-left: 20px;
font-weight: bold;
}
.blueLinebuttons {
float: right;
height: 19px;
margin-top: 21px;
}
.blueLinebutton1 {
background: url('../images/facebook.png');
width: 10px;
height: 19px;
float: left;
margin-right: 20px;
cursor: pointer;
}
.blueLinebutton2 {
background: url('../images/twitter.png');
width: 16px;
height: 19px;
float: left;
margin-right: 20px;
cursor: pointer;
}
.blueLinebutton3 {
background: url('../images/youtube.png');
width: 16px;
height: 19px;
float: left;
margin-right: 20px;
cursor: pointer;
}
.greyContainer {
width: 1200px;
background-color: #F1F1F1;
margin-top: 10px;
padding-bottom: 10px;
}
.greyContainerButtons {
float: left;
width: 152px;
padding-left: 15px;
}
.greyContainerButton {
width: 137px;
height: 152px;
background-color: #323232;
color: #fff;
padding-left: 15px;
font-size: 18px;
line-height: 26px;
margin-top: 10px;
}
.greyContainerButtonSmall {
width: 137px;
height: 142px;
background-color: #323232;
color: #fff;
padding-left: 15px;
font-size: 18px;
line-height: 26px;
margin-bottom: 4px;
}
.greyContainerButton a {
color: #fff;
display: inline-block;
width: 137px;
height: 132px;
display: table-cell;
vertical-align: bottom;
padding-bottom: 20px;
}
.greyContainerButtonSmall a {
color: #fff;
display: inline-block;
width: 137px;
height: 132px;
display: table-cell;
vertical-align: bottom;
padding-bottom: 20px;
}
,.greyContainerButton:hover {
background-color: #A712A6;
}
.greyContainerButtonSmall:hover {
/*background-color: #A7\12A6;*/
}
.greyContainerShapes {
width: 443px;
height: 624px;
padding: 12px 7px;
float: left;
}
.greyContainerForm {
float: left;
width: 576px;

}
.formTitle {
font-size: 30px;
color: #A712A6;
font-weight: bold;
padding-top: 45px;
}
.formText {
font-size: 18px;
color: #323232;
padding-top: 45px;
}
.formText span {
font-weight: bold;
}
.textAndSelect {
margin-top: 20px;
}
.selectText {
float: left;
width: 127px;
height: 47px;
line-height: 47px;
font-weight: bold;
font-size: 18px;
color: #323232;
margin-top: 12px;
}
.customSelect {
float: left;
height: 47px;
position: relative;
}
.Select {
height: 47px;
border: none;
width: 412px;
line-height: 47px;
color: #323232;
margin-top: 12px;
cursor: pointer;
font-size: 16px;
padding-left: 20px;
}
.selectArrow {
position: absolute;
width: 41px;
height: 47px;
background: url('../images/select.png');
top: 12px;
right: 0;
pointer-events: none;
cursor: pointer;
}
.formButton {
width: 187px;
height: 45px;
color: #fff;
line-height: 45px;
text-align: center;
font-size: 20px;
background-color: #323232;
float: right;
margin-right: 37px;
margin-top: 25px;
}
.formButton :hover {
background-color: #A712A6;
}
.formButton a {
color: #fff;
}
.border {
width: 1200px;
border-top: 1px solid #323232;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}
.footer {
height: 250px;
width: 1200px;
background-color: #323232;
}
.footerCell {
float: left;
padding-left: 40px;
padding-top: 50px;
}
.footerCellTitle {
color: #fff;
font-size: 14px;
padding-bottom: 20px;
}
.footerCell a {
color: #33ABB1;
font-size: 14px;
}
.footerCell a:hover {
text-decoration: underline;
}
.footerImages {
float: right;
padding-top: 50px;
padding-right: 40px;
}
.footerImg1 {
width: 191px;
height: 80px;
background: url('../images/footerImg1.png');
}
.footerImg2 {
width: 191px;
height: 39px;
background: url('../images/footerImg2.png');
margin-top: 25px;
}
.contentImg {
float: left;
width: 582px;
height: 540px;
background: url('../images/content.png');
margin-left: 18px;
margin-top: 25px;
margin-bottom: 15px;
}
.contentText {
float: left;
width: 550px;
padding-top: 45px;
padding-left: 25px;
padding-right: 25px;
font-size: 14px;
color: #323232;
text-align: justify;
}
.contentTitle{
font-size: 30px;
color: #A710A6;
padding-bottom: 40px;
}
.mainPageBanner {
width: 1200px;
}
.mainPageBannerMenu {
width: 254px;
height: 234px;
background-color: #33ABB1;
float: left;
margin-bottom: 8px;
}
.mainPageBannerMenuCell {
height: 39px;
line-height: 39px;
color: #fff;
padding-left: 26px;
font-size: 15px;
}
.mainPageBannerMenuCell:hover {
background-color: #323232;
}
.mainPageBannerMenuCell a {
color: #fff;
}
.mainPageBannerImg {
float: left;
height: 234px;
width: 942px;
background: url('../images/banner2.png');
margin-left: 4px;
}
.mainPageBannerText {
width: 928px;
height: 236px;
background: url('../images/banner3.png');
display: table-cell;
vertical-align: bottom;
font-size: 30px;
color: #323232;
text-indent: 25px;
}
.BotText {
padding-bottom: 15px;
}
.mainPageContent {
width: 1200px;
margin-top: 8px;
}
.mainePageContentImg {
width: 356px;
height: 579px;
background: url('../images/img1.png');
float: left;
}
.mainPageGreyCont {
float: left;
width: 612px;
height: 519px;
background-color: #F1F1F1;
margin-left: 10px;
padding: 30px;
}
.mainePageGreyContTitle {
font-size: 30px;
font-weight: bold;
color: #A712A6;
padding-top: 5px;
}
.mainpageGreyContText {
font-size: 14px;
text-align: justify;
margin-top: 50px;
color: #323232;
}
.latestNewsCont {
width: 1200px;
margin-top: 7px;

}
.latestNewsCell {
width: 355px;
height: 275px;
background-color: #F1F1F1;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
float: left;
}
.latestNewsCellImg {
width: 355px;
height: 140px;
background: url('../images/img2.png');
}
.latestNewsCellTitle {
font-size: 18px;
color: #323232;
padding-top: 15px;
font-weight: bold;
}
.latestNewsCellText {
color: #323232;
font-size: 14px;
padding-top: 15px;
text-align: justify;
}
.latestNewsCellText a {
color: #A710A6;
text-decoration: underline;
}
.latestNewsCellText a:hover {
font-weight: bold;
}
.latestNewsTwitter {
width: 355px;
height: 60px;
background-color: #24B4FF;
}
.twitterIcon {
height: 60px;
width: 60px;
float: left;
background: url('../images/twittericon.png');
}
.twitterText {
float: left;
color: #fff;
font-size: 24px;
line-height: 20px;
padding-top: 10px;
padding-left: 20px;
}
.twitterText span{ 
font-size: 14px;
}



.canvas {
height: 554px;
}