@import url("fonts/stylesheet.css");
/*  
Theme Name: Midwest Tennis and Track
Theme URI: www.midwesttennisandtrack.com
Description: Custom Wordpress Theme for Midwest Tennis and Track
Version: 1.0
Author: Flying Hippo Web Technologies
Author URI: http://www.flyinghippo.com

*/



/* CSS Document */
/* Flying Hippo Web Technologies */

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%; }
ul { list-style-type:none;}
strong { font-style:normal;}
img { border:0;}
span { display:inline;}	
* 
{ 
	outline:none;
}


img, a img 
{ 
	border:0; padding:0; margin:0;
}

span 
{ 
	display:inline;
}

textarea 
{ 
	overflow:hidden;
}

h1, h2, h3, h4  
{ 
	padding:0; 
	margin:0; 
	font-size:100%;
}

table 
{ 
	border-spacing:0; 
	padding:0; 
	margin:0;
}

ul li { list-style-type:none;}
a { text-decoration:none; color:#CCC;}
/* Image Alignment */
.alignleft
{
	text-align:left;	
}

.alignright
{
	text-align:right;	
}

.linklove, #metaseopack small
{
	display:none;	
}

/* When Using any @Font-face features for the site, create a folder called 'fonts' in your main directory, and paste over the generated @font-face files, that include 'stylesheet.css'. Then, we need to use the @import class to load that stylesheet instead of copying over to the main CSS file. It helps to be more organized and it is easier to add or modify fonts. */


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */


body 
	{ 
	background:url(images/mtt_bg.png);
	background;-repeat:no-repeat;
	font-family: 'MyriadRoman', Helvetica, sans-serif;
	font-size:14px;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
	}



/* -------------------------------------------------- top navigation */
.mainNavWrapper
	{
	width:100%;
	padding:0;
	margin:0;
	height:115px;
	display:block;
	background:url(images/MTT_topNavbg.png);
	background-repeat:repeat-x;
	position:absolute;
	z-index:100;
	left:0;
	/*overflow:hidden;*/
	}

.mainNavContainer
	{
	margin:0 auto;
	position:relative;
	width:966px;
	}

.mainNavContainer ul > li > a
	{
	text-indent:-9999em;
	
	background-repeat:no-repeat;
	}
	
.mainNav > ul li a
	{
	height:28px;
	display:block;
	
	}

.mainNav ul li
	{
	float:left;
	padding:16px 9px 0 12px;
	background:url(images/mtt_mainNavDivider.png);
	background-repeat:no-repeat;
	background-position:0 0;
	}

.topSubNav
	{
	height:30px;
	display:block;
	position:absolute;
	font-size:11px;
	right:0;
	top:7px;
	}

.topSubNav ul li a
	{
	text-indent:0;	
	}

.topSubNav ul li
	{
	float:left;
	background:orange;
	padding:2px 11px 0 15px;
	background:url(images/MTT_greyBox.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	letter-spacing:1px;
	
	}

.topSubNav ul li:first-child
	{
	float:left;
	background:orange;
	padding:2px 15px 0 15px;
	background:none;
	background-position:0 50%;
	background-repeat:no-repeat;
	}

.topSubNav ul li a
	{
	color:#3b6d9a;	
	text-transform:uppercase;
	}
	
.topSubNav ul li a:hover
	{
	color:#04111d;	
	text-transform:uppercase;
	}
	
.mainLogo
	{
	margin-left:-42px;	
	width:398px;
	height:116px;
	display:block;
	}
	
.mainNav
	{
	height:auto;
	display:block;
	position:absolute;
	width:575px;
	right:-18px;
	top:30px;
	}
	
#tracks-link a
	{
	background:url(images/mttBtn_tracks.png);
	background-repeat:no-repeat;
	width:74px;
	}
#nav > li { position:relative;}
.basic { position:absolute; width:150px; height:auto!important; left:20px; top:43px;overflow:visible; clear:both;  display:none;}

#nav > li:hover .basic { display:block;}

#nav > li .basic  li { display:block; background:none; text-indent:0; padding:0; margin:0;  float:none!important;}
#nav > li .basic li a{ background:#ba1916; text-indent:0; display:block;  height:auto; overflow:visible;  padding:6px 6px; font-size:12.5px; color:white; margin:0; width:auto!important;  border-bottom:1px solid #cb2521;}
#nav > li .basic .children li a { text-indent:10px; font-style:italic;}
#nav > li .basic li a:hover { color:#ffea00; background:#b11411;}

	
#tracks-link a:hover, #tracks-link.current_page_item a
	{
	background:url(images/mttBtn_tracks-over.png);	
	}

#nav > li .basic .children { height:auto; overflow:visible;}
#nav > li .basic .children li { height:auto!important; float:none!important; overflow:visible; clear:both;}
#nav > li .basic .children li a {overflow:visible; display:block; clear:both; height:auto;}

#tennis-link a 
	{
	background:url(images/mttBtn_tennis.png);
	background-repeat:no-repeat;
	width:65px;
	}
	
#tennis-link a:hover,#tennis-link.current_page_item a
	{
	background:url(images/mttBtn_tennis-over.png);	
	}

#planning-link a 
	{
	background:url(images/mttBtn_planning.png);
	background-repeat:no-repeat;
	width:159px;
	}

#planning-link a:hover,#planning-link.current_page_item a
	{
	background:url(images/mttBtn_planning-over.png);	
	}

#construction-link a 
	{
	background:url(images/mttBtn_services.png);
	background-repeat:no-repeat;
	width:187px;
	}

#construction-link a:hover,#construction-link.current_page_item a
	{
	background:url(images/mttBtn_services-over.png);	
	}

/* -------------------------------------------------- top navigation ends */

/* -------------------------------------------------- main wrapper starts */
.mainWrapper	
	{
	width:966px;
	display:block;
	position:relative;
	margin:0 auto;
	
	padding-bottom:15px;
	top:71px;
	/*background:url(images/mtt_contentBg.png);*/
	background:url(images/mtt_footerBg.png);
	
	background-repeat:no-repeat;
	background-position:0 100%;
	
	height:auto;
	}
	
.mainContainer
	{
	width:966px;
	height:auto;
	min-height:300px;
	background:url(images/mtt_contentBg.png);
	background-repeat:repeat-y;
	display:block;
	}
	
.sliderContainer
	{
	width:966px;
	height:483px;
	display:block;
	margin:0;
	padding:0;
	}
	
#homeSlider
	{
	width:966px;
	height:340px;
	position:absolute;
	overflow:hidden;
	}
	
#homeSlider li 
	{ 
	position:absolute; 
	display:block;
	left:0;
	top:0;
	margin:0;
	padding:0;
	}

#homeSlider li img { display:block; position:absolute;}

.sliderBg, .sliderElement, .sliderText
	{
	left:0;
	top:0;
	}

#homeSlider li img.sliderBg { opacity:0;}
.thumbNav 
	{
	position:absolute;
	left:20px;
	margin-right:-45px!important;
	bottom:-145px;
	z-index:1000;
	}

.thumbNav li
	{
	width:209px;
	height:178px;
	float:left;
	margin-right:30px;	
	}

.thumbNav li a
	{
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	width:209px;
	height:178px;
	}

.thumbNav li a.panel1
	{
	background:url(images/homeSlider/images/button_tracks.png) no-repeat;
	}
	
.thumbNav li a.panel2
	{
	background:url(images/homeSlider/images/button_tennis.png) no-repeat;
	}
	
.thumbNav li a.panel3
	{
	background:url(images/homeSlider/images/button_plan.png) no-repeat;
	}
	
.thumbNav li a.panel4
	{
	background:url(images/homeSlider/images/button_construction.png) no-repeat;
	}
	
.thumbNav li a:hover, .thumbNav li a.cur
	{
	background-position:-211px 0;
	}

.anythingControls
	{
	
	}
/* -------------------- COntent Styles -------------------- */

.contentContainer
	{
	width:966px;
	height:288px;
	display:block;
	background:url(images/mtt_homeContentGraphics.png);
	background-repeat:no-repeat;
	padding:0;
	margin:10px 0 0 0;
	position:relative;
	}
	
.caseStudyContainer
	{
	position:absolute;
	left:20px;
	top:31px;
	width:482px;
	height:220px;
	display:block;
	}
	
.caseStudyPicture
	{
	position:absolute;
	left:0;
	top:0;
	width:482px;
	height:220px;
	overflow: hidden;
	}
	
.caseStudyDetails
	{
	position:absolute;
	right:0;
	top:0;
	width:217px;
	height:220px;
	background:url(images/caseStudyBg.png);
	color:white;
	}
	
.caseStudyContent
	{
	width:175px;
	height:170px;
	display:block;
	position:relative;
	top:30px;
	left:30px;
	}
	
.caseStudyContent h1
	{
	font-weight:normal;
	
	background:url(images/mtCaseStudy_title.png);
	width:180px;
	height:28px;
	background-repeat:no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	margin-left:-6px;
	margin-bottom:7px;
	}

.caseStudyContent h3
	{
	margin-bottom:5px;
	}

.caseStudyContent h3 a
	{
	color:#ffc700;	
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:0;
	font-family:Arial, Helveica, sans-serif;
	border:none;
	}

.caseStudyContent h3 a:hover
	{
	text-decoration:underline;
	}

.caseStudyContent p
	{
	font-size:12.5px;
	font-family:'MyriadItalic', sans-serif;
	margin-bottom:3px;
	}
	
.caseStudyContent a
	{
	font-size:11px;
	border-bottom:#a41410 dashed 1px;
	color:white;
	padding-top:7px;
	}
	
.caseStudyContent a:hover
	{
	color:#FFCC19;
	}
	
.homepageNewsContentContainer
	{
	width:389px;
	height:250px;
	display:block;
	position:absolute;
	right:30px;
	top:25px;
	
	
	}
	
.newsContainer
	{
	position:absolute;
	top:0;
	left:0;
	padding:0 0 8px 0;
	background:url(images/mtt_homeNewsFooter.png);
	background-position: 0 100%;
	background-repeat:no-repeat;
	width:389px;
	height:auto;
	}
	
.newsContainer div
	{
	background:url(images/mtt_homeNewsMiddle.png);
	background-repeat:repeat-y;
	width:389px;
	height:auto;
	padding:3px 0 3px 0;
	margin:0;
	min-height:90px;
	}
	
.newsTag
	{
	margin-top:10px;
	margin-bottom:-10px;
	}
	
.newsContainer h1
	{
	display:inline;
	font-family: 'MyriadRoman', Helvetica, sans-serif;
	font-size:15px;
	color:#41558a;
	font-weight:normal;
	margin-left:5px;
	}
	
.newsContainer h1 a
	{
	color:#cc1009;	
	}
	
.newsContainer h1 a:hover
	{
	text-decoration:underline;
	}

.newsContainer p
	{
	margin-top:14px;	
	color:#52423b;
	font-size:12px;
	line-height:1.35em;
	padding:0 10px;
	font-family:Helvetica,Arial, sans-serif;
	
	}
	
.homeContentContainer
	{
	position:absolute;
	top:0;
	left:0;
	padding:0 0 8px 0;
	background:url(images/mtt_homeNewsFooter.png);
	background-position: 0 100%;
	background-repeat:no-repeat;
	width:389px;
	height:auto;	
	top:150px;
	}
	
.homeContentContainer div
	{
	background:url(images/mtt_homeNewsMiddle.png);
	background-repeat:repeat-y;
	width:389px;
	height:auto;
	padding:8px 0 0 0;
	margin:0;
	
	}

.homeContentContainer p
	{
	
	color:#52423b;
	font-size:13px;
	line-height:1.4em;
	padding:0 10px;
	}
	
.redDots
	{
	width:51px;
	height:5px;
	display:block;
	position:absolute;
	top:125px;
	left:168px;
	background:url(images/mtt_redDots.png);
	background-repeat:no-repeat;
	}

.sidenav li > a 
{
	background: url("images/greyBullet.png") no-repeat scroll 0 11px transparent;
    display: inline-block;
    font-size: 16px;
    padding-left: 10px;
    color: #52423B;
    font-family: 'TigerGothamBold',Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

.sidenav 
{
	line-height: 23px;
}

.sidenav > li
{
	padding: 3px 0;
}

.sidenav ul.children
{
	margin-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.sidenav ul.children li
{
	background: none repeat scroll 0 0 transparent;
    line-height: 18px;
    margin: 0;
    padding: 4px 0;
    
}

.sidenav ul.children li a
{
	background: none repeat scroll 0 0 transparent;
    color: #41558A;
    font-family: 'TigerGothamRegular',Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 0;
    text-transform: none;
}
/* -------------------------------------------------- main wrapper ends */

/* ----------------- footer -------------- */
.footerWrapper
	{
	text-align:center;
	color:#9d9a9a;
	font-size:11.5px;
	position:absolute;
	bottom:-100px;
	left:250px;
	}
	
.footerWrapper div
	{
	margin:4px 0;
	letter-spacing:1px;
	}
	
.footerWrapper a
	{
	color:#9d9a9a;	
	}
	
.footerWrapper a:hover
	{
	color:#ffc700;
	}
	
.footerFH, .footerFH a
{
	font-size: 10px;	
	color:#666;
}


/* -------------------------------------------------- interior page styles */
.interiorWrapper
	{
	width:948px;
	display:block;
	padding-top:85px;
	position:relative;
	
	margin-left:12px;
	}
	
.interiorWrapper table 
	{
		
	}
	
.subNavTop
	{
	width:225px;
	height:23px;
	display:block;
	background:url(images/mtt_interiorNavTop.png);
	padding:0;
	margin:0;
	}
	
.subNavContainer
	{
	width:225px;
	height:auto;
	padding-bottom:14px;
	background:url(images/mtt_interiorNavBottom.png);
	background-repeat:no-repeat;
	background-position:0 100%;
	margin-bottom:25px;
	}
	
.subNavContent
	{
	width:225px;
	height:auto;
	margin:0;
	padding:0 0 10px 0;
	background:url(images/mtt_interiorNavMid.png);
	background-repeat:repeat-y;
	}
	
.innerContentTop
	{
	width:723px;
	height:18px;
	background:url(images/mtt_interiorContTop.png);
	background-repeat:no-repeat;
	display:block;
	margin:0;
	padding:0;
	}
	
.innerContentMid
	{
	width:723px;
	height:auto;
	background:url(images/mtt_interiorContBottom.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 14px 0;
	background-position:0 100%;
	}
	
.innerContent
	{
	width:723px;
	height:auto;
	background:url(images/mtt_interiorContMId.png);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
	min-height:300px;
	position:relative;
	}
	
/* ----------------- page title ------------------ */
.innerPageTitle
	{
	margin-bottom:20px;
	padding:0 15px 0 0;
	background:url(images/mtt_interiorContTitleRight.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	height:39px;
	display:table-cell;
	width:auto;
	margin-bottom:20px;
	}
	
.leftTitlePart
	{
	width:50px;
	height:39px;
	display:block;
	background:url(images/mtt_interiorContTitleLeft.png);
	background-repeat:no-repeat;
	float:left;
	
	}
	
.titleInner
	{
	max-width:518px;
	background:url(images/mtt_interiorContTitleMiddle.png);
	background-repeat:repeat-x;
	height:39px;
	display:block;
	float:left;
	padding: 0 14px 0 8px;
	overflow:hidden;
	}

.titleInner h1
	{
	color:#7c1807;
	font-family: 'TigerGothamRegular', Arial, sans-serif;
	font-size:18px;
	max-width:605px;
	padding: 9px 0 8px;
	font-weight:normal;
	overflow:hidden;
	height:39px;
	line-height:1.4em;
	}

.titleInner h1 span
	{
	color:#c07702;
	}
	
.innerPageCategory
	{
	width:400px;
	margin-bottom:10px;
	margin-left:23px;
	}
	
.innerTableContent
	{
	margin-top:20px;
	/*width:440px;*/
	margin-left:58px;
	
	color:#6f6561;
	font-size:12px;
	line-height:1.4em;
	font-family:Helvetica, Arial, sans-serf;
	padding-bottom:25px;
	}

.innerTableContent img
	{
	border:1px #d4d2d1 solid;	
	}

.innerTableContent p
	{
	padding:0 30px 20px 0;	
	}
	
.innerTableContent h2
{
	color:#7C1807;
	font-size:18px;
	font-family:'TigerGothamBold',Arial,sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:7px;
	padding-right:30px;
}

.innerTableContent h3
{
	color:#3a74a9;
	font-size:16px;
	font-family:'TigerGothamBold',Arial,sans-serif;
	font-weight:normal;
	padding-bottom:7px;
	padding-right:30px;
}

.innerTableContent a
{
	color:#7C1807;
}

.innerTableContent a:hover
{
	text-decoration:underline;
}

.innerTableContent ol, .innerTableContent ul
{
	list-style:inside;
	padding-right:30px;
	padding-bottom:20px;
}

.innerTableContent ul
{
	list-style-image:url("images/greyTextBullet.png");
}

.innerTableContent li
{
	padding:3px 0;
}
	
.ratingBoxWrapper
	{
	padding-bottom:14px;
	background:url(images/mtt_ratingBottom.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	width:193px;
	display:block;
	margin-bottom:25px;
	}
	
.ratingBoxContent
	{
	padding-bottom:0;
	background:url(images/mtt_ratingMid.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:11px;
	padding-top:15px;
	}

.ratingBoxContent h1
	{
	color:#416b92;
	font-family: 'TigerGothamBold', Arial, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	padding:3px 0;
	}

.featuredBoxWrapper
	{
	padding-bottom:14px;
	background:url(images/mtt_caseStudyInnerBotm.png);
	background-position:0 100%;
	background-repeat:no-repeat;
	width:193px;
	display:block;
	margin-bottom:25px;
	}
	
.featuredBoxContent
	{
	padding-bottom:0;
	background:url(images/mtt_caseStudyInnerMid.png);
	background-position:0 0;
	background-repeat:no-repeat;
	padding-top:45px;
	min-height:70px;
	padding-right: 10px;
	padding-left:11px;
	}
	
.featuredBoxContent h1
	{
	text-align:center;
	padding:0 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#ffdc18;
	padding-bottom:6px;
	}
	
.featuredBoxContent h1 a
	{
	color:#ffdc18;
	}
	
.featuredBoxContent h1 a:hover
	{
	text-decoration:underline;
	}

.featuredBoxContent img
	{
	border:2px white solid;	
	}
	

.featuredInstallBoxWrapper
	{
	width:193px;
	height:auto;
	display:block;
	background:#edeef1;	
	margin-bottom:25px;
	
	}
	
.featuredInstallContent
	{
	padding: 15px 10px;	
	}

.featuredInstallContent ul
	{
	width:170px;
	margin-left:5px;
	margin-top:8px;
	}

.featuredInstallContent ul li
	{
	color:#487ea1;
	font-family:Helvetica,Arial, sans-serif;
	font-size:12px;
	margin:5px 0;
	list-style-position:outside;
	padding-left:14px;
	background:url(images/mtt_geryBox.png);
	background-repeat:no-repeat;
	background-position:0 50%;
	}
	
.featuredInstallContent a
{
	color:#283F5D;
}

.featuredInstallContent a:hover
{
	color:#7C1807;
	text-decoration:underline;	
}

.featuredInstallBoxWrapper h1
	{
	font-family: 'TigerGothamBold', Arial, sans-serif;
	text-transform:uppercase;
	color:#cc1009;
	text-align:center;
	font-size:15px;
	font-weight:normal;
	}
	
/* --------------------- testimonial -------- */

.testimonialContainer
	{ 
	display:none;
	/*
	display:block;
	position:relative;
	background: url(images/mtt_testimonialQuotes.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-top:20px; */
	}
	
.testimonialContent
	{
	width:189px;
	margin-left:20px;
	}	
	
.testimonialContent p
	{
	font-size: 14.5px;
	font-family: 'MyriadItalic', sans-serif;
	margin-bottom: 3px;
	color:white;
	}
	
.testimonialContent h2
	{
	text-align:right;
	text-transform:uppercase;
	color:#f9cc2e;
	font-family:'TigerGothamBold', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	letter-spacing:1px;
	}

ul.nav_depth_1
	{
	line-height:23px;
	width:185px;
	}

ul.nav_depth_1 li
	{
	padding:3px 0;
	}

.widget_nav_menu > ul > li > a
	{
	display:none;
	}

ul.nav_depth_1 li a
	{
	color:#52423b;
	font-family:'TigerGothamBold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
	
ul.nav_depth_1 li a
	{
	background:url(images/greyBullet.png);
	background-repeat:no-repeat;
	background-position:0 11px;
	padding-left:10px;
	font-size:16px;
	display:inline-block;
	}
	
ul.nav_depth_2 li a
	{
	color:#41558a;
	font-family:'TigerGothamRegular', Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:13px;
	background:none;
	padding:0;
	
	}

ul.nav_depth_2 li.selected a
	{
	color:#cc1009;
	text-decoration:underline;
	}

ul.nav_depth_2 li a:hover
	{
	color:#cc1009;
	}

ul.nav_depth_2
	{
	margin-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	}

ul.nav_depth_2 li
	{
	background:none;
	padding:4px 0;
	margin:0;
	line-height:18px;
	}
		

.subNavContent
	{
	width:210px;	
	padding-left:17px;
	}
	
.newsArticleContainer p
	{
	margin:4px 0 25px 0;
	}
	
.newsArticleContainer h1
	{
	display: inline;
	font-family: 'MyriadRoman', Helvetica, sans-serif;
	font-size: 15px;
	color: #41558A;
	font-weight: normal;
	
	}
	
.newsArticleContainer h1 a	
	{
	color: #CC1009;
	}
	
.newsArticleContainer h1 a:hover	
	{
	text-decoration:underline;
	}
	
.featuredTitle
	{
	background: url(images/greyBullet.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 10px!important;
	font-size: 16px;
	color: #52423B;
	font-family: 'TigerGothamBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}

.paginationNav
	{
	margin-bottom:25px;
	}

.paginationNav h2 a
	{
	font-size:1.05em;
	margin: 0 4px 0 0;
	}
	
.paginationNav h2 a.current
	{
	color:#CC1009;
	}