/* 
 * Global CSS for Mut8 CMS
 * (c) 2009 Hougasian  |  www.hougasian.com
 *  * colors: 043a9a & 1150bf
 */

/* Reset browser */
@import url(reset.css) screen;

 /*	TAGS	*/

		body {
			font: 90% Verdana, Arial, Helvetica, sans-serif;
			background: url(../ssimages/ui/headergrade2.png) repeat-x #069;
			margin: 0; 
			padding: 0; 
			text-align: center;
			color: #999;
			}
		h1 {
			font-size: 110%;
			line-height: 1.7em;
			}
		
		h1 span {
			font: 180% Arial, Helvetica, sans-serif; 
			color: #333;
			font-weight: bold;
			}
		h2 {
			font: 270% Verdana, Geneva, sans-serif	;
			font-weight: bold;
			color: #ccc;
			}
				
 
h3.mainheader {color: #262626}
h3.topheader {color: #262626; font-size: 250%; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
p.columnheader {color: #262626; font-size:120%; font-weight:bold;}
		
			.main #body_wrap{
				width: 100%;
				padding-bottom: 25px;
				background: url(../ssimages/ui/bodygrade.png) repeat-x #fff;
				border-top: 1px solid #fff;
				margin: 0;
				text-align: left; 
				}
			.main #wrap {
				background: url(../ssimages/ui/dropsbottom.png) no-repeat bottom center; 
				margin: 0 auto;
				width: 990px;
				padding: 0 20px; 
				}
		img {border: 0;} /* eliminate all possible image borders */
		
		em {font-style: italic;}
		
		/*
		object {	/* shadow for video objects at 480px w */
		/*	background: url(../ssimages/video_shadow.png) no-repeat bottom center;
			padding-bottom: 21px;
		}
		*/
		

/*	DIVs	*/

		#head {
			margin: 0 auto;
			width: 990px;;
			height: 95px;
			padding: 0;
			}
		#head img {
			margin: auto;
			padding: 7px;
			}

		#contactwrap {
			float: right;
			padding-top: 30px;
			}
		
		ul.contact {
		font-size: 80%;
		list-style: none;
		color: #80a8c1;
		}
		
		ul.contact li {
			display: block;
			float: left;
			margin: 5px 10px;
			}
		
		ul.contact li a:link, ul.contact li a:active, ul.contact a:visited, {
			color: #80a8c1;
			text-decoration: none;
			}
		
		ul.contact li a:hover {color: #FFC;}
		
		ul.contact li.iphoneh {
			background: url(../ssimages/icons/iphone.png) no-repeat left center;
			padding: 0 0 0 28px;
			}
		
		ul.contact li.talkh {
			background: url(../ssimages/icons/talk.png) no-repeat left center;
			padding: 0 10px 0 38px;
			border-right: 1px solid #036;
			}
		
		ul.contact li.dvdh {
			background: url(../ssimages/icons/dvd.png) no-repeat left center;
			padding: 0 10px 0 38px;
			border-right: 1px solid #036;
			}
		
		ul.contact li.dvdh span {
			font-weight: bold;
			color: #FFF;
			}
			
	#media { 
			display: block;
			width: 480px;
			height: 316px;
			float: left;
			margin-top: 40px;
			background: url(../ssimages/slides/swimspa_01.jpg) no-repeat;
			}
			#medianovideo { 
			display: block;
			width: 480px;
			height: 328px;
			float: left;
			margin-top: 48px;
			background: url(../ssimages/slides/swimspa2_01.jpg) no-repeat;
			}
			#player {
  width: 480px;
  height: 316px;
    display:block;
  background: url(../ssimages/slides/swimspa_01.jpg) no-repeat;
  /* padding:0 126px 75px 127px;	*/
  text-align:center;
 }
			#media img {position: relative; top: 0px;}
	#media2 { 
			display: block;
			width: 480px;
			height: 316px;
			float: left;
			padding-right: 30px;
			}
	
		#plaque_txt {
			/*background: url(../ssimages/ui/drops.png) right bottom no-repeat;*/
			display: block;
			width: 450px;
			float: right;
			margin: 40px 0 20px 0;
			line-height: 1.6em;
			}
		#topnav .currentLink {
			border-bottom: 2px solid #036;
		}
		#topnav {
			font-size: 120%;
			font-weight: bold;
			margin: 0 auto;
			width: 990px;
			padding-top: 30px;
			}
			#topnav a:link, #topnav a:active, #topnav a:focus, #topnav a:visited {
				padding: 2px 0;
				margin-right: 40px;
				color: #036;
				text-decoration: none;
				}
				 a.headerlink:link,  a.headerlink:active, a.headerlink:focus, a.headerlink:visited {
				padding: 2px 0;
				margin-right: 40px;
				color: #80A8C1;
				text-decoration: none;
				}
			
			#topnav a:hover, a:active {border-bottom: 4px solid #036;}
			
			#topnav img {vertical-align: middle;}	
			
			#topnav a.selected {
				background: #CCC; 
				color: #FFF;
				border: 0;
				padding: 5px 7px;
				}
		
		#subnav {
			font-size: 110%;
			font-weight: bold;
			margin: 0 auto;
			width: 990px;
			padding-top: 10px;
			}
			#subnav a:link, #subnav a:active, #subnav a:focus, #subnav a:visited {
				padding: 1px 0;
				margin-right: 20px;
				color: #06C;
				text-decoration: none;
				}
			
			#subnav a:hover, a:active {border-bottom: 4px solid #06c;}
			
			#subnav img {vertical-align: middle;}	
			
			#topnav a.selected {
				background: #CCC; 
				color: #FFF;
				border: 0;
				padding: 5px 7px;
				}
		#wide {	margin-top: 50px;}
		
			#wide p {line-height: 1.6em;}
			
		#form_layer {
			width: 100%;
			padding-top: 25px;
			text-align: center;
			float: left;
			}
			
			#form_layer img {margin: 0 30px;}
			#form_layer h2 {
				font: 210% Georgia, "Times New Roman", Times, serif;
				font-style: italic;
				background: url(../ssimages/ui/leftQt.png) no-repeat top left;
				padding-left: 50px;
				color: #666;
				min-height: 60px;
				padding-bottom: 20px;
				border-bottom: 1px solid #ccc;
				}
			#form_layer h2 span {
				font: 60% Arial, Helvetica, sans-serif; 
				float: right;
				font-style: italic;
				color: #999;
				}
			#form_layer h2 .quote {
				background: url(../ssimages/ui/rightQt.png) no-repeat bottom right;
				padding-right: 50px;
				}
		#content_layer {
			display: block;
			padding-top: 100px;
			color: #999;
			}
			
			#content_layer h2 {
				margin: 25px 0;
				color: #666;
				}
				
					#inline {
		width: 100%; padding-left: 30px;		}
		#flashgallery {
		width: 100%;
		float: center;
		padding-left: 140px;
				}
	
	#inline_form {
		float: right;
		width: 50%;
		}
	#infoboxinline {
		width: 45%;
		float: left;
		font: 130% Arial, Helvetica, sans-serif;
		font-weight: bold;
		}
			
	#infoplain {
		width: 100%;
		float: left;
		font: 130% Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-top: 20px;
		padding-bottom: 20px;
		}
		#infoboxinline h3 {padding: 10px 0;}
		#infoboxinline img {float: right;}
		#infoboxinline li {
			list-style-image: url(../ssimages/ui/ok.png);
			padding: 10px 0;
			}
			#infoboxinline2 {
		width: 45%;
		float: right;
		font: 130% Arial, Helvetica, sans-serif;
		font-weight: bold;
		}
		#infoboxinline2 h3 {padding: 10px 0;}
		#infoboxinline2 img {float: right;}
		#infoboxinline2 li {
			list-style-image: url(../ssimages/ui/ok.png);
			padding: 10px 0;
			}
		
