/*
###################################
	Scrollproperties, HTML
###################################
*/
html
	{
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: scroll;
	}

/*
###################################
	Body
###################################
*/
body
{
	padding: 0px;
    margin: 0;
    color: #212121;
    background-color: #c6dcf1;
    background-image: url('../_gfx/design/background/body.jpg');
    background-repeat: repeat-x;
    background-position: top left;
}

/*
###################################
	Wrapper
###################################
*/
#Wrapper
	{
		width: 929px;
		margin: 0px auto;
		padding: 0px 8px;
		min-height: 664px;
		height: auto !important;
		height: 664px;
		position: relative;
	}
	
#WrapperPlate
	{
		width: 929px;
	}
	
#WrapperRight
	{
		width: 14px;
		min-height: 664px;
		height: auto !important;
		height: 664px;
		float: left;
		background-image: url('../_gfx/design/background/WrapperRight.jpg');
		background-repeat: no-repeat;
		line-height: 0px;
		font-size: 0px;
	}
	
#WrapperLeft
	{
		width: 14px;
		min-height: 664px;
		height: auto !important;
		height: 664px;
		float: left;
		background-image: url('../_gfx/design/background/WrapperLeft.jpg');
		background-repeat: no-repeat;
		line-height: 0px;
		font-size: 0px;
	}
	
#WrapperClear, .ClearItem
	{
		Clear: left;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
		padding: 0px;
		margin: 0px;
	}

/*
###################################
	InnerWrapper
###################################
*/	
#InnerWrapper
	{
		height: 664px;
		float: left;
		width:901px;
	}
	
#InnerWrapperTop
	{
		height: 13px;
		width:901px;
		background-image: url('../_gfx/design/background/InnerWrapperTop.jpg');
		background-repeat: no-repeat;
		line-height: 0px;
		font-size: 0px;
	}
	
#InnerWrapperPlate
	{
		height: 621px;
		width:885px;
		padding: 8px;
		background-color: White;
	}
	
#InnerWrapperBottom
	{
		height: 14px;
		width:901px;
		background-image: url('../_gfx/design/background/InnerWrapperBottom.jpg');
		background-repeat: no-repeat;
		line-height: 0px;
		font-size: 0px;
	}

/*
###################################
	Tab
###################################
*/	
#Tab
	{
		width: 22px;
		position: absolute;
		left: 0px;
		top: 111px;
		background-repeat: no-repeat;
	}
	
.TabStart
	{
		height:66px;
		background-image: url('../_gfx/design/tab/start.jpg');
	}
	
.TabWhyUs
	{
		height:144px;
		background-image: url('../_gfx/design/tab/WhyUs.jpg');
	}
.TabLocation
	{
		height:104px;
		background-image: url('../_gfx/design/tab/Location.gif');
	}
.TabBook
	{
		height:107px;
		background-image: url('../_gfx/design/tab/book.jpg');
	}
.TabApelviken
	{
		height:92px;
		background-image: url('../_gfx/design/tab/apelviken.jpg');
	}
.TabJohannesvik
	{
		height:109px;
		background-image: url('../_gfx/design/tab/johannesvik.jpg');
	}
.TabUgglarp
	{
		height:109px;
		background-image: url('../_gfx/design/tab/ugglarp.jpg');
	}
.TabDafto
	{
		height:69px;
		background-image: url('../_gfx/design/tab/dafto.jpg');
	}
.TabHafsten
	{
		height:82px;
		background-image: url('../_gfx/design/tab/hafsten.jpg');
	}
.TabContact
	{
		height:115px;
		background-image: url('../_gfx/design/tab/contact.jpg');
	}

/*
###################################
	Header
###################################
*/	
#HeaderPlate
	{
		width: 885px;
		height: 92px;
		position: relative;
	}

#Header
	{
		width: 885px;
		height: 64px;
		background-image: url('../_gfx/design/background/Header.gif');
		background-repeat: repeat-x;
		position: relative;
	}

#HeaderLeft
	{
		width: 5px;
		height: 64px;
		background-image: url('../_gfx/design/background/HeaderLeft.jpg');
		background-repeat: no-repeat;
		float: left;
	}

#HeaderContent
	{
		width: 875px;
		height: 64px;
		float: left;
	}

#HeaderLogo
	{
		width: 252px;
		height: 27px;
		float: left;
		padding-top: 17px;
		padding-left: 13px;
	}

#HeaderInfo
	{
		width: 149px;
		height: 29px;
		float: right;
		padding-top: 17px;
		padding-right: 69px;
	}

.HeaderInfoItem
	{
		width: 149px;
		height: 11px;
		line-height: 5px;
		font-size: 5px;
	}
	
#HeaderRight
	{
		width: 5px;
		height: 64px;
		background-image: url('../_gfx/design/background/HeaderRight.jpg');
		background-repeat: no-repeat;
		float: left;
	}

/*
###################################
	Menu
###################################
*/	
#Menu
	{
		width: 885px;
		height: 26px;
		background-image: url('../_gfx/design/menu/bg.gif');
		background-repeat: repeat-x;
	}

