@font-face {
    font-family: 'compassmedium';
    src: url('compass/compass_0-webfont.eot');
    src: url('compass/compass_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('compass/compass_0-webfont.woff2') format('woff2'),
         url('compass/compass_0-webfont.woff') format('woff'),
         url('compass/compass_0-webfont.ttf') format('truetype'),
         url('compass/compass_0-webfont.svg#compassmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
a { text-decoration:none}
html {overflow-y:scroll;}
body {margin:0px;padding:0px}
.outer {background-position: center top;margin: 0px;padding: 0px;border: 0px solid #000;width: 100%;background-image: url('../assets/bg.jpg');background-repeat: no-repeat;background-attachment: fixed;}
.outer1
{
    background-image: url('../assets/bot_bg.jpg');
    background-repeat: repeat-x;
    background-position: center bottom;
}
.outer2
{
    background-image: url('../assets/top_bg.jpg');
    background-repeat: repeat-x;
    background-position: center top;
}    
#main {width:1000px; border:0px solid #000; margin:auto; background-color:white; background-image: url('../assets/top_bg.jpg');background-repeat: repeat-x;background-position: center top;}

#topbar {width:100%; border-bottom:0px solid #ccc; height:160px; margin:0px auto 0px auto}
.hpdetails {width:100%; height:28px; float:left; text-align:center; color:#797979; font-family:tahoma; font-size:12px; border:0px solid #000}
.hpdetails a { text-decoration:none; color:#797979;}

#mainbar {width:980px; height:100px; clear:both; margin:0px auto 0px auto;}
#logo {width:370px; border:0px solid #000; height:100px; float:left; margin-left:10px}
#menu {width:822px; border:0px solid #000; height:100px; float:left}

#header {font-family:Arial;color: #00608d;background-position: center top;width: 9600px;height: 35px;text-align: center;border-bottom: 1px dashed #cccccc;margin:0px; padding:0px; margin:0px auto 0px auto}
#header h1 {font-family:Arial; color:#00608d; font-size:20px; padding:0px; margin:0px; float:left; padding-top:12px;margin-left:4px}
#header p {font-family:Arial; color:#00608d; float:left; margin-left:10px; padding-top:6px}

#headerinner {width:1200px; height:50px; clear:both; margin:0px auto 0px auto; text-align:left}

#content {width:960px; clear:both; margin:0px auto 0px auto; min-height:800px}
#feature { margin:0px auto 0px auto;background-position: left center;width: 964px;height: 400px; clear:both}
#pagecontent {width:960px; min-height:400px; padding:10px; padding-top:20px; font-family:Arial; font-size:15px; line-height:24px}


#featuresarea {width:964px; margin:0px auto 0px auto;font-family:tahoma; clear:both}
#featuresarea h2 {font-size:24px; color:#35a7dc}
#featuresarea p {font-size:14px; color:#797979}
#feature1 {width:442px; height:250px; float:left; padding:20px; padding-top:5px; background-color:#eff5ff}
#feature2 {width:442px; height:250px; float:left; padding:20px; padding-top:5px; background-color:#eff5ff}
#featurea {width:201px; height:300px; float:left; background-color:#f4f4f4; text-align:center; padding:20px; font-size:14px}
#featureb {width:201px; height:300px; float:left; background-color:#eae9e9; text-align:center; padding:20px; font-size:14px}
#featurec {width:201px; height:300px; float:left; background-color:#f4f4f4; text-align:center; padding:20px; font-size:14px}
#featured {width:201px; height:300px; float:left; background-color:#eae9e9; text-align:center; padding:20px; font-size:14px}
.title {font-weight:bold; color:#797979; font-size:18px}

#bottombar {width:100%; background-color:#35a7dc; height:50px; font-family:Tahoma; color:White; font-size:12px;clear:both;}
.bottombarleft {width:400px; float:left}
.bottombarright {width:600px; float:right; text-align:right; margin-right:20px; padding-top:15px}
#bottombar a {color:White; text-decoration:none}

#bottommenu {width:100%; background-color:#f2f2f2; height:300px; font-family:Tahoma; color:White; font-size:12px; clear:both; display:none}

.menuoption {width:95px; height:95px; float:left; font-family:Arial; font-size:11px; border-radius:10px; margin-top:5px; border:0px solid #eff5ff}
.menuoption p { margin-top:-4px}
.menuoption:hover {border:0px solid #000}

#leftmenu {background-color:#f7f7f7;padding:13px;float:left; width:220px; min-height:400px; border:1px dashed #797979; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;-khtml-border-radius: 10px; margin-top:40px}
#leftmenu .header {font-family:Arial; font-size:14px; font-weight:bold; margin-left:10px}
#leftmenu p {font-family:Arial; font-size:12px; margin-left:25px}
#leftmenu p a {color:Black; text-decoration:none}
#leftmenu p a:hover {color:Black; text-decoration:underline}

#rightcontent {float:left; width:880px; min-height:400px; padding:30px; padding-top:40px; font-family:Arial; font-size:15px; line-height:24px}

#contentheader
{
    width: 100%;
    font-family: Arial;
    font-size: 24px;
    color:White;
    height: 40px;
    border-top: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 25px;
    clear: both;
    background-image: url('../assets/pages_content/header.jpg');
    background-position: top;
    background-repeat: no-repeat;
}

.Overlay {position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:#000;  background-color: rgba(0, 0, 0, 0.5); z-index:100000;}
.ContactForm {margin: auto;margin-top: 100px;z-index: 2001;padding: 10px;width: 750px;height: 480px; background-color:white; border:2px solid #03a6ff}
.ContactFormButton {position:relative; top:175px; left:375px;}