body
{
	background: #344D69;
	color: white;
	font-family: Arial, Lucida Grande, Lucida, sans-serif;
	font-size: 11px;
}

h1
{
	font-family: Arial, Lucida Grande, Lucida, sans-serif;
	font-size: 25px;
}

h2,h3
{
	font-family: "Verdana", Lucida Grande, Lucida, "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

h2
{
	font-size: 18px;
}

a
{
	color: #ffffff;
	text-decoration: none;
}

a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

h3
{
	color: #ccff63;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.menu
{
	background: url() no-repeat top right;
	height: 400px;
	width: 297px;
	float: left;
	margin: 120px 30px 0 0;
	text-align: right;
}

.menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu li
{
	border-bottom: 1px dotted #34443c;
	padding: 8px 0;
}

.menu p
{
	font-size: 9px;
	line-height: 14px;
	color: #ccd3d0;
}

.menu p.highlight
{
	color: #fff;
	border-top: 1px dotted #34443c;
	padding-top: 8px;
	font-size: 10px;
	line-height: 18px;
}

a
{
	color: white;
}

.copy
{
	float: left;
	width: 500px;
	border-left: 1px solid #34443c;
	line-height: 16px;
}

div.copy div:first-child
{
	border-top: none;
}

.copy li
{
	margin: 0 0 8px 0;
}

.job
{
	padding: 30px;
	border-top: 1px solid #34443c;
}

.container
{
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -414px;
	width: 850px;
}

div.toplogo
{
	position: absolute;
	width: 300px;
	left: 25px;
	top: 0px;
	height: 130px;
}

div.toplogo a
{
	display: block;
	height: 130px;
	float: left;
}

div.toplogo a#top-logo
{
	width: 300px;
	background: url(logo.png) no-repeat;
}

.abouttext
{
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -380px;
	width: 400px;
	height: 200px;
}

.teamtext
{
	position: absolute;
	left: 50%;
	top: 290px;
	margin-left: 80px;
	width: 300px;
	height: 200px;
}

body.jobs .container
{
	background-image: none;
}

.logo
{
	display: block;
	background: url(logo-monster.png) no-repeat;
	position: absolute;
	right: 100px;
    top: 130px;
	width: 243px;
	height: 242px;
}

.bg
{
	position:absolute;
	background: url(bg_about.png) no-repeat;
	width: 755px;
	left: 26px;
	padding-top:65;
	top: 120px;
	height: 500px;
}

.mopic
{
	position: absolute;
	right: 120px;
    top: 390px;
	background: url(mopic.jpg) no-repeat;
	width: 243px;
	height: 69px;
}

.motext
{
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 70px;
	width: 205px;
	height: 100px;
}

.yopic
{
	position: absolute;
	right: 120px;
    top: 500px;
	background: url(yopic.jpg) no-repeat;
	width: 243px;
	height: 69px;
}

.yotext
{
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 70px;
	width: 205px;
	height: 100px;
}

input.text
{
	border: 2px solid #344D69;
	padding: 4px;
	width: 125px;
	font: 11px verdana;
}

input.codetext
{
	border: 2px solid #344D69;
	padding: 4px;
	width: 225px;
	font: 11px verdana;
}

#logo-link
{
	display: block;
	height: 100px;
	width: 297px;
}

#submit-button
{
	position: absolute;
	left: 580px;
	top: 91px;
}

#codesubmit-button
{
	position: absolute;
	left: 539px;
	top: 91px;
}

.footer
{
	display: block;
	position: absolute;
	top: 640px;
	left: 285px;
	width: 246px;
	height: 10px;
}

div.links
{
	position: absolute;
	width: 298px;
	left: 497px;
	top: 45px;
	height: 25px;
}

div.links a
{
	display: block;
	height: 25px;
	float: left;
	padding-right:10px;
	font-size:12px;
	color:#ffffff;
}

div.links a#share-link
{
	width: 60px;
	background: url(share.png) top left;
}

div.links a#twitter-link
{
	width: 24px;
	height: 24px;
	background: url(Twitter.png) top left no-repeat;
}

div.links a#facebook-link
{
	width: 24px;
	height: 24px;
	background: url(FaceBook.png) top left no-repeat;
}

td
{
	color: #91ae71;
}