#MenuRight
	{
		width: 6px;
		height: 26px;
		background-image: url('../_gfx/design/menu/right_bg.gif');
		background-repeat: no-repeat;
		float: right;
	}

#MenuPlate
	{
		width: 500px;
		height: 26px;
		background-image: url('../_gfx/design/menu/left_bg.gif');
		background-repeat: no-repeat;
		float: left;
	}

.MenuItem
	{
		padding-top: 1px;
		height: 25px;
		float: left;
	}
.MenuSeparator
	{
		padding-top: 1px;
		height: 25px;
		width: 2px;
		float: left;
		background-image: url('../_gfx/design/menu/separator.gif');
		background-repeat: no-repeat;
		background-position: bottom left;
	}

.MenuStart
	{
		width: 57px;
	}

.MenuWhyUs
	{
		width: 118px;
	}

.MenuLocation
	{
		width: 90px;
	}

.MenuBook
	{
		width: 94px;
	}

.MenuContact
	{
		width: 100px;
	}

/*
###################################
	WindCatcher
###################################
*/	
#WindCatcher
	{
		width: 44px;
		height: 73px;
		background-image: url('../_gfx/design/WindCatcher.gif');
		background-repeat: no-repeat;
		position: absolute;
		top: 17px;
		right: 12px;
	}

/*
###################################
	HeaderShadow
###################################
*/	
#HeaderShadow
	{
		width: 885px;
		height: 2px;
		background-image: url('../_gfx/design/header/shadow.jpg');
		background-repeat: no-repeat;
		font-size: 0px;
		line-height: 0px;
	}

/*
###################################
	Content
###################################
*/	
#Content
	{
		width: 885px;
		min-height: 529px;
		height: auto !important;
		height: 529px;
		background-image: url('../_gfx/design/background/content_top.gif');
		background-repeat: repeat-x;
	}
#ContentBeach
	{
		width: 885px;
		min-height: 529px;
		height: auto !important;
		height: 529px;
		background-image: url('../_gfx/design/background/content_beach.jpg');
		background-repeat: no-repeat;
		background-position: right top;
	}	
#ContentWave
	{
		width: 885px;
		min-height: 529px;
		height: auto !important;
		height: 529px;
		background-image: url('../_gfx/design/background/content_wave.gif');
		background-repeat: no-repeat;
	}
#ContentBottom
	{
		width: 885px;
		min-height: 529px;
		height: auto !important;
		height: 529px;
		background-image: url('../_gfx/design/background/content_bottom.gif');
		background-repeat: repeat-x;
	}

/*
###################################
	StartPageContent
###################################
*/	
#StartPageContent
	{
		padding-left: 10px;
		position: relative;
	}
#StartPageContentIntro
	{
		padding-left: 27px;
		padding-top: 35px;
	}
#StartPageContentSpalsh
	{
		width: 85px;
		height: 81px;
		background-image: url('../_gfx/design/background/start_splash.png');
		background-repeat: no-repeat;
		position: absolute;
		top: 20px;
		left: 494px;
	}

/*
###################################
	StartPageContentBoxes
###################################
*/	
#StartPageContentBoxes
	{
		padding-top: 29px;
	}
.StartPageContentBox
	{
		width: 161px;
		height: 316px;
		padding: 0px 6px;
		padding-top: 6px;
		background-repeat: no-repeat;
		float:left;
		background-color: White;
	}
.StartPageContentBoxUgglarp
	{
		background-image: url('../_gfx/design/startpage/bg_ugglarp.jpg');
	}
.StartPageContentBoxApelviken
	{
		background-image: url('../_gfx/design/startpage/bg_apelviken.jpg');
	}
.StartPageContentBoxHafsten
	{
		background-image: url('../_gfx/design/startpage/bg_hafsten.jpg');
	}
.StartPageContentBoxJohannesvik
	{
		background-image: url('../_gfx/design/startpage/bg_johannesvik.jpg');
	}
.StartPageContentBoxDafto
	{
		background-image: url('../_gfx/design/startpage/bg_dafto.jpg');
	}
.StartPageContentBoxImage
	{
		width: 161px;
		height: 150px;
	}
.StartPageContentBoxHeader
	{
		padding: 0px;
		padding-left: 10px;
		padding-top: 9px;
		padding-bottom: 3px;
	}
.StartPageContentBoxCityPlate
	{
		padding-bottom: 4px;
	}
.StartPageContentBoxText
	{
		font-size: 11px;
		font-family: Arial;
		color: #212121;
		padding-left: 10px;
		line-height: 15px;
		padding-right: 3px;
	}
.StartPageContentBoxLink
	{
		padding-left: 10px;
		padding-top: 10px;
	}

/*
###################################
	SubPageContent
###################################
*/	
#SubPageContentWrapper
	{
		padding-left: 10px;
		padding-top: 8px;
	}
#SubPageContentPlate
	{
		width: 462px;
		height: 511px;
		background-image: url('../_gfx/design/content/bg.gif');
		background-repeat: no-repeat;
		float: left;
		background-color: White;
	}
#SubPageContentPlatePadding
	{
		padding: 6px;
	}
