/**
  Theme Name: Excell Marketing
  Theme URI: http://www.excellmktg.com
  Version: 1.2
  Author: Flying Hippo Web Technologies
  Author URI: http://www.flyinghippo.com
  License: None
  Description: Bare-bones theme used as a starting point for site development.
*/

/* FONTS */
/* If you have different fonts from different font families, you'll need to combine the generated stylesheet.css files into one. 
	Delete this @import if not using custom fonts or if only using Google fonts. */
@import url("fonts/stylesheet.css");

/* Import the Google Search CSS. Note that this is ONLY for styling and should be deleted before the site goes live. (Google will pull in its own CSS file dynamically.) */
@import url('google-search.css');


/* RESET */
* { outline: 0 none; }
body, div, dl, dd, h1, h2, h3, h4, h5, h6, ul, li, p, pre, th, td, ol { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 1em; }
ul, ol { list-style-type: none; }
img { border: 0; }
span { display: inline; }	
img, a img { border: 0; padding: 0; margin: 0; }
textarea { overflow: hidden; }
table { border-spacing: 0; padding: 0; margin: 0; }

/* WP THEME REQUIREMENTS & UTILITY CLASSES */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft, .wp-caption.alignleft { margin: 0 10px 10px 0; }
img.alignright, .wp-caption.alignright { margin: 0 0 10px 10px; }
.dozer, .clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
.clearfix { clear: both; }
.linklove, #metaseopack small { display: none; }
sup { font-size: 0.6em; line-height: 1em; }

body { /* Set the base font color, size, etc. here */ 
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 1.4em;
	color: #FFF;
	background: #003f73 url('images/bg-swirls.jpg') no-repeat top center;
}

a { /* Remember to set base and :hover styles for links for the whole site. This will save headaches later on. */
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}

#logo {
	float:left;
	padding-top:5px;
	margin-bottom:20px;
}

#logo a {
	background:url(images/logo.png) no-repeat center center;
	width:355px;
	height:129px;
	display:block;
	margin:10px 0;
}

#logo a { text-indent: -9999px; }

#nav {
	color:#FFF;
	text-transform:uppercase;
	width:950px;
	padding-bottom:40px;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	letter-spacing:.08em;
}

#wrapper {
	margin:0 auto;
	width:950px;
}

#nav {
	margin-bottom:50px;	
}

#nav > li {
	font-size:17px;
	letter-spacing:.01em;
	float:left;
	list-style:none;
	zoom:1;
	*display:inline;
}

li.last {
	padding-right:0px;
	margin-right:0px;
}

#nav li a {
	display:block;
	color:#FFF;
	font-weight: bold;
	/*padding:15px 30px 15px 30px;*/
	padding: 15px 22px;
	background-color:#069;
	margin-right:14px;
	background: #002558;
	border-radius: 10px;
	font-weight:normal;
	letter-spacing:.03em;
	background: -moz-linear-gradient(top,  #0894d5 0%, #00275a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0894d5), color-stop(100%,#00275a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0894d5 0%,#00275a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0894d5 0%,#00275a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0894d5 0%,#00275a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0894d5 0%,#00275a 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0894d5', endColorstr='#00275a',GradientType=0 ); /* IE6-9 */

}


#nav li a:hover, #nav li.schedule a {
	color:#FFF;
	text-decoration:none;
	background-color: #f2ae38;
	background: linear-gradient(0deg, #f2ae38, #c27e08);
	background: -moz-linear-gradient(top,  #f2ae38 0%, #c27e08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ae38), color-stop(100%,#c27e08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2ae38 0%,#c27e08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2ae38 0%,#c27e08 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2ae38 0%,#c27e08 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2ae38 0%,#c27e08 100%); /* W3C */
}

#nav li.schedule a:hover {
	color: #000;
}

#nav li.active a:hover
{
	color:#e8bc23;
}

