/*   
Theme Name: Mavidea Super Theme
Theme URI: 
Description: Mavidea WP Super Theme
Author: Mavidea
Author URI: http://www.mavidea.com/
Template: thematic
Version: 1.1
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/************ APPLY A BASIC LAYOUT ***********/
/* ************************/
/* 2col-sidebar-right.css */
/* 2col-sidebar-left.css  */
/* 1col.css               */
/* 3col.css               */
/**************************/

@import url('layouts/1col.css');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,700,800,600');

/************ DEFINE FONTS ***********************/
html, body{ 
	font-size: 			16px;
	vertical-align: 		top !important;
	font-weight:			300 !important;
	font-style:			normal !important;
	height: 				100%;
  	width: 				100%;
  	padding: 			0;
  	margin: 				0;
  	font-family: 		'Open Sans', sans-serif;}
	
#wrapper {position: 	relative;}

.quote {background: #FAF7F1; font-size: 20px; line-height: 1.4em; padding: 20px; margin-bottom: 30px;}

/************ DEFINE HEADER TAGS *****************/
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11 {/*Applies to all Heading Tags*/
    line-height: 		1.2em;
	margin: 				0px;
	color: 				#3C3C3C;
	font-family: 		'Open Sans', sans-serif;
	display:				block;
}

h1 {
  font-size: 			40px;
  padding: 				12px 0px 10px 0px;
  font-weight: 			700;
}
	
h2 {
  font-size:	 			30px;
  font-weight: 			600;
  padding: 				10px 0px 8px 0px;
}
	
h3 { 
	font-size: 			24px; 
	font-weight: 		600;
	  padding: 			8px 0px 6px 0px;
}
	
h4 { 
	font-size: 			18px; 
	font-weight:			600;
	padding: 			6px 0px 4px 0px;
}
	
h5 {font-size:			14px; }
h6 {font-size:			12px; }
  
/************ DEFINE LINK STYLES *****************/
a,a:link, a:active, a:visited{ text-decoration:none; color:#3A3A3A; text-decoration:underline;}
a:hover{ color:#8E181E; text-decoration:underline;}

a:active {
  position: 		relative !important;
  top: 				1px !important;
}
/**************************** LAYOUT STYLES **********************/
#top-wrap {
  background: 		#FFFFFF;
  width: 			100%;
  z-index: 			1001;
  float: 			left;
  clear: 			both;
}

#top {
  margin: 			0 auto;
  position: 			relative;
  width: 			1000px;
  z-index: 			1000;}
  

.top-area-1 {
  float: 			left;
  margin: 20px 0px;
  text-align: 		center;
  width: 			1000px;
}
.top-area-1 img {height: auto;} 

.top-area-2 {
  float: 			left;
  text-align: 		center;
  margin-top: 		5px;
}
  
.top-area-3 {
  float: 			left;
  line-height: 		1.9em;
  margin-top: 		15px;
  text-align: 		right;
  width: 			282px;}

#header-wrap {
  background:		#3C3C3C;
  position: 		absolute;
  text-align: 		center;
  width: 			100%;
  z-index:			1001;
  top: 				220px;
  left:				0px;
  height:			50px;
  -webkit-box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.6);
  -moz-box-shadow:0px 1px 3px rgba(100, 100, 100, 0.6);
  box-shadow:0px 1px 3px rgba(100, 100, 100, 0.6);
}
#header-wrap.fixed { top:0px; position: fixed; }
body.admin-bar #header-wrap.fixed { top:32px;}

#header-wrap img { height: 36px; width:36px; padding: 0px 6px 0px 0px; }

#header {
	width: 			1000px; 
	margin: 			0 auto;}

.header-area-1 {}
.header-area-2 { float:right !important; color: #fff; font-size:16px; line-height: 20px; margin: 5px 24px 0px 0px; text-align:left; }
.header-area-3{
	margin:			7px 0px; 
	float:			right !important; 
	text-align: 	right;}

#container {
  padding-top: 	270px;
}

