/* GreyWolf Golf */
/* mobile.css */
/* author - Matthew Sanders
/* company - Element Fusion	

/* CONTENTS
	
	1.LAYOUT
		1.1.HOME TABS
	2.NAVIGATION
	3.CONTENT
		3.1.HEADINGS
		3.2.LINKS
		3.3.HOME PAGE
	4.ACCESSABILITY

---------------------------------------------------------------------- */

/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* IMAGE HANDLING */

img { /*max-width:228px;*/ max-width:100%; text-align:center; }
.home img { max-width:228px !important; text-align:center; }

iframe, table { max-width:228px !important; }

div,p { -webkit-transition: all 2s; }

.imagebox { -webkit-transform: scale(1); }

/* Font
--------------------------------------- */
/*
@font-face {
	font-family: 'Palatino LT Std';
	src: url('http://greywolf.publishpath.com/Websites/greywolf/templates/GreyWolf/c/PalatinoLTStd-Roman.eot');
	src: local('Palatino LT Std Roman'), local('PalatinoLTStd-Roman'), url('http://greywolf.publishpath.com/Websites/greywolf/templates/GreyWolf/c/PalatinoLTStd-Roman.otf') format('opentype'), url('http://greywolf.publishpath.com/Websites/greywolf/templates/greywolf/c/PalatinoLTStd-Roman.svg#Palatino') format('svg');
}*/

/* Hidden Elements
--------------------------------------- */

#signUp,
.panorama,
#flashcontent,
.hide,
.rss,
.galleryItem,
.flashalt,
.xiphone,
#inside #subCol { display: none !important; }
#body { display:none; }


/* 1.LAYOUT
---------------------------------------------------------------------- */

.home #frame { width: auto !important; background:transparent !important; padding:0 10px 0 10px !important; margin:0 !important; float:none !important; clear:none !important; }

form,
#header, #header h1, #header h1 a, #header .nav,
#navigation { width: 100%; float: left; margin: 0; padding: 0; }
/*
div, object { max-width: 100% !important; word-wrap: break-word; }*/