#nav li.active a
{
	background: #09386e; /* Old browsers */
	background: -moz-linear-gradient(top,  #09386e 0%, #010c2a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09386e), color-stop(100%,#010c2a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #09386e 0%,#010c2a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #09386e 0%,#010c2a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #09386e 0%,#010c2a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #09386e 0%,#010c2a 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09386e', endColorstr='#010c2a',GradientType=0 ); /* IE6-9 */
	
}

a.login {
	background:url(images/btn-login-sprite.png) no-repeat top center;
	width:86px;
	height:53px;
	float:right;
	margin-top:10px;
	display:block;
	cursor:pointer;
}

a.login:hover {
	background-position:bottom;
}

.slider {
	/*background:url(images/hm-slider.png) no-repeat center center;*/
	width:904px;
	height:338px;
	margin:0 0 45px 0;
	position: relative;
}

/* Homepage SLider */

#home-slider
{
	width:904px;
	height:338px;
	position:relative;
}

#home-slider > li
{
	width:904px;
	height:338px;
	float:left;
} 

.anythingWindow
{
	width:904px;
	height:338px;
	overflow: hidden;
}

.anythingControls
{
	width:90px;
	position: absolute;
	right:0;
	bottom:-28px;
}

.thumbNav li
{
	width:14px;
	float:left;
	margin-right:5px;
}

.thumbNav li a
{
	display:block;
	width:14px;
	height:14px;
	background:url('images/slider_btn.png');
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -9999em;
}

.thumbNav li a.cur
{
	background-position: 0 -15px;
}


/* --------- Home Content ----------- */

.hm-text {
	float:left;
	font-size:16px;
	color:#FFF;
	line-height:1.6em;
	width:890px;
	padding:0 20px 30px 20px;
}

.hm-text p
{
	padding-bottom: 15px;
}

.hm-text h2 {
	color:#64d0f8;
	text-transform:uppercase;
	font-size:20px;
	padding-bottom:15px;
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
}

.brands-top {
	background:url(images/hm-brands-top.png) no-repeat center center;
	width:930px;
	height:77px;
}

.brands-bottom {
	background:url(images/hm-brands-bottom.png) no-repeat center center;
	width:930px;
	height:52px;
}

.brands-middle {
	background:url(images/hm-brands-middle.png) repeat-y center center;
	width:930px;
	height:auto;
}

#copyright {
	color:#8ca7be;
	font-size:10px;
}

#copyright a {
	color:#8ca7be;
	text-decoration:none;
}

#copyright a:hover {
	color:#FFF;
	text-decoration:none;
}

#copyright .contact {
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 15%;
}

#copyright .copyright-right {
	float: right;
	width: 80%;
}

.brands-top h3 {
	font-size:25px;
	color:#FFF;
	text-transform:uppercase;
	padding-left:55px;
	padding-top:24px;
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
}

.brand-logos  {
	padding:0 55px;	
}

.brand-logos img
{
	padding:3px 14px;
}

.container  {
	background:url(images/logo-magic.png) no-repeat center center;
	width:153px;
	height:47px;	
	float:left;
	text-indent:-9999px;
	display:inline-block;
}

#content {
	float:left;
	width:582px;
	background-color:#d7e8fa;
	border-radius:15px;	
	margin-left:40px;
	margin-bottom:15px;
	padding:40px 30px 30px 30px;
	color:#002146;
	line-height:1.8em;
}

#main.interior #copyright {
	float:right;	
}

.contact-side {
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	color:#FFF;
	float:left;
	width:190px;
	font-size:15px;
	letter-spacing: 0.04em;
	padding-left: 20px;
}

.contact-side h2 {
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
	color:#64d0f8;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:5px;
	letter-spacing:.03em;
}

/* SIDEBAR NAVIGATION */
/* The following is set up to work with the markup in interior.html. */


#sidebar {
	float:left;
	width:255px;
}

