/* Main styles
****************************/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{
	margin:0px;
	background-color:#e7e7e8;
	font-family: 'Open Sans', sans-serif; font-size:16px; line-height:28px; color:#1c1c1c; 
}

h1,h2,h3,h4,h5,h6{ 
	text-rendering:optimizeLegibility; 
	margin:0px 0px 15px 0px; 
	padding:0; 
	font-weight: normal; 
}
h1{ color:#2e3192; font-size:33px; line-height:40px; margin-bottom:35px; text-align:center; font-weight: normal;}
h2{ color:#434343; font-size:15px; line-height:30px; margin-bottom:20px; text-align:center; font-weight: normal; }

a:hover, a:active{ outline: none; }
a, a:active, a:visited{ color:#42517f; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline; }

p{ margin:0px 0px 15px 0px }

strong{ font-weight:bold; }
.center{ text-align:center !important; }
.clear{ clear:both; }

#wrapper{
	margin: 0 auto;
	text-align:center;
	width:100%;
	min-width:1160px;
	font-family:font-family: 'Open Sans', sans-serif;
}
.inner{
    max-width: 1030px;
	padding:25px;
	margin:0 auto;
	display:block;
	clear:both;
}

/* header */

.contact-info{ 
	width:100%;
	display:block;
	background-color:#2e3192;
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
	clear:both;	
	font-size:20px;
	line-height:28px;
	min-height:60px;
	color:#ffffff;
}
.contact-info .inner{
	padding:15px;	
	}
.contact-info .contact-left{ 
	float:left;   
}
.contact-info .contact-right{ 
	float:right; 
}
.contact-info span{
	margin:0 10px 0 10px;
}
.contact-info a { 
	color: #ffffff;
	font-weight:normal;
}
.contact-info a:hover { 
	text-decoration: none; 
	color: #d6dbeb; 
}
.facebook img{
	height:18px; 
	width:auto;
	margin-bottom:4px;
	}

/* content */

#content {
	width:100%;
	margin:0 auto;
	display:block;
	text-align:center;
}
.main-img{
	max-width:100%;
	padding:0;
	margin:0;
	background-color:#FFF;
	text-align:right;
	max-height:412px;
	overflow:hidden;
}
.main-img .inner{
	position:relative;
	padding:0;
}
.main-img .bg-img{
	width:100%;
	max-width:809px;
	z-index:50;
}
.main-img h1{
	color:#fff;
	display:block; 
	border:none;
	position:absolute;
	clear:none;
	margin:0;padding:0;
	border-radius:5px;
	width:50%;
	padding:25px;
	top:140px;
	right:0;
	text-align:left;
	z-index:100;
	background:#00aeef;
	background: -moz-linear-gradient(left,  rgba(0,163,214,0.9) 0%, rgba(0,163,214,0) 100%); 
	background: -webkit-linear-gradient(left,  rgba(0,163,214,0.9) 0%,rgba(0,163,214,0) 100%);
	background: linear-gradient(to right,  rgba(0,163,214,0.9) 0%,rgba(0,163,214,0) 100%); 
}
#logo {
	position:absolute;
	top:135px;
	left:0;
	width:50%; 
	text-align:left;
	z-index:100;
}
#logo img{
max-width:422px;	
}

#Copy{padding:40px 0;}
#Copy p{padding:0 15px;}
#Copy p.justify{text-align:justify;}
#Copy h1{ padding-bottom:5px; border-bottom: 3px solid #00aeef;display: inline-block;clear:both;}
#Copy .copy-section{ margin-bottom:50px;margin-top:25px;}

/* ABOUT
****************************/

#Services{
	clear:both;
	text-align:center;
	font-size:14px; 
	line-height:22px;
	text-align:left;
	color: #fff;
	width:100%;
}	
#Services .section{
	margin:0px 1.5% 20px 1.5%;
	float:left;
	width:22%;
	background-color:#404041;
	border-radius:10px;
	padding:2.5%;
	min-height:340px;
}
#Services .taxation{
	background-color:#2e3192;
}
#Services .secretarial{
	background-color:#0e76bc;
}
#Services .payroll{
	background-color:#00aeef;
}
	
#Services .section h1 {	
    color: #fff;
    text-align: left;
    font-size: 23px;
	line-height:28px;
	height:45px;
	padding-bottom:0; 
	border-bottom: none;
	display: block;
}

ul.list{ 
	margin-left: -35px; 
	list-style-type:none;
}
ul.list li{ 
	margin-bottom: 8px;
	text-indent: -5px;
}
ul.list :before {
  content: "- ";
  text-indent: -5px;
}




/* Footer
****************************/

footer {
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */