/*
STYLESHEET
Created by Corax Digital Productions
www.coraxdigital.se

ToC:
	1. DEFAULTS
	2. STRUCTURE
	3. LINKS AND NAVIGATION
	4. FONTS
	5. IMAGES
	6. FORMS
	7. HACKS

Notes:

*/

/* --------------- 1. DEFAULTS --------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffffff url(../images/bg-body.gif) repeat-x;
	padding-bottom: 20px;
}


/* --------------- 2. STRUCTURE --------------- */
#wrapper {
	background: #f3f3f3;
	display: table;
	width: 940px;
	border: 1px solid #c4c5c7;
	margin-right: auto;
	margin-left: auto;
}
#masthead {
	background: #3a3f45;
}
#logo {
	width: 916px;
	height: 56px;
	padding-top: 10px;
	padding-bottom: 11px;
	padding-left: 24px;
	text-align: left;
}
#branding {
	background: url(../images/branding-telemarketing.jpg) no-repeat;
	height: 135px;
	width: 940px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	position: relative;
}

#navContainer {
	background: #3a3f45 url(../images/bg-navigation.gif) repeat-x;
	height: 32px;
	width: 940px;
}
#content {
	padding: 17px 15px 5px 25px;
	width: 900px;
}
#leftContainer {
	float: left;
	width: 565px;
	padding-top: 16px;
}
#rightContainer {
	float: right;
	width: 310px;
}
#newsContainer, #contactContainer {
	border: 1px solid #b6d38b;
	background: #a8d16b url(../images/bg-newscontainer.gif) no-repeat;
	padding: 13px 25px 14px;
	width: 258px;
	margin-bottom: 10px;
}
#newsContainer.longlist {
	min-height: 220px;
}
#vacancyContainer {
	border: 1px solid #757a80;
	background: #4c535b;
	padding: 13px 25px 14px;
	width: 258px;
	margin-bottom: 10px;
}
#footer {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 1.1em;
	padding-top: 8px;
	display: table;
	color: #3a3f45;
}
#footer div.left {
	float: left;
	width: 292px;
}
#footer div.mid {
	text-align: center;
	float: left;
	width: 474px;
}
#footer div.right {
	text-align: right;
	float: left;
	width: 144px;
}

.imageHolder {
	float: left;
	width: 130px;
	padding: 5px 20px 10px 0px;
}
.separator {
	clear: both;
	height: 0;
}


/* --------------- 3. LINKS AND NAVIGATION --------------- */
a:link, a:active, a:visited {
	text-decoration: underline;
	color: #3a3f45;
}
a:hover {
	text-decoration: underline;
	color: #85be2f;
}
#newsContainer a {
	font-weight: bold;
	color: #3a3f45;
	text-decoration: none;
}
#newsContainer a:hover, #newsContainer a.news:hover {
	color: #505861;
	text-decoration: none;
}
#newsContainer a.news {
	color: #ffffff;
	text-decoration: none;
}

#vacancyContainer a {
	font-weight: bold;
	color: #85be2f;
	text-decoration: none;
}
#vacancyContainer a:hover {
	color: #9ecb59;
	text-decoration: none;
}
#footer  a {
	color: #3a3f45;
	text-decoration: none;
}

#navigation {
	padding-top: 6px;
	padding-left: 25px;
}
#navigation a {
}
#navigation ul {
}
#navigation li {
	padding-left: 59px;
	background: url(../images/nav-divider.gif) no-repeat 29px 2px;
	float: left;
}
#navigation li.start {
	padding-left: 0px;
	background: url(none);
}



/* --------------- 4. FONTS --------------- */
h1, h2, h3, h4, p, ul {
}
#leftContainer h1 {
	font: bold 1.6em Arial, Helvetica, sans-serif;
	color: #85be2f;
	margin-bottom: 0.5em;
}

#leftContainer h2 {
	font-size: 1.2em;
	font-weight: bold;	
	color: #3a3f45;
}
#leftContainer h2.vacancies {
	padding-top: 1.65em;
}
h3 {
}
h4 {
}
#leftContainer p {
	font-size: 1.1em;
	line-height: 1.65em;
	margin-bottom: 1.65em;
}
p.error {
	font-size: 1.1em;
	line-height: 1.65em;
	margin-bottom: 0.4em;
	font-weight: bold;
}
#leftContainer p.nomarg {
	margin-bottom: 0.4em;
}

#newsContainer p, #vacancyContainer p {
	font-size: 1.1em;
	line-height: 1.45em;
	color: #ffffff;
	margin-bottom: 1.45em;
}
#newsContainer p.heading, #vacancyContainer p.heading, #contactContainer p.heading {
	margin-bottom: 12px;
}
#newsContainer p.link, #vacancyContainer p.link {
	text-align: right;
	margin-bottom: 2px;
}
#newsContainer p.longlist {
	margin-bottom: 0.8em;
}
#newsContainer strong {
	color: #505861;
	margin-right: 5px;
}
#vacancyContainer strong {
	color: #9ecb59;
	margin-right: 5px;
}
ul {
	list-style-type: none;
}
#leftContainer ul {
	font-size: 1.1em;
	line-height: 2.1em;
	margin-bottom: 1.65em;
	margin-left: 2px;
}
#leftContainer li {
	background: url(../images/bullet.gif) no-repeat 0px 0.7em;
	padding-left: 12px;
}
ul.error {
	font-size: 1.1em;
	line-height: 2.1em;
	margin-bottom: 1.65em;
	margin-left: 2px;
	font-weight: bold;
}
ul.error li {
	background: url(../images/bullet-error.gif) no-repeat 0px 0.7em;
	padding-left: 12px;
}


/* --------------- 5. IMAGES --------------- */
img {
	border: 0;
}
#branding img.header {
	float: right;
	margin-right: 15px;
	margin-left: 2px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#branding img.slogan1 {
	position: absolute;
	left: 75px;
	top: 38px;
}
#leftContainer p img, .imageHolder img {
	border: 1px solid #5a737f;
}
#newsContainer img.reference {
	background: #ffffff;
	border: 1px solid #7aae2b;
	padding: 3px;
}






/* --------------- 6. FORMS --------------- */
#frmVacancy label {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0.8em;
	color: #505861;
}
#frmVacancy label.reg {
	display: block;
}
#frmVacancy label.regnomarg {
	display: block;
	margin-bottom: 0.3em;
	margin-top: 0.7em;
}
#frmVacancy label.radio {
	vertical-align: middle;
	padding-right: 10px;
	font-weight: normal;
}
#frmVacancy label.radio input {
	height: auto;
	margin: 0;
	background-color: none;
	vertical-align: middle;
}
#frmVacancy input.txt {
	width: 254px;
	border: 1px solid #b6d38b;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 2px;
}
#frmVacancy textarea {
	height: 118px;
	width: 254px;
	border: 1px solid #b6d38b;
	overflow: auto;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 2px;
}
#frmVacancy div.btn {
	display: inline;
	padding: 0.5em 0em 0em 0em;
}
#frmVacancy input.btn {
	padding: 0.5em 0em 0em 0em;
}



/* --------------- 7. HACKS --------------- */
body { /* IE 5 centering bug fix*/
	text-align: center;
}
#wrapper {
	text-align: left;
}