ul.sidenav {
/*  The style of the main list. Usually, the top level UL will not have styles of its own since most 
	of the styling is done on the <a> or <li> elements. 
*/
	
	font-size: 16px;
	list-style-type: none;
	margin: 0;
	padding: 18px 0;
	margin-bottom:25px;
	
	background-color:#003f73;
	border-radius:15px;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
	
	font-size:15px;
}

	ul.sidenav li {
		/*  The style of the LIs in the nav. This directly references the top-level LIs, but keep in mind
			that all the child LIs will also inherit these styles, so you may need to override this further down.
		*/
		margin: 0 0 3px 0;
		padding: 0;
	}
	
		ul.sidenav li a {
			/*  For most designs, you will be styling the <a> element directly, so this is where most of the styling
				will be. Again, keep in mind that all <a>'s in the whole list will inherit this style, so you will
				probably need to override these colors and padding later on if child nav items should look differently.
			*/
			display: block;
			background-color: #02548a;
			color: #2dbbef;
			padding: 8px 15px;
			text-decoration: none;
			font-weight: normal;
			margin:0 5px;
			letter-spacing:0.04em;
		}
		
			ul.sidenav li a:hover, ul.sidenav li a:focus {
				/*  This be inherited by default, but any background-color declarations that are more specific later on
					will override it. 
				*/
				/*background-color: #444;*/
				color:#FFF;
				background: #136aa3;
			}
			
			ul.sidenav li.current_page_item a {
				/*  Will be inherited, but we'll override this later on with a more specific selector. 
				*/
				/*background-color: #1B563A;*/
				color:#FFF;
				background: #eaa630;
				background: linear-gradient(0deg, #eaa630, #c27e08);
			}
			
				ul.sidenav li.current_page_item a:hover, ul.sidenav li.current_page_item a:focus {
					/*  Hover state for top-level current page item. This will probably not inherit its style
						automatically, so it needs to be specified here. 
					*/
					/*background-color:#363;*/
				}
				
					ul.sidenav li.current_page_item ul li a {
						/* Override the inheritance of the active parent link color.
						*/
						/*background-color: #4C4C4C;*/
					}
					
						ul.sidenav li.current_page_item ul li a:hover, ul.sidenav li.current_page_item ul li a:focus {
							/*background-color: #999;*/
						}
			
		ul.sidenav li ul {
			/* Set all subpages to display: none. Later on, we will override this so that the children of active
			   pages will be displayed. This is the most common behavior for sidebars in order to reduce clutter, 
			   but it may not fit all designs, so do not feel tied to it. 
			*/
			display: none;
			list-style-type: none;
			margin-top: 3px;
		}
		
			ul.sidenav li.current_page_item ul,
			ul.sidenav li.current_page_parent ul,
			ul.sidenav li.current_page_ancestor ul {
				/*  Override the display:none above for the children of currently active pages. 
				*/				
				display: block;
			}

			ul.sidenav li ul li {
				/*  Styles to apply to the child LI elements; will not usually be much, as most of the styling will be done
					to the <a> element itself (next selector). 
				*/
				margin: 0 0 3px 0;
				padding: 0 0 0 0px;
			}
			
				ul.sidenav li ul li a {
					/*  The style to apply to the child links. This is where the majority of the subpage links' styles
						will fall. Note that much of the style will be inherited so you only need to specify what's different
						from top level links. 
					*/
					/*background-color: #4c4c4c;*/
					/*  Padding is used here to indent the text inside the block but not the block itself. If the block itself
						needs to be indented, use margin-left instead. 
					*/
					padding-left:35px;
				}
				
					ul.sidenav li ul li a:hover {
						/*  Hover styles for child links. This will always need to be set, since the previous selector 
							(ul.sidenav li ul li a) is more specific than the original hover selector above
							(ul.sidenav li a:hover), so child links will not change background color. 
						*/
						/*background-color: #999;*/	
					}

				ul.sidenav li ul li.current_page_item {
					/*  Anything you want to do to the active LI. Usually not much is needed here as most of the styling
						will take place on the <a> element below. 
					*/
				}
				
					ul.sidenav li ul li.current_page_item a {
						/*  The style to apply to subpage links that are currently active. 
						*/
						/*background-color: #888;*/
					}
					
						ul.sidenav li ul li.current_page_item a:hover {
							/*background-color: #999;*/
						}
						
				ul.sidenav li ul li ul li.current_page_item {
					/*  Anything you want to do to the active LI. Usually not much is needed here as most of the styling
						will take place on the <a> element below. 
						NOTE: Will inherit the 15px padding from the previous level, thus indenting another 15px. Override if needed.
					*/
				}
				
					ul.sidenav li ul li ul li.current_page_item a {
						/*  The style to apply to third-level links that are currently active.
							NOTE: Will inherit the 20px padding from the previous level. Override if needed.
						*/
						/*background-color: #888;*/
					}
					
						ul.sidenav li ul li ul li.current_page_item a:hover {
							/*background-color: #999;*/
						}


/* INNER PAGE CONTENT STYLES */
/*	Besides font size, colors, etc., the most important thing with content formatting is that each element in the content
	region is given a bottom margin. 12px is a great place to start, but modify any of the below styles as needed so they
	fit the design.

	IMPORTANT: Unless there is a good reason for it, don't assign margin-top, padding-top or padding-bottom
	to elements inside of the content. Using only margin-bottom will ensure the most consistent content formatting.
*/

#inner-content
{
	min-height:400px;
}

#inner-content img
{
	margin-right: 10px;
}

#inner-content h1, #content h1 { 
	margin-bottom: 12px; 
	color:#0472ac;
	text-transform:uppercase;
	font-size:22px;
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
	letter-spacing: 0.05em;
	}