#SubPageContentPlateInner
	{
		width: 414px;
		height: 485px;
		background-image: url('../_gfx/design/content/bg_fade.gif');
		background-repeat: repeat-x;
		background-position: bottom;
		padding-left: 20px;
		padding-top: 14px;
		padding-right: 16px;
		position: relative;
	}
#SubPageContentRightPlate
	{
		width: 384px;
		height: 244px;
		padding-left: 12px;
		padding-top: 260px;
		float: left;
	}
.SubPageBottomLinks
	{
		position: absolute;
		bottom: 17px;
		left: 20px;
		width: 406px;
		height: 25px;
	}

/*
###################################
	LocationMap
###################################
*/	
.LocationMap
	{
		padding-top: 19px;
	}
/*
###################################
	Box - Phone And Mail
###################################
*/	
#SubPageContentRightPhoneOuterPadding
	{
		padding-top: 7px;
	}
#SubPageContentRightPhone
	{
		width: 384px;
		height: 244px;
		background-image: url('../_gfx/design/content/phone_bg.jpg');
		background-repeat: no-repeat;
		color: White;
		line-height: 16px;
		font-size: 12px;
		background-color: #88acc9;
	}
#SubPageContentRightPhonePadding
	{
		padding-left: 21px;
		padding-top: 21px;
	}
#SubPageContentRightPhoneHeader
	{
		padding-bottom: 10px;
	}
.SubPageContentRightPhoneItems
	{
		float: left;
	}

/*
###################################
	BookPlate
###################################
*/	
.BookPlateItem
	{
		padding-top: 24px;
		float: left;
	}
.BookItem
	{
		padding-left: 17px;
		width: 150px;
		padding-bottom: 16px;
	}
.BookItemImage
	{
		float: left;
		width: 13px;
		padding-top: 4px;	
	}
.BookItemTxt
	{
		float: left;
		width: 137px;
	}

/*
###################################
	Location
###################################
*/	
.LocationImage
	{
		padding-bottom: 8px;
	}
.LocationSubjectApelviken
	{
		padding-left: 2px;
		padding-bottom: 29px;
	}
.LocationSubjectUgglarp
	{
		padding-left: 2px;
		padding-bottom: 16px;
	}
.LocationSubjectJohannesvik
	{
		padding-left: 2px;
		padding-bottom: 13px;
	}
.LocationSubjectDafto
	{
		padding-left: 2px;
		padding-bottom: 15px;
	}
.LocationSubjectHafsten
	{
		padding-left: 2px;
		padding-bottom: 12px;
	}
#LocationCity
	{
		position: absolute;
		top: 15px;
		right: 26px;
	}
#LocationRightWrapper
	{
		padding-left: 19px;
		height: 243px;
		width: 364px;
		padding-top: 2px;
	}
#LocationRightPlate
	{
		height: 243px;
		width: 364px;
	}

/*
###################################
	Contact
###################################
*/	
#ContactPlate
	{
		padding-top: 6px;	
	}
.ContactItem
	{
		padding-top: 11px;
		float: left;
	}
.ContactItemLeft
	{
		width: 210px;
	}
.ContactItemHeader
	{
		font-weight: bold;
		font-size: 11px;
		padding-bottom: 1px;
		line-height: 16px;
	}
.ContactItemInput
	{
	}
.ContactItemClear
	{
		clear: left;
		float: none;
	}
.ContactInputField
	{
		background-color: #f2f8fc;
		border: 1px solid #88acc9;
		font-size: 11px;
		font-family: Arial;
		width: 183px;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 4px;
	}
.ContactInputInfo
	{
		background-color: #f2f8fc;
		border: 1px solid #88acc9;
		font-size: 11px;
		font-family: Arial;
		width: 396px;
		height: 67px;
	}
.ContactInputError
	{
		border: 1px solid #f87002;
	}
.ContactLocationPlate
	{
		padding-top: 12px;
	}
.ContactLocationItems
	{
	}
.ContactLocationItem
	{
		float: left;
		font-size: 11px;
		font-family: Arial;
		padding-top: 10px;
	}
.ContactLocationItemPlate
	{
		position: relative;
		width: 124px;
		padding-left: 21px;
		padding-top: 2px;
	}
.ContactLocationItemPlateSecond
	{
		position: relative;
		width: 116px;
		padding-left: 21px;
		padding-top: 2px;
	}
.ContactLocationItemPlateThird
	{
		position: relative;
		width: 97px;
		padding-left: 21px;
		padding-top: 2px;
	}
.ContactLocationItemPlateChk
	{
		position: absolute;
		top: 0px;
		left: -4px;
	}
	
/*
###################################
	ContactConfirm
###################################
*/
#ContactConfirm
	{
		width: 212px;
		background-color: #88acc9;
		position: absolute;
		top: 220px;
		left: 125px;
		display: none;
	}
.ContactConfirmPlate
	{
		padding: 17px;
		padding-top: 21px;
		padding-bottom: 25px;
		font-size: 14px;
		font-weight: bold;
		font-family: Arial;
		color: White;
	}