#main {
  margin: 		0px auto; 
  width: 		1000px;}

#content {
  width: 		100%;
  margin: 		20px 0 !important;
  overflow: 		hidden;
  padding: 		0px;}

.entry-content {
  color: 		#333;
  font-size: 	16px;
  font-weight:	lighter;
  line-height: 	1.5em;
  padding:		0px;}

/*--------------------- Leftsidebar TEMPLATE ---------------------*/
body.page-template-template-page-leftsidebar-php #content {
	width: 		755px !important; 
	margin: 	7px 0px 15px 15px !important;
	padding: 	0px; 
	float:		right;}
	
body.page-template-template-page-leftsidebar-php #left {
	display: 	block;}
/*--------------------- Leftsidebar TEMPLATE END -----------------*/

/*--------------------- Rightsidebar TEMPLATE ---------------------*/
body.page-template-template-page-rightsidebar-php #content {
	width: 		755px !important; 
	margin: 		15px 15px 15px 0px !important;
	padding: 	0px;
	float:		left;
}
body.page-template-template-page-rightsidebar-php #right {
	display: 	block;
}
/*--------------------- RightsidebarTEMPLATE END -----------------*/


/*--------------------- FULL WIDTH TEMPLATE ---------------------*/
body.page-template-template-page-fullwidth-php #content { 
	width: 		1000px !important; 
	padding: 	20px 0px !important; 
	float: 		none;}
	
/*--------------------- FULL WIDTH TEMPLATE END -----------------*/

/*--------------------- BLOG PAGES ---------------------*/
body.archive #content, /*Tag, Author, Category */
body.blog #content,
body.single #content,
body.search #content {
	width: 		750px !important; 
	margin: 		20px 20px 20px 0px !important;
	padding: 	0px;
	float:		left;
}
body.archive #left, 
body.category #left,
body.blog #left,
body.single #left,
body.tag #left,
body.search #left {
	display: 		block;
	float: right;
}

.stc-subscribe-wrapper .stc-categories h3 { display: none; }
.stc-subscribe-wrapper .checkbox { display: none; }
.stc-subscribe-wrapper .stc-categories .checkbox { display: block; }
.stc-subscribe-wrapper #stc-email { width: 98%; border: 1px solid #ccc; margin-bottom:5px; }
.stc-subscribe-wrapper #stc-subscribe-btn {
	background: #82132b;
    	border-radius: 4px;
	border: 0px;
	margin-top: 5px;
    color: #fff;
    cursor: pointer;
    font-family: "Open Sans",​sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px;
    text-align: center;
}
.stc-error { font-weight: bold; color: red; font-size:12px; }
.stc-notice { font-weight: bold; color: green; font-size:12px; }
/*--------------------- BLOG PAGES END -----------------*/

/*--------------------- HOMEPAGE ------------------------*/
body.home #container { display: none; }
body.home td {
  font-size: 	24px;
  text-align: 	center;
  padding:		15px 0px;}

.home-btn,
.home-btn:link,
.home-btn:hover,
.home-btn:active,
.home-btn:visited { 
	padding:12px; 
	background:#8E181E; 
	cursor:pointer; 
	color:#fff; 
	display: block;
	margin: 0 auto;
	width:180px; 
	font-size:24px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-transform:uppercase;
	font-weight: 700;
	text-decoration: none;
}

.contact-btn,
.contact:link,
.contact:hover,
.contact:active,
.contact:visited{
	padding:8px 16px; 
	background:#8E181E; 
	cursor:pointer; 
	color:#fff !important;
	text-decoration:none !important;
	display: block;
	width:115px; 
	font-size:18px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-transform:uppercase;
	font-weight: 700;
	text-decoration: none;
}

body.home h4 {font-size:36px; line-height:1.0em; font-weight:600;}
/*--------------------- HOMEPAGE END -------------------*/


