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

Global Styles
©  Go Vertical LLC
Written by Ryan Hinkel

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


/* Typography */
* { 
  margin: 0; 
  padding: 0;
}

body {font: normal Verdana, Arial, san-serif;font-size:12px; line-height:22px;}

p {font-size:12px; line-height:22px;}
p.fineprint {font-size:9px;line-height:16px;}
#submenu p {line-height:16px;}
#footer p {font-size:  12px; color: #fff;}
#footer a {color: #fff;}

h1 {font-size: 20px; font-weight: bold; color: #221; text-transform: uppercase; letter-spacing: -1px;}
h2 {font-size: 16px; font-weight: bold; text-transform: uppercase;}
h3 {font-size: 12px; font-weight: bold;}
h4 {font-size:  9px; font-weight: normal; text-transform: uppercase; font-style: italic;}



ul {font-size:12px; line-height:22px;}
ul#submenu {line-height:16px;}
ul#submenu ul{line-height:16px;}
#content_column ul li {list-style-image: url(../images/bullet4.gif);}
dl {font-size:12px; line-height:22px;}
dt {font-size: 13px; font-weight: normal; text-transform: uppercase; color:#547084;}
dd {}


a:link {color: #3c75ad; }
a:visited {color: #3c75ad; }
a:hover {color: #333; }


body {font-size: 12px; font-family: Verdana, Arial, san-serif; line-height:18px;}

/* Base Structure */

html {height: 100%;}
body {background: #b5c4cf repeat url(../images/site_background.jpg); text-align: center; height: 100%; margin: 0;}

p {margin-bottom: 22px;}
#content_column p  {}
#content_column img  {}
img {border-style: none;}
ol {padding: 0 0 0 28px;}

#container {width: 766px; margin: 0 auto; text-align: left;}

#header {width:766px; height:91px;}
#logo {float:left;width:144px;height:91px;text-indent:-9999px;overflow: hidden;background: url(../images/gvlogo2.gif) no-repeat;}
#logo a {width:144px;height:91px; display:block;}
#menu {float:left;width:622px; height: 90px;margin: 0; padding: 0;}

#main {width: 746px; border: 10px #b5c4cf solid; padding: 0 0 40px 0; background-color: #fbfbe9;}
#home #main {padding: 0;}

h1 {margin: 0 0 20px 0; padding-top:15px; padding-left:20px;height: 40px;}
h2 {margin: 0 0 22px 0; padding:0;}
h3 {margin: 0 0 11px; padding:0;}
#aboutthegym h3 {border-top: 5px solid #b5c4cf;}

h4 {margin: 0 0 10px 0; padding: 0;}

/* Menu Styles */

#menu li {list-style: none; height: 90px; float: left; text-indent: -9999px; overflow: hidden;}
#menu li a{height: 90px;display: block;}
#menu li#about a {background: url(../images/menu_about.gif) no-repeat;width: 195px; }
#menu li#photo a {background: url(../images/menu_photo.gif) no-repeat;width: 200px; }
#menu li#school a {background: url(../images/menu_school.gif) no-repeat;width: 227px;}

/* Submenus */

#submenu {margin: 0; padding: 12px 10px; width: 205px; height: 100%; float:left;}
#submenu li {display:block;list-style: none;width: 100%;background:none;}
#submenu li a {display:block; height: 14px;padding: 8px 10px;color: #000;}

#aboutthegym #submenu {background: url(../images/submenu_background.jpg) repeat;}
#aboutthegym #submenu li.selected {background-image: url(../images/submenu_yellow_back.gif);background-repeat: no-repeat;}

#photovideo #submenu {background: url(../images/submenu_background.jpg) repeat;}
#photovideo #submenu li.selected {background-image: url(../images/submenu_white_back.gif);background-repeat: no-repeat;}
#photovideo #submenu li.submenu_heading {padding: 8px 10px; font-weight:bold;}
#photovideo #submenu ul {margin: 0;padding: 0;}
#photovideo #submenu ul li a {display:block; height: 14px;}

#climbingschool #submenu {background: url(../images/submenu_background.jpg) repeat;}
#climbingschool #submenu li.selected a {background-image: url(../images/submenu_green_back.gif);background-repeat: no-repeat;}

/* Content Styles */

#content_column {margin-left: 265px;width: 440px;}
#content_column img {clear:right;float:right; margin: 0 0 0 20px;}
#content_column img.fullwidth {clear:none;float:none; margin: 0;}


#footer {margin: 0;padding: 5px; text-align: center;width: 766px;}


/*  List Styles    */

ul {margin: 0 0 22px 26px; padding: 0 0 0 0px;}
li {}
#content_column dl {margin: 0 0 22px 0; padding: 5px 5px; background-color: #edf0e4; border: #d8dfdc 1px solid; }
#content_column dl dt {margin: 0 3px 0 0; padding: 0; float:left;}
#content_column dl dd {margin: 0; padding: 0;}



/* Home Page Styles */

#home .clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } 
#home h1, #home h2 {display:none;}
#home #flashcontent {margin: 0;}
#home #content_column {margin:0; width:100%;}

#home #column1, #home #column2, #home #column3 {width: 216px;display: inline;}
#home #column1, #home #column3 {height: 380px; padding: 2px 13px 12px 13px;background-color: #d8dfca;background: url(../images/submenu_background.jpg) repeat;}
#home #column2 {padding: 2px 0px 12px 23px;}
#home #column1, #home #column2 {float:left;}
#home #column3 {float:right;}


#home h3 {width:215px;height:28px;text-indent: -9999px;margin: 17px 0 0 0;overflow: hidden;}

#home div#directions h3 {background: url(../images/heading_directions.gif) no-repeat;}
#home div#waiver h3 {background: url(../images/heading_waiver.gif) no-repeat;}
#home div#hoursfees h3 {background: url(../images/heading_hoursfees.gif) no-repeat;}
#home div#videos h3 {background: url(../images/heading_videos.gif) no-repeat;}
#home div#promotions h3 {background: url(../images/heading_promotions.gif) no-repeat;}

#home dl#hours {margin-bottom: 5px;}
#home dl#hours dt {float: none;}
#home #fees {padding: 5px 2px;}

#home #waiver h3 a {width:215px;height:28px;display:block;}


#home #videos h3, #home #promotions h3, #home #waiver h3 {margin-bottom: 5px;}
#home #videos img {float: none; margin: 10px 0 0 0;display: inline;}
#home #videos img.space {margin-right:8px;}

#home #directions img {margin: 0 0 10px 0;}
#home #promotions a {margin: 0 0 5px 0;display:block;}


/* Video Page Styles */

#photovideo h2 {display: none;}
#photovideo #flashcontent {margin: 20px 0;}
#photovideo #content_column img{float:none;clear:none;margin: 0 0 20px 0;}