/* -------------------------------------------------------------- 
  
   MASTER IMPORTS
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";
@import "lib/nav.css";
@import "lib/subpage.css";


/* PAGE
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 950px; }

body {
	background: gray;
	font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
	font-size: 13px;
	color: #4C4C4C;
	margin: 0 auto;
}

.clear { clear: both; }

.normal { font-weight: normal; }

.bold { font-weight: bold;}


/* HEADER
-------------------------------------------------------------- */

#header {
	background: #161616;
	height: 104px;
}

#header-container {
	margin: 0 auto;
	width: 900px;
	height: 104px;
	background: #161616;
}

#header-logo {
	width: 200px;
	height: 63px;
	float: left;
	margin-top: 20px;
	background: url(../images/logo.png) no-repeat;
}


/* INDEX PANELS
-------------------------------------------------------------- */

.index-main-wrapper {
	background: url(../images/mainwrapper-bg.png) repeat-x;
	height: 303px;
	clear: both;
}

.index-main-container {
	background: url(../images/main-bg.png) no-repeat;
	width: 1034px;
	height: 303px;
	margin: 0 auto;
}

.index-main-panelcontainer {
	margin: 0 auto;
	width: 840px;
	height: 180px;
	padding: 82px 30px 0 30px;
}

.index-main-panel1 {
	width: 229px;
	height: 100px;
	float: left;
	color: #d2d2d2;
	font-size: 12px;
}

.index-main-panel2 {
	width: 229px;
	height: 100px;
	float: left;
	margin-left: 76px;
	color: #d2d2d2;
	font-size: 12px;
}

.index-main-panel3 {
	width: 228px;
	height: 100px;
	float: right;
	color: #d2d2d2;
	font-size: 12px;
}

.index-main-panel1 h1, .index-main-panel2 h1, .index-main-panel3 h1 {
	font-size: 16px;
	font-weight: bold;
	color: white;
}

a.button-lodging {  
	display: block;  
	width: 229px;  
	height: 38px;  
	background: url(../images/button-lodging.png) 0 0 no-repeat;  
	margin-top: 16px;
}  
       
a.button-lodging:hover {  
	background: url(../images/button-lodging.png) 0 -38px no-repeat;  
}

a.button-directions {  
	display: block;  
	width: 229px;  
	height: 38px;  
	background: url(../images/button-directions.png) 0 0 no-repeat;  
	margin-top: 16px;
}  
       
a.button-directions:hover {  
	background: url(../images/button-directions.png) 0 -38px no-repeat;  
}

a.button-training {  
	display: block;  
	width: 228px;  
	height: 38px;  
	background: url(../images/button-training.png) 0 0 no-repeat;  
	margin-top: 16px;
}  
       
a.button-training:hover {  
	background: url(../images/button-training.png) 0 -38px no-repeat;  
}

a.button-viewcatalog {  
	display: block;  
	width: 228px;  
	height: 36px;  
	background: url(../images/button-viewcatalog.png) 0 0 no-repeat;  
}  
       
a.button-viewcatalog:hover {  
	background: url(../images/button-viewcatalog.png) 0 -36px no-repeat;  
}


/* CONTENT
-------------------------------------------------------------- */

.contentpanel-top {
	background: url(../images/contentpanel-top.png) no-repeat;
	height: 12px;
	width: 900px;
}

.contentpanel-container {
	background: url(../images/contentpanel-stretch.png) repeat-y;
	width: 858px;
	padding: 12px 12px 18px 30px;
}

.index-content-maincontainer {
	width: 534px;
	float: left;
	margin-top: 6px;
}

.index-posttitle-container {
	height: 24px;
	border-bottom: 1px solid #D7D8D6;
}

.index-post {
	clear: both;
	margin: 20px 0 40px 0;
}

.index-posttitle {
	float: left;
}

.index-posttitle h1 {
	font-family: georgia;
	font-size: 18px;
	color: #262626;
	font-weight: normal;
}

.index-postdate {
	float: right;
	font-size: 11px;
	color: #999999;
	position: relative;
	top: 3px;
}

.contentpanel-bottom {
	clear: both;
	background: url(../images/contentpanel-bottom.png) no-repeat;
	height: 12px;
	width: 900px;
}


/* SIDEBAR
-------------------------------------------------------------- */

.index-sidebar {
	float: right;
	width: 268px;
}

.sidepanel-border {
	border: 10px solid #E6E6E6;
	margin-bottom: 20px;
}

.sidebar-panel {
	border: 1px solid #D7D7D7;
	padding: 10px;
	width: 228px;
}

.sidebar-title {
	border-bottom: 1px solid #D7D8D6;
}

.sidebar-container h2 {
	color: #262626;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	text-transform: uppercase;
	margin: 0;
}

.sidebar-title-shop {
	border-bottom: 1px solid #D7D8D6;
	padding-top: 6px;
	height: 24px;
	background: url(../images/icon-shop.png) no-repeat right top;
}

.sidebar-title-shop h2 {
	color: #262626;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebar-title-train {
	border-bottom: 1px solid #D7D8D6;
	padding-top: 6px;
	height: 24px;
	background: url(../images/lightbulb.png) no-repeat right top;
	background-position: 204px 8px;

}

.sidebar-title-train h2 {
	color: #262626;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebar-content {
	padding: 16px 0;
	line-height: 16px;
}

.sidebar-content-list ul {
	margin: 4px 0;
	list-style: none;
}

.sidebar-content-list li {
	margin-left: 0;
	list-style: none;
	background: url(../images/icon-arrow.png) no-repeat;
	background-position: 0 15px;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted #cccccc;
}

.sidebar-diveright {
	float: left;
	padding: 0 10px 50px 0;
}

.icon-shop {
	float: right;
}


/* BODY
-------------------------------------------------------------- */

.body-wrapper {
	background: #E1E1E1;
	clear: both;
	padding: 20px 0 20px 0;
}

.body-container {
	width: 900px;
	margin: auto;
	background: white;
}


/* FOOTER
-------------------------------------------------------------- */

#footer {
	clear: both;
	background: url(../images/footer-bg.png) repeat-x;
	color: #ccc;
	font-size: 11px;
	clear: both;
}

#footer-container {
	margin: auto;
	width: 900px;
	height: 70px;
}

.footer-logo {
	float: right;
	width: 99px;
	height: 42px;
	background: url(../images/footer-logo.png) no-repeat;
	position: relative;
	right: 20px;
	top: 20px;
}

.footer-copyright {
	position: relative;
	top: 30px;
}

.links {
	float: left;
	padding-right: 20px;
}

.links ul {
        list-style-type: none;
        width: 400px;
        display: inline;
        margin-left: 0;
} 

.links li {
        display: inline;
        margin-left: 0;
}

.links li a { 
        color: #990000;
        display: block;
        font: bold 120% Helvetica, Arial, sans-serif;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

.links li a:hover {
        background: #ffffcc;
}

.links a em { 
        color: #333;
        display: block;
        font: normal 85% Helvetica, Arial, sans-serif;
        line-height: 125%; 
}

.links a span {
        color: #125F15;
        font: normal 70% Helvetica, Arial, sans-serif;
        line-height: 150%;
}