/*----------------------------------- PRIMARY MENU ---------------------------------------------------------*/
.sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;}
.feature .sf-menu, .sf-menu * {margin: 0;padding: 0;list-style: none;}
.sf-menu {line-height: 1.0;position: relative; /* Needed for IE to show drop downs above things like wp-cycle */z-index: 99;}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left;position: relative;}
.sf-menu a{display: block;position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
	left: 0;
	top: 2.5em; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}
.ie6 .sf-menu { margin-bottom: -1px; }
/* -- End Essential Styles -- */

.sf-menu { float:left; margin: 0; }

/*Applies to all levels of nav*/

#access {
  float: 			left !important;
  font-family: 		'Open Sans',sans-serif;
  text-transform:	uppercase;
}

.menu-cta.menu-highlight {
	background: #82132B;
}
.menu-cta.menu-highlight a {
	color: #fff;
}

.sf-menu a {
  color: 			#FFF;
  display:			block;
  font-weight: 		bold;
  position: 		relative;
  text-align: 		left;
  text-decoration: 	none;
  font-size:		18px;
  line-height: 		50px;
  margin: 			0px 32px 0px 32px;
}
.sf-menu a:hover, .sf-menu li.menu-item a:hover {
	color:#A0A0A0;;
}

.sf-menu li {
	display: 		block;
 	float: 			left;
  	position: 		relative;}

/*2nd level*/
.sf-menu ul { width: 220px !important; left: 0px !important;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 50px !important; /* overriding essential styles */
}
.sf-menu ul a, .sf-menu ul li.menu-item a { display: inline-block; } /*RB - this is a 'hack' for the menu in IE7.  IE7 has white space below the LI's which was making the menu un-usable. */
.sf-menu ul a, .sf-menu ul li.menu-item a {
	color: #FFF !important;
	background-color:#3C3C3C;
	padding: 8px 24px 8px 32px !important;
	font-size:14px !important;
	font-weight: 400;
	margin: 0px;
	display: block;
	border-top: #F7F7F7 solid 1px;
	text-align:left;
	position:relative;
	line-height:1.2em;
}
.sf-menu ul a:hover, .sf-menu ul li.menu-item a:hover {
	background: #82132b;
}

.sf-menu li li {
	
}

/*Top level*/
.sf-menu ul li.menu-item-has-children a
{   }
.sf-menu ul li.menu-item-has-children a:hover
{  }
/*----------------------------------- PRIMARY MENU END -----------------------------------------------------*/
 
/*----------------------------------- SIDEBARS ---------------------------------------------------------*/
#left, #right {
  display: 			none;
  background: 		#F6F6F6;
  float: 			left;
  margin: 			0 0px 30px 0px;
  overflow:		 	hidden;
  padding: 			5px 15px 20px;
  width: 			200px;
  font-size:			13px;
  line-height:		1.5em;}

#left h4,
#right h4{
	font-size: 		28px; 
	margin: 			20px 0 0px;}

#left ul,
#right ul { 
	padding:		0px !important; 
	margin: 		0px 0px 0px 5px; 
	list-style: 	none;}
	
#left li,
#right li {
	font-size:		16px; 
	list-style:		none !important; 
	margin: 			5px 0px 9px 0px; 
	color:			#3A5E8D !important;}

#left li li,
#right li li { 
	font-size:		14px; 
	list-style:		none !important; 
	margin: 			5px 0px 0px 0px;}
	
#left li.hidden,
#right li.hidden {display: none;}

#left a, 
#left a:link,  
#left a:active, 
#left a:visited,
#right a, 
#right a:link,  
#right a:active, 
#right a:visited {color:#3A5E8D;}
#right a:hover {text-decoration:underline; color:#E85914;}
/*----------------------------------- SIDEBAR END -----------------------------------------------------*/


/*----------------------------------- CONTENT -----------------------------------------------------*/
strong, b 				{font-weight:600 !important;}
.entry-content p 		{margin-bottom: 10px;}
.entry-content table 	{margin-bottom: 5px;}
.entry-content td 		{padding: 5px; vertical-align: top;}
.entry-content ul, .entry-content ol, .entry-content il {margin-bottom: 10px;}