#inner-content h2 { 
	margin-bottom: 12px; 
	color:#44b6e3;
	text-transform:Capitalize;
	font-size:18px;
	}
#inner-content h3 { 
	margin-bottom: 12px; 
	color:#012b5c;
	text-transform:uppercase;
	font-size:13px;
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
	letter-spacing:.02em;
	}
#inner-content h4 { 
	margin-bottom: 12px; 
	color:#c27e08;
	text-transform:uppercase;
	font-size:13px;
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
	letter-spacing:.02em;
	}
#inner-content h5 { 
	margin-bottom: 12px; 
	color:#156ca5;
	text-transform:Capitalize;
	font-size:14px;
	}
	
hr {
	border:1px solid #8fb4db;
	margin:30px 0;
}

table, th, td {
	border:1px solid #8fb4db;	
}
th, td {
	padding:8px;
}
th {
	background-color:#a9c8e8;
	text-transform:uppercase;
	font-family: 'Fugaz One', cursive;
	font-weight:normal;
	text-align:center;
	font-size:14px;
}

#inner-content h6 { margin-bottom: 12px; }
#inner-content p { margin-bottom: 12px; }
#inner-content ul,
#inner-content ol { margin: 0 0 12px 12px; padding: 0 0 0 12px; }
#inner-content ul { list-style-type: disc; }
#inner-content ol { list-style-type: decimal; }
#inner-content ul.gform_fields { margin-left: 0; padding-left: 0; }
#inner-content table { margin-bottom: 12px; }
#inner-content blockquote { margin-bottom: 12px; }
#inner-content a { color:#C27E08 }
.wp-caption {
	background-color: #EEE;
	border: 1px solid #D3D3D3;
	border-radius: 4px;
	margin: 10px 0;
	padding: 4px 4px 0;
	text-align: center;
}
#inner-content .wp-caption-text {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 4px 4px 5px;
}

/* 
 ** Specialized CSS for the search field's label behavior - taken from http://attardi.org/labels
 ** Take care in modifying the code below - not everything does what it looks like it does.
 ** Be sure to test in both Firefox and Chrome/Safari once you're done. There's an issue with Chrome/Safari that could cause
 **   it to display incorrectly if it's not properly compensated for.
 */
