/* 
================================
Skin styles for Mikki Training
================================

swatch colors
-------------
E20121 - light red
b2011a - dark red
cccccc - light grey
333333 - dark grey
*/ 

/* Remove all margins padding */
* {padding:0; margin:0;}  

html{}

body{font-family:Helvetica, Arial, sans-serif; font-weight:normal; color: #333; font-size: 100%;  background-color:#FFFFFF; min-width: 100%;
}	

.hidden{display:none;}

h1 {font-family:Helvetica, Arial, Verdana, sans-serif; font-size:33px; text-decoration: none; font-weight: bold; margin-bottom:20px; color: #E20121;}
h2 {font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 30px; font-weight: normal; color: #E20121; margin-bottom:12px;}
h3 {font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 26px; font-weight: normal; color: #E20121;}
p{ margin-bottom:12px; font-size: 0.8em;}

a, a:visited{color:#E20121; text-decoration:none;}
a:hover{text-decoration:underline; color:#E20121;}
a:hover img{background-color:transparent;}

h1 a, h2 a, h3 a, h1 a:visited, h2 a:visited, h3 a:visited{text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:underline; color:#E20121;}

/* --- Page Containers --- */
.container{width:1000px; height:auto; position:relative; margin: 0 auto; display: block}

/* --- Page ---*/
#page {height: 100%; width:100%;}

/* --- Header --- */
	#header {height: 184px; background: #E20121; width: 100%; display: block;}
		#header .container {height: 100%;}
		a#logo{display:block; position:absolute; top:20px; left:30px; padding: 0; background:url(images/logo.jpg) no-repeat scroll; height:150px; width:150px; text-indent:-9999px;}
		#slogan {display: block; position: absolute; top:80px; left: 185px; background: url(images/slogan.png) no-repeat scroll; height: 29px; width: 400px; text-indent: -9999px;}

		/* --- SEO Main Menu --- */
		.SEOMenu {width:auto; position:absolute; bottom:0; left:170px;}
		.SEOMenu ul { margin-left:0; list-style-type:none; width:750px;}
		
		.SEOMenu ul li {float:left; position:relative; display:inline; width:105px; list-style-type:none; margin-right:2px; text-align:center;} 		
			.SEOMenu ul li a, .SEOMenu ul li a:visited{display:block; height: 32px; width: 105px; background-attachment: scroll; background-repeat: no-repeat; background-position: center -32px; text-indent: -9999px;}
		.SEOMenu ul li.CurrentItem a, .SEOMenu ul li a:hover, .SEOMenu ul li.CurrentItem a:visited {background-position: top center;}
		
		.SEOMenu ul li.Tab2168 a {background-image: url(images/menu/home.jpg)}
		
		.SEOMenu ul li.Tab2198 a {background-image: url(images/menu/behaverite.jpg)}
		
		.SEOMenu ul li.Tab2199 a {background-image: url(images/menu/walkrite.jpg)}

		.SEOMenu ul li.Tab2201 a {background-image: url(images/menu/fetchrite.jpg)}

		.SEOMenu ul li.Tab2202 a {background-image: url(images/menu/travelrite.jpg)}

		.SEOMenu ul li.Tab2203 a {background-image: url(images/menu/puppyrite.jpg)}

		.SEOMenu ul li.Tab2204 a {background-image: url(images/menu/playrite.jpg)}		
		/* --- End main menu --- */
/* --- End Header --- */

/* --- jQuery Slider Content ---*/
#slider {position: relative; display: block; background: url(images/slider-bkg.jpg) repeat-x;height: 194px;}
	#slider .container {line-height: 0; font-size: 0;}
	
	#slider .jQuery-text {position: relative;}
	.jQuery-text h2 {font-size: 67px; color: #00a4fd; font-weight: bold;line-height: 60px;display: none;}
		.jQuery-text .first {margin: 60px 0 0 141px;background: url(images/header-logos/fetch.png) scroll no-repeat; width: 135px; height: 42px; text-indent: -9999px;}	
		.jQuery-text .second {margin: 68px 0 0 223px;background: url(images/header-logos/behave.png) scroll no-repeat; width: 171px; height: 39px; text-indent: -9999px;}
		.jQuery-text .third {margin: 84px 0 0 313px;background: url(images/header-logos/walk.png) scroll no-repeat; width: 102px; height: 36px; text-indent: -9999px;}
		.jQuery-text .fourth {margin: 38px 0 0 49px; background: url(images/header-logos/behaverite.png) scroll no-repeat; width: 319px; height: 42px; text-indent: -9999px;}
		.jQuery-text .fifth {margin: 38px 0 0 50px; background: url(images/header-logos/walkrite.png) scroll no-repeat; width: 239px; height: 42px; text-indent: -9999px;}
		.jQuery-text .sixth {margin: 38px 0 0 49px; background: url(images/header-logos/fetchrite.png) scroll no-repeat; width: 255px; height: 42px; text-indent: -9999px;}
		.jQuery-text .seventh {margin: 36px 0 0 50px; background: url(images/header-logos/travelrite.png) scroll no-repeat; width: 271px; height: 42px; text-indent: -9999px;}
		.jQuery-text .eighth {margin: 38px 0 0 50px; background: url(images/header-logos/puppyrite.png) scroll no-repeat; width: 271px; height: 53px; text-indent: -9999px;}
		.jQuery-text .ninth {margin: 38px 0 0 50px; background: url(images/header-logos/playrite.png) scroll no-repeat; width: 220px; height: 53px; text-indent: -9999px;}	

/* --- Main-Content ---*/
#main-content {position: relative; display: block; background: url(images/grass_drop.png) repeat-x top left;}
	#main-content .container {height: 100%; padding-top: 45px;}
		#main-content .col-alpha {position: relative; float: left; display: block; width: 235px; margin-right: 30px; vertical-align: top;}
		#main-content .row-alpha {position: relative; float: left; display: block; width: 720px; vertical-align: top; margin-bottom: 10px;}
		#main-content .col-beta {position: relative; float: left; display: block; width: 350px; vertical-align: top; margin-right: 10px;}
		#main-content .col-charlie {position: relative; float: left; display: block; width: 350px; vertical-align: top; margin-left: 10px;}
		
/* --- Footer ---*/
#footer {height: 42px; background: #E20121; width: 100%; display: block;}

/* --- Spacer to clear div floats --- */	
.spacer{clear:both; height:0; line-height:0; font-size:0; margin:0;}

/* --- Panes ---*/
.stats-pane {background: #E20121;}

/* --- Other Styles ---*/
h1#behaverite{display: block; position: absolute; top: -25px; text-indent: -9999px;font-size: 0;line-height: 0;background: url(images/container-headers/behaverite.png) scroll no-repeat; width: 144px; height: 20px;}
h1#walkrite{display: block; position: absolute; top: -25px; text-indent: -9999px;font-size: 0;line-height: 0;background: url(images/container-headers/walkrite.png) scroll no-repeat; width: 144px; height: 20px;}
h1#fetchrite{display: block; position: absolute; top: -25px; text-indent: -9999px;font-size: 0;line-height: 0;background: url(images/container-headers/fetchrite.png) scroll no-repeat; width: 144px; height: 20px;}
h1#travelrite{display: block; position: absolute; top: -25px; text-indent: -9999px;font-size: 0;line-height: 0;background: url(images/container-headers/travelrite.png) scroll no-repeat; width: 144px; height: 20px;}
h1#puppyrite{display: block; position: absolute; top: -24px; text-indent: -9999px;font-size: 0;line-height: 0;background: url(images/container-headers/puppyrite.png) scroll no-repeat; width: 144px; height: 23px;}
h1#playrite{display: block; position: absolute; top: -27px; text-indent: -9999px;font-size: 0;line-height: 0;background: url(images/container-headers/playrite.png) scroll no-repeat; width: 144px; height: 26px;}