/*	FOOTER 	*/

		#footer_wrap {
			background: url(../ssimages/ui/footergrade2.png) repeat-x #036;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 200px;
			}
			#footer {
				font-size: 80%;
				margin: auto;
				padding: 10px;
				width: 990px;
				color: #80a8c1;
				}
			
			#footer a:link, #footer a:active, #footer a:visited {
				display: block;
				text-decoration: none;
				color: #80a8c1;
				height: 23px;
				line-height: 1.8em;
				}
			#footer a:hover, a:active {
				color: #fff;
				text-decoration: underline;
				}
			#footer .brand {	
				margin-top: 25px;
				padding: 0;
				float: left;
				width: 300px;
				font-size: 90%;
				line-height: 1.7em;
				}
			#footer .siteinfo {	
				margin-top: 25px;
				padding: 0;
				float: left;
				width: 200px;
				height: 150px;
				border-left: 1px solid #80a8c1;
				}
			
			#footer .siteinfo p {padding-left: 10px;} 
			
			#footer .siteinfo p span {
				font-size: 110%; 
				font-weight: bold;
				display: block;
				height: 28px;
				}
#footer .siteinfo a.call:link,  #footer .siteinfo a.call:active,  #footer .siteinfo a.call:visited, #footer .siteinfo a.calll:hover {
				display: block;
				text-decoration: none;
				color: #80a8c1;
				height: 23px;
				line-height: 1.8em;
				}

/*	CLASSES		*/

		.clear {clear: both;}
		.left {float: left;}
		.green {color: #b2d235;}
		.eight {
			color: #666; 
			font-weight:bold;
			padding: 0 1px 0 2px;
			} 
		.fs {font-size: 120%;}

/*	FOOTER ICONS	*/
		/* SOCIAL */
		.facebook	{padding-left: 25px; background: url(../ssimages/icons/social/facebook.png) left center no-repeat;}
		.flickr 	{padding-left: 25px; background: url(../ssimages/icons/social/flickr.png) left center no-repeat;}
		.myspace	{padding-left: 25px; background: url(../ssimages/icons/social/myspace.png) left center no-repeat;}
		.twitter 	{padding-left: 25px; background: url(../ssimages/icons/social/twitter.png) left center no-repeat;}
		.youtube 	{padding-left: 25px; background: url(../ssimages/icons/social/youtube.png) left center no-repeat;}
		/* CONTACT */
		.call		{padding-left: 25px; background: url(../ssimages/icons/iphone.16.png) left center no-repeat;}
		.talk		{padding-left: 25px; background: url(../ssimages/icons/talk.16.png) left center no-repeat;}
		.dvd		{padding-left: 25px; background: url(../ssimages/icons/dvd.16.png) left center no-repeat;}
		
/* Localized */