html {
height: 100%;
background: #e5e5e5;
}
body {
	text-align: center;
	margin:0;
	padding:0;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
	line-height: 1.5; /* Unitless for proper inheritance */
	color: #000;
}
body#home {
	background: #fff url(../img/home-bg.jpg) repeat-x;
}
body#candidates {
	background: #fff url(../img/bg.jpg) repeat-x;
}
body#services {
	background: #fff url(../img/bg.jpg) repeat-x;
}

body#company {
	background: #fff url(../img/bg.jpg) repeat-x;
}

body#team {
	background: #fff url(../img/bg.jpg) repeat-x;
}

body#job-board {
	background: #fff url(../img/bg.jpg) repeat-x;
}

body#contact {
	background: #fff url(../img/bg.jpg) repeat-x;
}
abbr, acronym { /* acronym and abbr aren't styled in IE per default */
	border-bottom: 1px dotted #58B2CB;
	cursor: help;
}
a {
	color: #fc7217;
	text-decoration: none;
}
a:active { outline: none; }
a:hover {
	color:#666;
	text-decoration: underline;
	outline: none;
}
a img { border: 0px; }
h2 {
	font-size: 16px;
	color:#666;
	margin:0;
	line-height: 300%;
}
h3 {
	font-size: 12px;
	color:#fc7217;
	margin:0;
	line-height: 300%;
}
h4 {
	font-size: 16px;
	color:#fff;
	margin:0;
	line-height: 300%;
}
h5 {
	font-size: 12px;
	color:#fff;
	margin:0;
	line-height: 100%;
}
h5 {
	font-size: 10.5px;
	color:#000000;
	margin:0;
	line-height: 150%;
	padding-left:10px;
}
hr { display:none; }

/* Global Form Styles */
input, textarea{
	background: #fff;
}
input:hover, textarea:hover {
	background: #F0FDE2;
	border-top: 3px solid #b1e77a
}
input:focus, textarea:focus {
	background: #FCFFEC;
	border-top: 3px solid #b1e77a
}
.submit { border: 0; width: auto; }
.submit:hover, .submit:active { border:0; }
.radio { background: none; border: 0; }

/* CONTENT =========================================== */

div#container {
	width: 960px;
	margin: 0 auto;
}
div#footer-container {
	position:relative;
	text-align: left;
	margin:0;
	border: 0;
	padding:10px;
	background: #e5e5e5;
}
div#hcontent {
	background: url(http://www.eaw.co.za/img/home.jpg) no-repeat;
	height:365px;
position: relative;
	width: 960px;
	margin:auto;
	padding:auto;
	text-align:left;
}
div#welcome {
	text-align:left;
	height:325px;
	width:450px;
	margin: auto;
	clear: both;
	position: absolute;
	left:20px;
	top:35px;
	padding:20px;
	text-color:fff;
}
div#content {
	background: #fc7217;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#contact-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/contact_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}

div#team-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/team_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#testimonials-hdr {
background: #fc7217 url(http://www.eaw.co.za/img/testimonials_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#c-testimonials-hdr {
background: #fc7217 url(http://www.eaw.co.za/img/candidate-testimonials_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#services-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/services_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#testimonials-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/testimonials_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
	width: 850px;
}
div#candidates-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/candidates_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#job-board-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/job-board_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#gallery-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/gallery_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#totm-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/temp-of-the-month_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#news-hdr {
	background: #fc7217 url(http://www.eaw.co.za/img/news_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#company-hdr {
background: #fc7217 url(http://www.eaw.co.za/img/company_bg.jpg) no-repeat;
	height:180px;
	margin: auto;
	clear: both;
	position: relative;
	padding:0;
}
div#header {
text-align:left;
	margin:0;
	height: 75px;
	padding:0;
}
div#home-content {
text-align:left;
	padding:0;
	margin:0;