.entry-title a:link, .entry-title a:visited, .entry-title a:active {color:#82142A !important;}

.entry-meta, .entry-utility {
  padding: 5px 0px;
}

.wp-caption {border: 0px; padding: 0px;}
.wp-caption p.wp-caption-text {	
		padding: 	0px; 
		color: 		#777; 
		font-size: 	11px; 
		padding: 	5px;}

.fade {	
   opacity: 				0.7;
   transition: 			opacity .25s ease-in-out;
   -moz-transition: 		opacity .25s ease-in-out;
   -webkit-transition: 	opacity .25s ease-in-out;}

.fade:hover {opacity: 1;}

a.anchor { /*RB this is so that anchor links will work correctly with the fixed header.*/
	display: 		block; 
	position: 		relative; 
	top: 			-200px; 
	visibility:	 	hidden; 
} 	

/*----------------------------------- CONTENT END ------------------------------------------------*/


/*----------------------------------- FOOTER -----------------------------------------------------*/
#footer-wrap{ 
	width:			100%; 
	background:		#171717; 
	box-shadow:		0 0 10px rgba(0,0,0,0.6) inset;
	height:			60px;
	}
	
#footer-contact-wrap {
	width:			100%; 
	float:			left; 
}
	
#footer-contact {
	width:			1000px; 
	margin: 			0 auto;}
	
#footer-contact .with_frm_style label.frm_primary_label {
	color: 			#FFF !important; 
	padding-bottom: 5px;}
#footer-contact #frm_field_cptch_number_container {color: #fff; }
#footer-contact .with_frm_style .frm_required {color: #FFF !important; font-size: 15px;}

#footer-blurb {
  float: 			left;
  text-align: 		left;
  width: 			440px;
  color:				#fff;
  font-size:			15px;
  line-height:		1.6em; 
  font-weight:		200;
}
#footer-blurb p {padding:2px;}

.rounded-corners{
	box-shadow: 				0 0 20px #365986 inset; 
	padding:					12px;
	-moz-border-radius: 		10px;
	-webkit-border-radius: 	10px;
	border-radius: 			10px; /* future proofing */
	-khtml-border-radius: 	10px; /* for old Konqueror browsers */
	width: 					40%; 
	float:					left;
	display:					block;
	margin: 					0 10px;}

#footer-blurb h4{
	font-size:		28px; 
	color:			#fff;}
	
#footer-form h4{
	font-size:		32px; 
	color:			#fff; 
	padding:			0px 0px 10px;}
	
#footer-blurb a,
#footer-blurb a:link,
#footer-blurb a:active,
#footer-blurb a:hover,
#footer-blurb a:visited {color: #0093C8;}
#footer-blurb a:hover {text-decoration: underline;}

#footer-form {
  float: 			right;
  width: 			490px;}

#footer {
  margin: 			0 auto;
  width: 			1000px;}
  
#footer a,
#footer a:link,
#footer a:active,
#footer a:hover,
#footer a:visited {color: #FFF;}

#affiliates {clear: both;}

.affiliates {
	width:			1000px; 
	margin: 			0 auto;}

#company-address {
  color: 			#FFFFFF;
  float: 			left;
  font-family: 		'Open Sans', sans-serif;
  font-size: 		16px;
  line-height: 		1.4em;
  padding: 			20px 0px 18px 0px;
  text-align: 		left;}

#mavidea-logo {
  color:             #fff;
  float:             right;
  margin:            0 auto;
  padding:           16px 0 0;
  width:             252px;}

#mavidea-logo a,
#mavidea-logo a:link,
#mavidea-logo a:hover,
#mavidea-logo a:active,
#mavidea-logo a:visited
            {color:   	#fff;}

#mavidea-logo #mavidea-services {
  float:                left;
  font-family:          'Arial',Helvetica,sans-serif;
  font-size:             11px;
  line-height:           1.03em !important;
  text-decoration:       none;
  width:                 100px;}

  
/*----------------------------------- FOOTER END -------------------------------------------------*/