.input {
  margin: 0;
  background-color: transparent;
  float: left;
  height: 26px;
}
.input span {
  position: absolute;
  padding: 6px 4px 3px;
  margin-left: 3px;
  color: #999; /* non-focus state */
  display: block;
}
.input span.focus {
	color: #bbb; /* focus state */
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  border: 1px solid #666;
  padding: 4px 4px 3px 5px;
  margin-top: 1px;
  background: transparent;
  font: inherit;
  color: #000;
}
/* Hack to remove Safari's extra padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 2px; }
}
/* Use this if you have an image as the submit button. You can also make a hover style (#searchbutton:hover) if you want a hover state. */
/*
#searchbutton {
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	background: transparent url('images/search-button.png') no-repeat center center;
}
*/

/* GOOGLE SEARCH RESULTS */
#inner-content #cse table { margin-bottom: 0; border: 0; }
#inner-content #cse table td {
	background: transparent none;
	border: none;
	padding: 0;
}
#cse .gs-webResult div.gs-visibleUrl-short {
	display: none;
}
#cse .gs-webResult div.gs-visibleUrl-long {
	display: block;
}

#cse .gs-title,
#cse .gs-title b,
#cse .gs-title * {
	/* This is the color of the title link. */
	color: #0000CC;
	text-decoration: none;
}
#cse .gs-title a:hover {
	text-decoration: underline;
}
#cse .gs-result img { border: 0; }
.gcsc-branding {
	display: none;
}
#cse .gsc-control-cse, #cse .gsc-control-cse .gsc-table-result {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#cse .gsc-cursor-box {
	margin-top: 10px;
}
#cse .gsc-cursor-current-page,
#cse .gs-visibleUrl {
	/* This is the color of the URL that displays at the bottom of each result. */
    color: #008000;
}
#cse .gsc-cursor-page { 
	/* The color of the paging links at the very bottom. */
	color: #565656; 
}
#cse .gsc-cursor-page:hover { text-decoration: none; }

/* FORMS STYLES - Corrects for small fonts when using Lato or Cabin */
/*
.gform_wrapper .instruction {
	letter-spacing: normal !important;	
	font-size: 13px !important;
}
.gform_wrapper .gfield_label { 
	font-size: 14px;
}
#inner-content .gform_wrapper input,
#inner-content .gform_wrapper select,
#inner-content .gform_wrapper textarea { 
	padding: 3px; 
	font-size: 13px;
}
*/

/* CUSTOM POST TYPE ARCHIVE WIDGET */
.widget_wp-customtype-archive ul { padding-left: 14px; }
.widget_wp-customtype-archive ul ul { padding-left: 22px; }
.widget_wp-customtype-archive ul li { padding: 4px 0 0; }
.widget li.collapsed ul { display: none; }
.widget .toggle { cursor: pointer; font-family: "Courier New", Courier, fixed-width; }

#header {
	width:950px;	
	position:relative;
}

#footer
{
	margin-right:45px;
	color:#9fbad1;
	text-align: right;
}

#gform_submit_button_1
{
	padding: 10px;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 0.8em;
	background-color: #f2ae38;
	background: linear-gradient(0deg, #f2ae38, #c27e08);
	background: -moz-linear-gradient(top,  #f2ae38 0%, #c27e08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2ae38), color-stop(100%,#c27e08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2ae38 0%,#c27e08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2ae38 0%,#c27e08 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2ae38 0%,#c27e08 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2ae38 0%,#c27e08 100%); /* W3C */
	-webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    border: none;
}

#gform_submit_button_1:hover
{
	background: #09386e; /* Old browsers */
	background: -moz-linear-gradient(top,  #09386e 0%, #010c2a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09386e), color-stop(100%,#010c2a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #09386e 0%,#010c2a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #09386e 0%,#010c2a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #09386e 0%,#010c2a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #09386e 0%,#010c2a 100%); /* W3C */
	cursor: pointer;
}