/* common class properties
----------------------------------------------- */
.arrow-up {
	margin: 5px 0 10px;
}
.background-be {
	background: #6a8d25 url('images/background-be.gif') no-repeat top center;
}
.clearer {
	clear: both;
}
.image-link {
	display: block;
	outline: none;
	text-decoration: none;
}
.image-list li {
	font-size: 0px;
	/*display: inline;*/
	float: left;
	margin: 0 7px 7px 0;
	padding: 0;
	/*line-height: 95px;*/
}
.no-indent {
	padding-left: 0;
	margin-left: 0;
}
.no-indent li {
	padding-left: 0;
	margin-left: 0;
}
.sf-green {
	background: #6a8d25 url('images/background.gif') no-repeat top center;
}
.sf-orange-text {
	color: orange;
}
.simple-list {
	list-style-type: none;	
}
.small-indent {
	padding-left: 1em;
	margin-left: 0;
}
.small-indent li {
	padding-left: 0;
	margin-left: 0;
}
.spacer {
	padding-top: 1.5em;
}
.title {
	margin-top: 0;
}
.top-sentences {
	line-height: 1.2em;
	list-style-image: url('images/arrowright.gif');
	padding-left: 26px;
	margin-left: 0px;
}

a {
	color: #6a8d25;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #95b74e;
}
a.anchor-clients {
	color: #000;
	font-weight: normal;
}
a.anchor-clients:hover {
	color: #000;
}

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 80%;
	color: #000;
}

div {
	margin: 0;
	padding: 0;
}

h4 {
	margin-top: 1.8em;
	margin-bottom: .5em;
}

img {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}

p {
	line-height: 1.2;
	margin: .5em 5px 1em 0;
	text-align: justify;
}

/* startanimation and logos
----------------------------------------------- */
a#startanimation {
	background-image: url('images/startanimation.gif');
	height: 400px;
	margin: 100px auto;
	width: 400px;
}

a#swoon-factory-logo {
	background-image: url('images/logo-swoon-factory.jpg');
	height: 150px;
	margin: 0;
	padding: 0;
	width: 150px;
}

a#be-logo {
	background-image: url('images/logo-be.jpg');
	height: 150px;
	margin: 0;
	padding: 0;
	width: 150px;
}

/* navigation menu
----------------------------------------------- */
a.navigation-button {
	height: 23px;
	margin: 0;
	width: 150px;
}
a:hover.navigation-button {
	background-position: 0px -23px;
}
a#active {
	background-position: 0px -23px;
}

a.mastering {
	background: url('images/button-mastering.jpg') no-repeat 0px 0px;
	margin-top: 3px;
}
a.mixing {
	background: url('images/button-mixing.jpg') no-repeat 0px 0px;
}
a.producing {
	background: url('images/button-producing.jpg') no-repeat 0px 0px;
}
a.pressung {
	background: url('images/button-pressung.jpg') no-repeat 0px 0px;
}
a.equipment {
	background: url('images/button-equipment.jpg') no-repeat 0px 0px;
}
a.partners {
	background: url('images/button-partners.jpg') no-repeat 0px 0px;
}
a.clients {
	background: url('images/button-clients.jpg') no-repeat 0px 0px;
}
a.aboutus {
	background: url('images/button-aboutus.jpg') no-repeat 0px 0px;
}
a.contact {
	background: url('images/button-contact.jpg') no-repeat 0px 0px;
}

/* page layout
----------------------------------------------- */
div#box {
	background-image: url('images/whiteframe.jpg');
	height: 589px;
	margin: 50px auto 20px;
	padding: 5px;
	width: 791px;
}

div#logo {
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
}

div#animation {
	float: right;
	margin: 0 0 2px 0;
	padding: 0;
}

div#navigation {
	background-image: url('images/navigationframe.jpg');
	clear: both;
	float: left;
	height: 431px;
	width: 150px;
}

div#content {
	background: url('images/contentframe.jpg') no-repeat 0 0;
	float: right;
	height: 412px;
	padding: 10px;
	width: 614px;
}

div#content-scrollbox {
	height: 412px;
	margin: 0;
	overflow: auto;
	padding: 0;
}