/* Storm Recruitment CSS Document */

* { font-size: 100%; }
html { 
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	}
	
a:link, a:visited, a:active {
	text-decoration: none;
	color: #de3163;
	}
	
a:hover {
	text-decoration: underline;
	color: #395365;
	}
	
body { 
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #4c4949;
	}
	
#container {
	width: 964px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	}
	
/* header */
	
#logo {
	float: left;
	width: 300px;
	margin: 20px 0px 0px 10px;
	padding: 0px;
	}
	
#top-contact {
	float: left;
	width: 300px;
	height: 75px;
	text-align: right;
	margin: 20px 0px 0px 345px;
	padding: 0px;
	font-size: 1.2em;
	background: url(../images/top-contact-bg.jpg);
	}
	
#top-contact a {
	font-size: 0.8em;
	}
	
	
/* main navigation links */

#main-nav {
	clear: both;
	width: 964px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: -36px;
	background: url(../images/main-nav-bg.jpg);
	}
	
#main-nav li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px -5px;
	border-left: 1px solid #ffffff;
	}
	
#main-nav li a {
	text-decoration: none;
	color: #ffffff;
	padding: 10px 12px 9px 12px;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	}
	
#main-nav li a:hover {
	text-decoration: none;
	padding: 10px 12px 9px 12px;
	background: url(../images/main-nav-bg-mo.jpg);
	color: #07579f;
	}
	
#nav-lower {
	background-color: #f04772;
	height: 6px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	}
	
/* main content */

#content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 674px;
	}
	
#content p {
	padding-left: 20px;
	padding-right: 20px;
	}
	
#affiliates {
	width: 674px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	height: 200px;
	background: url(../images/affiliates-bg.jpg) no-repeat;
	}
	
#affiliates-box {
	width: 391px;
	height: 81px;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 10px;
	background: url(../images/affiliates-box.png) no-repeat;
	}
	
#right-column {
	float: left;
	margin: 0px 0px 0px 25px;
	width: 250px;
	}

#view-vacancies {
	float: left;
	width: 150px;
	height: 69px;
	background: url(../images/view-vacancies.jpg);
	margin: 20px 0px 0px 0px;
	padding: 75px 0px 0px 100px;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	}
	
#survey {
	float: left;
	width: 210px;
	height: 98px;
	background: url(../images/survey-bg.jpg);
	margin: 0px 0px 0px 0px;
	padding: 20px;
	font-style: italic;
	}
	
#news {
	float: left;
	width: 210px;
	background: url(../images/news-bg.jpg);
	margin: 0px 0px 10px 0px;
	padding: 20px;
	}
	
	
#footer {
	float: left;
	background-color: #d5d5d5;
	width: 944px;
	height: 60px;
	border-top: 1px solid #c3c3c3;
	font-size: 0.85em;
	margin: 0px;
	padding: 10px 0px 20px 20px;
	text-indent: -40px;
	}
	
#footer li {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	}
	
#footer p {
	text-indent: 0px;
	}
	
table {
	margin-left: 20px;
	}

	
	
h1 {
	color: #07579f;
	font-size: 1.3em;
	margin: 0px;
	padding: 45px 0px 0px 20px;
	height: 41px;
	background: url(../images/h1-bg.jpg) repeat-x;
	}
	
h2 {
	color: #de3163;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content h2 {
	color: #07579f;
	font-size: 1.1em;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
h3 {
	color: #07579f;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-style: italic;
	}
	
#content h4 {
	font-size: 1em;
	margin: 20px 0px 0px 20px;
	padding: 0px;
	}