@charset "utf-8";

/* CSS Document for Joomla 3 styles */



/* ===========================

	FONT STYLES

	========================== */

body {

	font-family: Verdana, Geneva, sans-serif;

	padding-top: 10px;

	padding-bottom: 40px;
	
	background-color: #baa681;
    
	border-top: 3px solid #721e20;

}

a {
	color:#000000;
}

a:hover {
	color:#000000;
}



h1, h2, h3, h4, h5, h6 {

	font-family: 'Open Sans Condensed',sans-serif;

	font-weight: 700;

}



h1,
#userForm > h2 {

  font-size: 30px;

  line-height: 34px;
  
  color: #752124;

}



h2 {

  font-size: 26px;

  line-height: 30px;

}



h3 {

  font-size: 22px;

  line-height: 26px;

}



h4 {

  font-size: 18px;

  line-height: 20px;

}



h5 {

  font-size: 14px;

  line-height: 20px;

}



h6 {

  font-size: 12px;

  line-height: 20px;

}



/* ======================

	GENERAL STYLES

	===================== */

/* Write your general styles here */

.navbar {
	background-color:#752124;	
}

.container-content {
    margin-top: 140px;
}

.item-page {
  background-color: #d6cab3;
  background-image: linear-gradient(to bottom, #fff, #d6cab3);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
  min-height: 40px;
  padding:20px;
}

.navbar-inner {
    background-color: #D6CAB3;
    background-image: linear-gradient(to bottom, #fff, #D6CAB3);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

#branding {
	margin-top:10px;	
}

#phone {
	text-align:right;	
}

.home_feature {
	background-image: url(../images/home_image.jpg);
	margin: 0 10px 0 10px;	
}

.home_feature_content {
	padding: 10px 0 10px 0;
	margin: 25px 0 125px 0;
	background-color:rgba(255, 255, 255, 0.30);
}

#home_sub_feature img{
    opacity: 0.65;
    filter: alpha(opacity=65); /* For IE8 and earlier */
}

#home_sub_feature img:hover{
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.home_sub-feature_item, .home_sub-feature_item a {
	margin-top:225px;
	background-color:rgba(117, 33, 36, 0.80);
	color:#ffffff;
}

.home_sub-feature1 {
	background-image: url(../images/home_accounting_bookkeeping.jpg);
}

.home_sub-feature2 {
	background-image: url(../images/home_payroll_services.jpg);
}

.home_sub-feature3 {
	background-image: url(../images/home_why_outsource.jpg);
}

.btn-primary {
  background-color: #812428;
  background-image: linear-gradient(to bottom, #812428, #752124);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #812428;
}

#mm_branding, #mm_branding a {
	text-align:right;
	font-size:12px;
	color:#333;	
}

.biosimage {
	text-align:center;
	padding:10px;
}

div#contactThankYou {
    padding: 100px 0;
    font-size: 21px;
    color: #752124;
}

#contactThankYou > p {
    padding: 10px 0;
}




/* ===================================================================================

	BOOTSTRAP MEDIA QUERIES OVERRIDES

	NOTE: The order of the media queries is important when styles overwrite each other

	==================================================================================
	
	*/ 

@media (min-width: 980px) {}

@media (min-width: 1200px) {}

@media (max-width: 979px) {}

@media (min-width: 768px) and (max-width: 979px) {}

@media (max-width: 767px) {


.container-content {
    margin-top: 0px;
}

#home_sub_feature img{
    margin: 20px 0;
}
	
	}

@media (max-width: 480px) {

	}





/* ======================

	MODULES

	===================== */



/* ----------------------

	Special module styles

	--------------------- */

/* Special general */

[class*="special"] .module-content ul {

	margin: 0 0 10px 17px;

}



[class*="special"] .module-content ul.unstyled {

	margin: 0 0 10px 0;

}



/* -------------

	Special Grey

	------------ */

.specialgrey {

    border: 1px #e6e6e6 solid;

    border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

    box-shadow: 0 2px 4px 0 #b4b4b4;

    color: #333;

	min-height: 20px;

	margin-bottom: 20px;

    background: #F5F5F5;

	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */

}



.specialgrey .page-header {

	border-bottom: 1px #ccc dotted;

	margin: 0;

	padding: 4px 19px;

}



.specialgrey .module-content {

	padding: 4px 19px;

}



/* -------------

	Special Blue

	------------ */

.specialblue {

    border: 1px #3c67a5 solid;

    border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

    box-shadow: 0 2px 4px 0 #b4b4b4;

    color: #333;

	min-height: 20px;

	margin-bottom: 20px;

	background: #507bb9; /* Old browsers */

	background: -moz-linear-gradient(top,  #507bb9 0%, #3c67a5 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507bb9), color-stop(100%,#3c67a5)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #507bb9 0%,#3c67a5 100%); /* W3C */

}



.specialblue .page-header {

	border-bottom: 1px #fff dotted;

	margin: 0;

	padding: 4px 19px;

	color: #fff;

}



.specialblue hr {

    margin: 5px 0;

}



.specialblue .module-content {

	padding: 4px 19px;

	color: #fff;

}



.specialblue .module-content a {

	color: #fff;

}



/* -------------

	Special Red

	------------ */

.specialred {

    border: 1px #990000 solid;

    border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

    box-shadow: 0 2px 4px 0 #b4b4b4;

    color: #333;

	min-height: 20px;

	margin-bottom: 20px;

	background: #ff0000; /* Old browsers */

	background: -moz-linear-gradient(top,  #ff0000 0%, #990000 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ff0000 0%,#990000 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ff0000 0%,#990000 100%); /* W3C */

}



.specialred .page-header {

	border-bottom: 1px #fff dotted;

	margin: 0;

	padding: 4px 19px;

	color: #fff;

}



.specialred .module-content {

	padding: 4px 19px;

	color: #fff;

}



.specialred .module-content a {

	color: #fff;

}



/* -------------

	Special Gold

	------------ */

.specialgold {

    border: 1px #ab7915 solid;

    border-radius: 15px;

	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

    box-shadow: 0 2px 4px 0 #b4b4b4;

    color: #333;

	min-height: 20px;

	margin-bottom: 20px;

	background: #cc9933; /* Old browsers */

	background: -moz-linear-gradient(top,  #cc9933 0%, #ab7915 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc9933), color-stop(100%,#ab7915)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #cc9933 0%,#ab7915 100%); /* W3C */

}



.specialgold .page-header {

	border-bottom: 1px #fff dotted;

	margin: 0;

	padding: 4px 19px;

	color: #fff;

}



.specialgold .module-content {

	padding: 4px 19px;

	color: #fff;

}



.specialgold .module-content a {

	color: #fff;

}