@charset "utf-8";
/* CSS Document */

GLOBAL RESETS

* {
	margin:0;
	padding:0;
	direction:ltr;
	font-family:Verdana, Helvetica, sans-serif;
	border:none;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin:0;
	padding:0;  /* NOTE: ALLLLL IMPORTANT OR FIREFOX, CHROME AND OPERA WILL THROW OFF THE MENU! */
}

li,dd {
	margin-left:0em;
}

fieldset {
	padding:.5em;
}

body {
	font-size:76%;
	font-family: Verdana, Helvetica, sans-serif;
	line-height:1.3;
	background-color:#fff;  /* -- set page's background color here -- */ 
}

a{
	color:#002856;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	color: #C92127;
}

/* MAMMUT CUSTOM LAYOUT */

/* main container */
#main_container{
width:950px;
height:auto;
margin: 0 auto;
border: #eee 1px solid;
}

/* header, logo, spacers, etc. */
#header{
height:auto;
}

#logo{
clear:both;
height:118px;
}

.vertical_spacer{
	clear:both;
	height: 0.25em;
}


/*----------------showcase-----------*/
#showcase{
clear:both;

height:330px;
background:#002856;
/*background-position:50px 0px;*/
}


/* ------ type specs ------*/
p.white{
color:#fff;
}
p.blue{
color:#002856;
}
p.clear{
clear:both;
padding:10px 0 0 0;
}

/*----------main content---------*/

#main_content_wrapper {
	clear:both;
	height:auto;
	padding:0;
	margin:0;
	overflow:hidden;
}

#inner_left_content {
	height:225px;
	width:658px;
	float:left;
	background:#fff;
	border-right:#C92127 dotted 3px;
	overflow:hidden;
}

.inner_left_heading {
	background:url(../images/heading_blue_bg.png) repeat-x left;
	margin:0 15px 0 0;
	padding-left:2em;
	font-weight:bold;
	color:#fff;
	line-height:30px;
}

#inner_right_content {
	height:225px;
	width:289px; /* not 100% sum because of the dotted line width */
	float:left;
	background:#fff;
	overflow:hidden;
}

.inner_right_heading {
	background:url(../images/heading_red_bg.png) repeat-x right;
	margin:0px 0px 0px 10px;
	padding-left:15px;
	font-weight:bold;
	color:#fff;
	line-height:30px;
	/*text-decoration:blink;*/
}

.inner_right_heading a{
	color:#FFFFFF;
	/*text-decoration:blink;*/
}

.inner_right_heading a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.rt_column_weblinks{
	color: #002856;
	padding-top:15px;
	padding-left:15px;
	line-height:2em;
}

.rt_column_weblinks a{
	font-weight:bold;
	text-decoration:none;
}

.rt_column_weblinks a:hover{
	color: #C92127;
}

/* mammut_projects.html specific layout */

.projects_left_container{
	float:left;
	width: 473px;
	border-right:#C92127 dotted 4px;
}

.inner_left_heading_small {
	background:url(../images/heading_blue_bg.png) repeat-x left;
	margin:0 11px 0 0;
	padding-left:2em;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	line-height:18px;
	vertical-align:middle;
}

.projects_right_container{
	float:left;
	width: 461px;
	margin-left:11px
}

.inner_right_heading_small {
	background:url(../images/heading_blue_bg.png) repeat-x left;
	margin:0;
	padding-left:2em;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	line-height:18px;
	vertical-align:middle;
}

.projects_images{
	margin: 0.5em 0 0.5em 0;
}


/* NEEDS WORK! */
.inner_right_heading .download_arrow {
	background-image:url(../images/download_arrow.png);
	background-position:center center;
	position:relative;
	background-repeat:no-repeat;
	width:19px;
	height: 19px;
	background-color: #FF0000;
	left: 60px;
	margin:auto;
}


/* --- the following two styles represent the "flowing" columns
------ they have to be edited together and checked visually --- */
.left_column
{
	float: left;
	width: 280px;
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 25px;
	text-align: justify;
	font-size: 11px;
	color:#002856;
}

.right_column
{
	float: left;
	width: 280px;
	padding-left: 10px;
	padding-top: 25px;
	text-align: justify;
	font-size: 11px;
	color:#002856;
}

.right_column_image
{
	float: right;
	padding-top:15px;
	padding-right:15px;
}

/* end 2 columns */


/*------ FOOTER, etc. ------*/

.footer_image{
	clear:both;
	padding:5px 0 0 0;
	border:none;
}
	
#attrib_footer{
	margin: 5px 0 0 0;
	border-top: 1px solid;
	border-color:#002856;
	/*border-bottom:1px solid;*/
}

#attrib_footer p.blue{
	color:#002856;
	font-size:10px;
	line-height:15px;
	margin: 5px 0px 5px 5px;
}

/*------ anchors, links, etc ------*/