body { width: 100% !important; -webkit-text-size-adjust: none; background: #1f2b06 url('mi/bg.jpg') left 10px no-repeat; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#body { width: 100% !important; background: transparent; -webkit-tap-highlight-color: rgba(28,47,47,0.6); }

#header { padding:0; float:left; clear:both; }
#header h1 a { display:block; width:140px; height: 76px; background: url('mi/logo.png') 0 0 no-repeat; text-indent:-550em; overflow:hidden; /*position:relative; left:23px; top:0;*/ margin:23px 0 18px 21px; }

.home #container { max-width:300px !important; background:transparent !important; border:0 !important; margin:0 auto !important; padding:0 !important; float:none !important; clear:none !important; }
.home .iphoneContainer { max-width:300px !important; position:relative; float:left; clear:both; padding:0 0 2em 0; }

.inside #mainCol,
table { display:block; max-width:80%; float:left; }

#frame { background: url(i/frame_tile.png) !important; width:auto !important; padding:0 10px 0 10px !important; margin:-0.1em 0 0 0; float:left; }
.wrapper { width:auto !important; margin:0; padding:0; float:left; }
#container { width:auto !important; background:#fff; border-top:7px solid #b0cc3b; float:left; margin:0; padding:22px; }
/*.iphoneContainerInside { padding:23px; }*/

#footer { width:auto !important; color:#7a902f; font:normal normal normal 0.7667em/1.2em "Palatino Linotype", Palatino, "Times New Roman", Times, serif; padding:1em 23px 1em 23px; border-top:20px solid #2a3c10; margin:0; float:left; clear:both; }

/* 1.1.HOME TABS
--------------------------------------- */

#featureNavigator { display:block; list-style:none !important; width:40px; margin:-2px 0 0 0 !important; padding:0 !important; float:left; }
#featureNavigator li { margin-bottom:3px; }
#featureNavigator a { display:none; }
#featureNavigator #tab1 a { display:block; height:92px; width:40px; background:url(mi/feature-nav-tab1.png) left top no-repeat; }
#featureNavigator #tab2 a { display:block; height:92px; width:40px; background:url(mi/feature-nav-tab2.png) left top no-repeat; }
#featureNavigator #tab3 a { display:block; height:92px; width:40px; background:url(mi/feature-nav-tab3.png) left top no-repeat; }
#featureNavigator #tab1 a,
#featureNavigator #tab2 a,
#featureNavigator #tab3 a { text-indent:-500em !important; overflow:hidden !important; display:block; }
#featureNavigator li .activeSlide { background-position:right top !important; }

.home #feature  { display:block; width:auto !important; font-size: 10px; float:left; margin:-1px 0 2em 0 !important; padding:0; }
#feature .contents .leftSide { width: auto !important; height: 240px; overflow: hidden; display: block; margin:0 !important; padding:3em 0 0 0 !important; }
#feature .contents .rightSide { width:auto !important; height: 200px; overflow: hidden !important; float: right; margin:0 !important; padding:0 !important;  }

.home #feature .tabRegion { background: url(mi/bg-featured.png); padding:0 17px 13px 17px; /*max-width: 430px !important;*/ width:225px; height: 386px; float: left !important; }
.home #feature h1, 
.home #feature h2, 
.home #feature h3, 
.home #feature h4 {color: #fff; font-weight: bold; border-bottom: 1px solid #B0CC3B; font-size:1.8em !important; margin:0 !important; padding:0 0 0.3em 0; }
.home #feature p { color: #d6d6d6 !important; font:bold normal normal 1.3em/1.5em "Palatino Linotype", Palatino, "Times New Roman", Times, serif !important; margin:-0.8em 0 0.5em 0; padding:0; }

/* 2.NAVIGATION
---------------------------------------------------------------------- */

.nav, .sitemapul {margin: 0; padding: 0;}
.nav li, .sitemapul li {display: inline; list-style: none;}

#header #navigation { height:43px; background: url('mi/nav-bg.png') 0 0 repeat-x; }
#header .nav { width:auto; max-width:310px; height:43px; /* position:relative; top:18px; left:0;*/  padding:0 0 0 10px; margin:0; }
#header .nav li { display:inline; padding: 0 !important; margin:0 !important; }/*
#header .nav li:first-child { margin:0 0 0 10px !important; }
#header .nav li:last-child { margin:0 10px 0 0 !important; }*/
#header .nav li a { display:inline-block; height: 40px; background: transparent; /*letter-spacing: -0.08em; */color: #47240c !important; text-transform: uppercase; font:bold normal normal 11px/40px "Palatino Linotype", Palatino, "Times New Roman", Times, serif !important; padding:0 10px 2px 10px !important; margin:0; }
#header .nav a:hover, 
#header .nav .selectedPage a, 
#header .nav .selectedPageParent a, 
#header .nav .selectedPageRoot a { background: rgba(71,36,12,0.5); color: #fff !important; }/*
#header .nav li.moveUp { margin:-1.4667em 0 0 0; }*/
#header .nav li.xiphone { display:none; }

#footer .nav { width:auto !important; background:transparent !important; margin:0 0 0 0; padding:0; font-size:10px !important; float:left; clear:both; }
#footer .nav a { display:block; color: #B0CC3B; margin:0 1em 1em 0; padding:0; float:left; font-size: 1.1538em; line-height:1em !important; }
#footer .nav a:hover {color: #FFF;}

.inside #extraCol {  }

#extraCol .animateNav { list-style:none; width:90%; font-size:0.8em !important; float:left; margin:2em 0 2em 0; background:rgba(21,31,10,0.7); -webkit-border-radius:10px; -webkit-box-shadow:#0b1006 0px 3px 3px; padding:5px 10px; border:1px solid #0b1006; }
#extraCol .animateNavButton { list-style:none; width:60px; }

#extraCol .nav { display:block; width:90%; float:left; background:rgba(00,00,00,0.9); -webkit-border-radius:10px; -webkit-transform: scale3d(0.97,0.97,0.97); -webkit-transition-delay: 100ms; -webkit-transition-duration: 100ms; -webkit-transition-property: opacity, -webkit-transform; -webkit-transition-timing-function:ease-in-out; -webkit-box-shadow:#0b1006 0px 3px 3px; padding:15px; border:1px solid #0b1006; }
#extraCol .nav a { display:block; width:95% !important; font-size: 1.1538em; color: #89D4E3; font-weight: bold; border-bottom: 1px solid #B0CC3B; padding: 0.5em 0; display: block; }

#extraCol .nav a:hover,
#extraCol .nav .selectedPage a { color: #FFF; text-decoration: none; border-color: #FFF; }

/*.animateNavShow {
  -webkit-animation-name: 'animateNavShow';
  -webkit-animation-duration: 1s;
}
 
@-webkit-keyframes 'animateNavshow' {
  from {    -webkit-transform: translateZ(0px) rotateX(180deg);}
  to {    -webkit-transform: translateZ(100px) rotateX(0deg);}
 
}
.animateNavhide {  -webkit-animation-name: 'animateNavhide';  -webkit-animation-duration: 1s; }
@-webkit-keyframes 'animateNavHide' {
  from {    -webkit-transform: translateZ(100px) rotateX(0deg);}
  to {    -webkit-transform: translateZ(0px) rotateX(180deg);}
}*/

/* 3.CONTENT
---------------------------------------------------------------------- */

#signUpMobile { display:block; color:#cfe2e3; width: 127px; height:30px; background: url(mi/sign-up-bg.png) no-repeat left top; padding: 10px 0 0 35px; font:bold normal normal 0.9667em/1.8em "Palatino Linotype", Palatino, "Times New Roman", Times, serif; position: absolute; top: 0; right: 0; }
#signUpMobile a { display:block; color:#b0cc3b !important; }
#signUpMobile span { font-size:0.7em; margin:-0.1em 0 0 0em; float:left; }

.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }

.small {font-size: smaller;}
.large {font-size: larger;}

p, ul, ol { font-size: 0.8em; line-height: 1.4615em; margin: 0 0 1.4615em 0; }

ol { margin-left: .75em; padding-left: 2em; }

ul { margin-left: .75em; padding-left: 1.5em; }

ul li {list-style: disc outside;}
ol li {list-style: decimal outside;}
ol ol li {list-style: lower-alpha outside;}
ol ol, ul ul {margin-bottom: 0;}
	
/*img {border: none;}*/
strong {font-weight: bold;}
em {font-style: italic;}
/*
#subCol p { width: 288px !important; margin: 0 16px !important; padding: 0 0 25px 0 !important; }*/

span.water { width: auto !important; background: transparent !important; text-indent:none !important; }

.breadCrumb { width:auto !important; font-size: 0.6em; line-height: 1em; font-weight:bold; color: #FFF; text-transform: uppercase; padding: 12px 0; float:left; }
.breadCrumb a { padding-right: 15px; background: url(i/arrow.png) no-repeat right center; margin-right: 10px; }

#footer p { padding:0; margin:-0.5em 0 0 0; float:left; clear:both;}

textarea { width: 100% !important; max-width: 100% !important; }

/* 3.1.HEADINGS
---------------------------------------------------------------------- */

h1, .ProductNameText  { font-size: 1.2em; line-height: 1em; margin: 0em 0; padding:0; font-weight: bold; font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, serif; color: #7A902F; }
h2 { font-size: 1.2em; line-height: 1em; margin: 1.0833em 0; padding:0; color: #C15E0C; font-family: "Palatino Linotype", Palatino, "Times New Roman", Times, serif; font-weight: normal; 	}
h3 { font-size: 1.1em; line-height: 1em; margin: 1.0526em 0; padding:0; font-weight: bold; }	
h4 { font-size: 1.1em; line-height: 1.2667em; margin: 1.333em 0; padding:0; font-weight: bold; }
h5 { font-size: 1.1em; line-height: 1.2667em; margin: 1.333em 0; padding:0; font-weight: bold; }
h6 { font-size: 1.1em; line-height: 1.2667em; margin: 1.333em 0; padding:0; font-weight: bold; }

#extraCol h1 { font-size: 1.6153em; line-height: 1em; font-weight: normal; margin: 0.9523em 0 0.3333em; color: #7A902F; }
#extraCol h2 { color: #7A902F; font-size: 1.1538em; line-height: 1.2667em; margin: 1.333em 0 0.4667em; }
#extraCol h3, 
#extraCol h4 { font-size: 1em; font-weight: bold; color: #7A902F; line-height: 1.4165em; margin: 1.5384em 0 0.5384em; }

/* 3.2.LINKS
---------------------------------------------------------------------- */

a, a:link, a:visited { color: #89D4E3; font-weight: bold; text-decoration: none; }
a:active {text-decoration: underline;}

#loading { background: rgba(000,000,000,0.6); -webkit-border-radius: 10px; position:absolute; top:140px; left:50%; margin-left:-60px; z-index:9999; padding:40px 20px 40px 30px; font:normal normal normal 1em/1em "Helvetica Neue",helvetica,arial,sans-serif; -webkit-box-shadow:rgba(00,00,00,0.6) 0px 1px 3px; color:#fff; }

#mainCol a { color: #228693; }
#footer a { color: #7A902F; font-weight: normal; }
#footer a:hover { color: #B0CC3B; }

/* 3.3.HOME PAGE
-----------------------------------------------------------------------*/

.home .L,
.home .R,
.home #subCol,
.home #extraCol { min-width:149px; max-width:149px; height:115px; position:relative !important; top:none; right:none; margin:2em 0 0 0; float:left; }
 
.home .L h1,
.home .R h1,
.home #subCol h1,
.home #extraCol h1 { display:block; min-width:149px; max-width:149px; font-size:0.8em !important; position:absolute; bottom:0; left:50%; margin:0 0 0 -78px !important; padding:0 !important; line-height:1em !important; text-align:center;  }

.home .L img,
.home .R img,
.home #subCol img,
.home #extraCol img { max-width:80px; opacity:0.6; position:absolute; top:0; left:50%; margin:0 0 0 -40px; }

/*
Internal Pages 
------------------------------------------------*/

/*
body.inside #extraCol, body.inside #subCol { display: none !important; }
body.inside #mainCol { width: 95% !important; padding: 3% 2.5% !important; font-size: 12px; margin: -35px 0 0 0 !important; background: #fff; }
body.inside #mainCol h1 { font-size: 1.5em !important; padding: 5px 5px 10px 0; }
body.inside #mainCol h1 + p { font-size: 14px !important; }
body.inside #mainCol img { max-width: 100% !important;}

textarea { width: 100% !important; max-width: 100% !important; }*/