/*----------------- HOMEPAGE-PARALLAX -----------------*/
#parallax-wrapper {padding-top:269px;} 
.parallax {
	cursor: 					pointer; 
	min-width: 					1000px;
	-webkit-background-size: 	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;}

#parallax-wrapper .widget_text img { float: left; /*RB: Fixes an IE7 issue with the homepage content not displaying.*/ }

#box-1 { 
	background-image: 		url('images/startup_office.jpg');
	background-position: 	50% 660px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment:	fixed;
	/*min-height: 			600px;
	max-height: 			845px;*/
	height:					500px; 
	width: 					100%; 
	position: 				relative;
	margin: 					0 auto; }

#box-2 {
	background-image: 		url('images/merger.jpg');
	background-position: 	50% 1550px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			400px;
	max-height: 			700px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}

#box-3 {
	background-image: 		url('images/civil-litigation.jpg');
	background-position: 	50% 2600px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}
	
#box-4 {
	background-image: 		url('images/business-law.jpg');
	background-position: 	50% 3600px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}
	
#box-5 {
	background-image: 		url('images/agriculture.jpg');
	background-position: 	50% 4500px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}
	
#box-6 {
	background-image: 		url('images/server_room.jpg');
	background-position: 	50% 5400px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}
	
#box-7 {
	background-image: 		url('images/lawyer.jpg');
	background-position: 	50% 6400px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}
	
#box-8 {
	background-image: 		url('images/real_estate.jpg');
	background-position: 	50% 7300px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}

#box-9 {
	background-image: 		url('images/blogger.jpg');
	background-position: 	50% 8300px;
	background-repeat: 		no-repeat;
	background-color: 		#F7F7F7;
	background-attachment: 	fixed;
	/*min-height: 			200px;
	max-height: 			650px;*/
	height:					500px; 
	width: 					100%;
	position: 				relative;
	left:					0;
	margin: 					0 auto;}

/*----------static-area---------------*/

#static-0{background:#f7f7f7;}
#static-1{background:#f7f7f7;}
#static-2{background:#f7f7f7;}
#static-3{background:#f7f7f7;}
#static-4{background:#f7f7f7;}
#static-5{background:#f7f7f7;}
#static-6{background:#f7f7f7;}

/*------------content-area-------------*/

#zero-content-area{
	width:				1000px; 
	margin:				0 auto;
	font-size:			18px;
	padding: 			36px 0 30px 0; 
	line-height:			1.6em;
	}
#first-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 50px;
	line-height:			1.6em;
	height: 				300px;
	}
#second-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 50px;
	line-height:			1.6em;
	height: 				300px;
	}
#third-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 60px;
	line-height:			1.6em;
	height: 				300px;
	}
#fourth-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 60px;
	line-height:			1.6em;
	height: 				300px;
	}
#fifth-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 50px;
	line-height:			1.6em;
	height: 				300px;
	}
#sixth-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 50px;
	line-height:			1.6em;
	height: 				300px;
	}
#seventh-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 50px;
	line-height:			1.6em;
	height: 				300px;
	}
#eighth-content-area{
	width:				880px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 50px;
	line-height:			1.6em;
	height: 				300px;
	}
#nineth-content-area{
	width:				1000px; 
	margin:				0 auto;
	font-size: 			20px;
	padding: 			30px 0px;
	line-height:			1.6em;
	height: 				460px;
	}
	
/*----------------- HOMEPAGE-PARALLAX END -------------*/


/*----------------------------------- GALLERY -----------------------------------------------------*/
.gallery dl.gallery-item {margin: 0px !important;}
/*----------------------------------- GALLERY END -------------------------------------------------*/


/*----------------------------------- FORMIDABLE -----------------------------------------------------*/  
.with_frm_style p.submit, .with_frm_style div.frm_submit, .with_frm_style.frm_login_form p.login-submit {
  text-align: center !important;
}

.with_frm_style .frm_checkbox {
  line-height: 		1.1em !important;}
/*----------------------------------- FORMIDABLE END -------------------------------------------------*/