@font-face
{
font-family: 'SourceSansPro-regular';
src:url("http://modularfinancials.com/Font/SourceSansPro-Regular.otf") format('opentype');
font-weight:normal;
}

@font-face
{
font-family: 'SourceSansPro-light';
src:url("http://modularfinancials.com/Font/SourceSansPro-Light.otf") format('opentype');
font-weight:normal;
}

@font-face
{
font-family: 'SourceSansPro-bold';
src:url("http://modularfinancials.com/Font/SourceSansPro-Semibold.otf") format('opentype');
font-weight:normal;
}


@font-face
{
font-family: 'PT-Sans';
src: url("http://modularfinancials.com/Font/PTC55F.ttf") format('truetype');
}

@font-face
{
font-family: 'OpenSans-Bold';
src: url("http://modularfinancials.com/Font/OpenSans-Bold.ttf") format('truetype');
font-weight:bold;
}

@font-face
{
font-family: 'OpenSans-Regular';
src: url("http://modularfinancials.com/Font/OpenSans-Regular.ttf") format('truetype');
font-weight:normal;
}

@font-face
{
font-family: 'OpenSans-Light';
src: url("http://modularfinancials.com/Font/OpenSans-Light.ttf") format('truetype');
font-weight:normal;
}

body, p {font-family: 'Helvetica', 'Sans-Serif', 'Arial'; margin: 0px; padding: 0px; text-decoration:none}

a {text-decoration: none;}

li {list-style: none;}


/*______________________ Top menu dropdown ______________________ */


.topmenubar_wrapper {width:100%; height:50px; z-index:999;background-color: #FFF; border-bottom: 1px solid #ccc; text-align:center; margin:0 auto;}	
	
.topmenubar{width: 1010px;  height: 48px;background-color: #FFF;z-index:999;display:block;  min-width:980px;margin: 0 auto; }
	
#main-nav {display:inline;z-index:102;margin-top:0px; margin-bottom:0px; font-family: 'Helvetica', 'Arial', 'Sans-Serif';}

#main-nav ul{ margin:0px ; padding: 0px; float:left;}

#main-nav ul li a{ margin:0px 10px 0px 10px; padding: 16px 0px 10px 0px; float:left; text-align:center; width: 120px; text-decoration:none; color: #069;}

#main-nav ul li a#topmenubar_registration{margin-left:20px;}
#topmenubar_registration:hover {border-bottom:6px solid #F9A25E;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#topmenubar_accounting:hover {border-bottom:6px solid #6dcff6;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#topmenubar_humanresource:hover {border-bottom:6px solid #00A65D;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#topmenubar_tuneup:hover {border-bottom:6px solid #7AA0D4;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#topmenubar_taxandgst:hover {border-bottom:6px solid #EC6675;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#topmenubar_branding:hover {border-bottom:6px solid #8CC747;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#topmenubar_rates:hover {border-bottom:6px solid #016699;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.topmenubar_wrapper:hover {opacity:1;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#topmenubar_rates{padding-right:0px;margin-right:0px;}
a#topmenubar_rates{margin-right:0px;}

/*________________Package Sidebar_____________________*/
#packagesidebar{position: fixed; width: auto; height: 18px; background-color:#e75404;  z-index:99999; margin-left: -58px; bottom:20%; padding: 25px 30px 15px 30px; border-radius: 0px 0px 10px 10px; opacity:0.9; border-left: 2px solid #F1F1F1; border-right: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; display:block; box-shadow: -1px 1px 5px #000; transform:rotate(-90deg);-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); color: #FFF; text-decoration: none; }

#packagesidebar:hover{opacity:1;}


html {  -webkit-font-smoothing: antialiased;}

#page-wrapper {  width: 360px;  background: #FFFFFF;  margin: 0px 0px 0px 10px;}
.field {  margin: 1em 0;}

label {  display: block;  margin-top: 1em;  margin-bottom: 0.5em;  color: #999999;}

input {  width: 100%;  padding: 0.5em 0.5em;  font-size: 1.2em;  border-radius: 3px;  border: 1px solid #D9D9D9;}

textarea {  width: 100%;  height:150px;  max-height: 150px;  max-width: 360px;  padding: 0.5em 0.5em;  font-size: 1.2em;  border-radius: 3px;  border: 1px solid #D9D9D9;}

button {  display: inline-block;  border-radius: 3px;  border: none;  font-size: 0.9rem;  padding: 0.5rem 0.8em;  background: #e75404;  border-bottom: 1px solid #498b50;  color: white;  -webkit-font-smoothing: antialiased;  font-weight: bold;  margin: 0;  width: 378px;  text-align: center;  opacity: 0.9;}

button:hover, button:focus {  opacity: 1;  cursor: pointer;}

button:active {  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;}

.success {  padding: 1em;  width: 345px;  margin-top:10px;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);  color: #468847;  background-color: #dff0d8;  border: 1px solid #d6e9c6;  -webkit-border-radius: 4px;     -moz-border-radius: 4px;          border-radius: 4px;}

.error {  padding: 1em;  width: 345px;  margin-top: 10px;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);  color: #b94a48;  background-color: #f2dede;  border: 1px solid rgba(185, 74, 72, 0.3);  -webkit-border-radius: 4px;     -moz-border-radius: 4px;          border-radius: 4px;}

::-webkit-input-placeholder {   font-family:'helvetica','Arial'; font-size:16px;}

:-moz-placeholder { /* Firefox 18- */   font-family:'helvetica','Arial'; font-size:16px;}

::-moz-placeholder {  /* Firefox 19+ */   font-family:'helvetica','Arial'; font-size:16px;}

:-ms-input-placeholder {    font-family:'helvetica','Arial'; font-size:16px;}



.overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#333;
    opacity:0.8;
    z-index:9999991;
}
.overlay-message{
   position: fixed;
    top:50%;
	left:50%;
	margin-top:-292px;
	margin-left:-200px;
    width:400px;
    min-height:500px;
    background-color:#fff;
    opacity:1;
    z-index:9999992;
	border-radius: 10px;
}

.mailsent{
   position: fixed;
    top:50%;
	left:50%;
	margin-top:-245px;
	margin-left:-230px;
    width:460px;
    height:490px;
    background-color:#fff;
    opacity:1;
    z-index:9999992;
	border-radius: 10px;
}