position: relative;
	/*height: 355px;*/
}
div#main-content {
	min-height:300px;
	text-align:left;
	padding:0;
	margin:20px;
	position: relative;
}

#home-social-links{
	background-color: white;
	width: 960px; overflow: hidden;
}
#home-social-links a{
	color: #3B5998;
	font-weight: bold;
}
.home-social-link{
	display: block; float: left; margin-left: 10px
}


div#main-left {
position: relative;
	width: 600px;
	margin:0;
	padding:20px;
	text-align:left;
}
div#main-right {
position:absolute;
	width:200px;
	float: right;
left:760px;
top:20px;
text-align:left;
}
div#main{
	position: relative;
	width: 600px;
	margin:20px;
	padding:20px;
	text-align:left;
}

div#main2{
	position: relative;
	width: 800px;
	margin:20px;
	padding:20px;
	text-align:left;
}
div#main3{
	position: relative;
	width: 850px;
	margin:20px;
	padding:0px;
	text-align:left;
}

div#main4{
	position: relative;
	width: 400px;
	margin:20px;
	padding-left:190px;
	text-align:left;
}


#header h1 {
	height: 75px;
	margin:0;
	float: left;
	width: 156px;
}
#header h1 a {
	border: none;
}
#header h1 a span {
	display: none;
}

/* NAVIGATION =========================================== */
div#nav {
	font-size: 12px;
	margin-top: 25px;
	float: right;
	color: #000;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	display:inline;
	margin:0 2px 0 0;
	padding:0;
}
#nav a {
	float:left;
	background: transparent url("../img/tabs-left.gif") no-repeat left top;
	background-position: -1000px 0%;
	margin:0 1px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
	color: #000;
}
#nav a span, #nav #current span {
	float:left;
	display:block;
	padding:3px 9px 3px 6px;
}
/* hide from Mac IE5 \*/
#nav a span {float:none;}
/* end hack */

#nav #monster, #nav #share {
	padding:3px 0 3px 0;
	overflow: hidden;
}
#nav #monster {
	background: url(../img/monstab.gif) no-repeat;
	width: 65px;
	text-indent: -3000px;
}
#nav #share {
	background: url(http://www.cssbeauty.com/img/sharetab.gif) 0 0 no-repeat;
	width: 85px;
	text-indent: -3000px;
}
#nav #monster:hover { background-position: 0 -22px; }
#nav #share:hover { background-position: 0 -22px; }
#nav #current a { background-position:0 -300px; }
#nav #current a span, #nav #current span {
	background-position:100% -300px;
	padding-bottom:3px;
	color:#fff;
}
#nav #current  { background-position: 0 -44px; }
#nav a:hover { color: #fc7217; }
#nav a:hover span {
	color: #fc7217;
}





div#subnav {
position:absolute;
	width:200px;
	float: right;
left:710px;
top:20px;
text-align:left;
}

.arrowlistmenu{
	width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
background: url(../img/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left:30px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

/*--- footer ------------*/

div#footer {
	width: 960px;
	height: auto;
	margin:0 auto;
	padding:0;
	clear: both;
	background: #e5e5e5;
}

div#footer p {
	padding: 0.6em 1em;
	font-size: 1em;
}

div#footer p#copyright {
	float: left;
	text-align: left;
}

div#footer p#digiguru {
	float: right;
	text-align: right;
}



/* QUICKLINKS =========================================== */
div#quicklinks {
	margin:auto;
	position: relative;
	color: #000;
top: 290px;
left:30px;
}
#quicklinks ul {
	margin:0;
	padding:0;
	list-style:none;
}
#quicklinks li {
	display:inline;
	margin:0 2px 0 0;
	padding:0;
}



div#map {
background: url(../img/map.jpg) 0px no-repeat;
position:relative;
	width:450px;
	height: 505px;
text-align:left;
}
div#contact {
position:absolute;
	width:250px;
	float: right;
left:490px;
top:20px;
text-align:left;
}