@charset "utf-8";
/* ------------------------------------------------------------------------
Style Sheet for frontend

Site: Hammarö Bergsprängning - Hammarobergsprangning.se
Author: Karl Ollars - www.haxtech.se
Email: karl@haxtech.se
Version: 2009.12
------------------------------------------------------------------------ */

html {
	font: 13px/1.4em "Trebuchet MS", "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

body {
	background: #dfdfdf url(../img/bg.jpg) repeat-x top left;
}



/* Main containers
------------------------------------------------------------------------ */
#MainContainer {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#Logo {
	margin: 16px 0 0 0;
	display: block;
	width: 326px;
	height: 82px;
}


/* Main content
------------------------------------------------------------------------ */
#MainContent {
	background: #fff;
	width: 100%;
}

#MainBanner {
	background: url(../img/main-banner-bg.jpg) no-repeat top left;
	padding: 420px 22px 22px 22px;
}

#SubBanner {
	background: url(../img/sub-banner-bg.jpg) no-repeat top left;
	padding: 111px 20px 20px 20px;
	position: relative;
	margin: 0 0 0 0;
}

.MainColumn {
	width: 595px;
	float: left;
	padding: 0 22px 0 0;
	border-right: 1px dashed #ccc;
}

.SubColumn {
	padding: 0 0 0 22px;
	float: left;
	width: 296px;
}

#SubBanner .MainColumn {
	width: 597px;
}

#SubBanner .SubColumn {
	width: 298px;
}

.HalfGrid , .FourthGrid {
	width: 470px;
	float: left;
}

.FourthGrid {
	width: 220px;
	padding: 0 0 0 20px;
}

.ThirdGrid, .ThirdGridFirst {
	float: left;
	width: 300px;
	padding: 0 0 0 20px;
}

.ThirdGridFirst {
	padding: 0;
}


/* Gallery
------------------------------------------------------------------------ */
.GalleryDescription {
	font-size: 14px;
	padding: 0 0 10px 0;
	color: #535353;
	line-height: 1em;
}

.GalleryItem {
	margin: 10px 0 22px 20px;
	float: left;
	width: 300px;
	display: block;
}

a.GalleryItem {
	cursor: pointer;
}


.GalleryItemFirst {
	margin: 10px 0 22px 0 !important;
}

.GalleryItem img {
	width: 290px;
	height: 210px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
	display: block;
}

.GalleryName {
	font-weight: bold;
}

.GalleryItem .GalleryName, .GalleryItem .GalleryAmount {
	float: left;
	line-height: 1em;
	margin: 10px 0 0 0;
	color: #535353;
}

.GalleryItem .GalleryAmount {
	float: right;
}

.ThumbsGallery a {
	float: left;
	margin: 10px 0 0 10px;
}

.ThumbsGallery img {
	width: 101px;
	height: 60px;
	background: #fff;
	border: 1px solid #dedede;
	padding: 4px;
}

.ThumbsGallery a.First{
	margin: 10px 0 0 0 !important;
}

.MovieGallery object, .MovieGallery embed {
	width: 298px !important;
	height: 200px !important;
	margin: 10px 0 0 0;
}


/* Headers
------------------------------------------------------------------------ */
h1, h2, h3 {
	line-height: 1em;
	font-size: 24px;
	color: #cc242a;
	font-weight: normal;
	padding: 0 0 4px 0;
}

#SubBanner h1 {
	font-weight: bolder;
	color: #fff;
	position: absolute;
	top: 45px;
	left: 24px;
}

#SubBanner .HeaderSubText {
	font-weight: normal;
}



/* Links
------------------------------------------------------------------------ */
a {
	text-decoration: none;
	color: #096f9e;
}

a:hover {
	text-decoration: underline;
}



/* Forms
------------------------------------------------------------------------ */
input {
	float: left;
	width: 150px;
	margin: 10px 0 0 0;
}

label {
	float: left;
	clear: left;
	width: 125px;
	margin: 10px 0 0 0;
}

.LoginError {
	float: left;
	width: 300px;
	color: red;
	line-height: 20px;
	margin: 10px 0 0 10px;
}

.Checkbox {
	float: left;
	clear: left;
	width: 300px;
	cursor: pointer;
}

.Checkbox span {
	float: left;
	line-height: 15px;
	padding: 0 0 0 7px;
}


.Checkbox input {
	margin: 0px;
	padding: 0px;
	float: left;
	width: auto;
}

input[type=submit] {
	float: left;
	clear: left;
	display: block;
	width: auto;
	margin: 20px 0 0 0;
	cursor: pointer;
}


/* Tables
------------------------------------------------------------------------ */


/* Contact page
------------------------------------------------------------------------ */
.EmployeeInfo {
	float: left;
	width: 185px;
	height: 250px;
	margin: 10px 0 0px 20px;
}

.EmployeeInfoFirst {
	margin-left: 0 !important;
}

.EmployeeInfo img {
	display: block;
	width: 175px;
	height: 175px;
	border: 1px solid #DEDEDE;
	padding: 4px;
	background: #fff;
}

.EmployeeInfo h3 {
	font-size: 15px;
	color: #000;
	margin: 0px;
	padding: 5px 0 0 0;
}

.EmployeeInfo p {
	margin: 4px 0 0 0;
	line-height: 1.2em;
	color: #535353;
}


/* Main Menu
------------------------------------------------------------------------ */
#MainMenu {
	position: absolute;
	top: 45px;
	right: 0;
}

#MainMenu li {
	float: left;
	padding: 0 20px 0 0;
	font-size: 16px;
	line-height: 25px;
}

#MainMenu li a {
	color: #000;
	text-decoration: none;
}

#MainMenu li a:hover {
	border-bottom: 1px dashed #808080;
}

#MainMenu li.active  a {
	color: #cc242a;
	text-decoration: none;
}


/* Paragraphs
------------------------------------------------------------------------ */
p {
	margin: 10px 0 0 0;
	color: #535353;
}

p strong {
	color: #000;
}

.Introduction {
	/*font-weight: bold;*/
	color: #000;
}

.TextBody {
	color: #535353;
}


/* Footer
------------------------------------------------------------------------ */
#Footer {
	background: #fff;
	padding: 20px;
	margin: 20px 0;
	width: 940px;
}

#FooterPadding {
	background: #F5F5F5;
	padding: 20px 20px;
	width: 900px;
}

#Footer .HalfGrid , #Footer .FourthGrid {
	width: 430px;
	float: left;
}

#Footer .FourthGrid {
	width: 215px;
	padding: 0 0 0 20px;
}

#Footer p {
	margin: 0px;
}

#Footer .Column, #Footer .TopColumn {
	margin: 20px 0 0 0;
}

#Footer .TopColumn {
	margin: 0px;
}

.MadeBy {
	color: #aaa;
}

.MadeBy a {
	color: #aaa;
}

#FooterLogo {
	margin: 0 0 0 0;
	display: block;
}

.FooterInfo {
	text-align: right;
	margin: 10px 0 0 0 !important;
}

.LoginLink {
	background: url(../img/lock.png) no-repeat top right;
	padding: 0 23px 0 0;
	line-height: 22px;
}


/* Lists
------------------------------------------------------------------------ */
ul {
	list-style-type: none;
}



/* Helper classes
------------------------------------------------------------------------ */
.left {
	float: left !important;	
}

.right {
	float: right !important;
}

.clear {
	clear: both;
	display: block;
}

.noMargin {
	margin: 0px !important;
}

.noPadding {
	padding: 0px !important;	
}