@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #0053A1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#6E6E6E;
	width: 760px;
	margin: 0 auto;
}
.oneColFixCtrHdr #footer p, #footer a {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font: 10px Verdana, Geneva, sans-serif;
	color: #CCC;
	text-decoration: none;
	text-align: center;
}

#footer a:hover {
	text-decoration: underline;
}

p {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 19px;
}


/* ************************* MENU ********************** */



.menu {
	margin: 0 0 0 -20px; 
	padding:0; 
	height:30px; 
	width:780px; 
	display:block; 
	background: url('http://www.migrationassist.co.za/images/topMenuImages.jpg');
}

.menu li {
	padding:0; 
	margin:0; 
	list-style:none; 
	display:inline;
}

.menu li a {
	float:left; 
	padding-left:15px;
	display:block; 
	color:rgb(255,255,255); 
	text-decoration:none; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	cursor:pointer; 
	background:url('http://www.migrationassist.co.za/images/topMenuImages.jpg') 0px -30px no-repeat;
}

.menu li a span {
	line-height:30px; 
	float:left;
	display:block; 
	padding-right:15px; 
	background: url('http://www.migrationassist.co.za/images/topMenuImages.jpg') 100% -30px no-repeat;
}

.menu li a:hover {
	background-position:0px -60px; 
	color:rgb(255,255,255);
}

.menu li a:hover span {
	background-position:100% -60px;
}

.menu li a.active, .menu li a.active:hover {
	line-height:30px; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	background: url('http://www.migrationassist.co.za/images/topMenuImages.jpg') 0px -90px no-repeat; 
	color:rgb(255,255,255);
}

.menu li a.active span, .menu li a.active:hover span {
	background: url('http://www.migrationassist.co.za/images/topMenuImages.jpg') 100% -90px no-repeat;
}

/* ********************** HOME PAGE ************************ */

#box-header {
	width:780px;
	height: 200px;
	background-color: #0053a1;
	float: left;
	margin: 0 0 0 -20px;
}

#box-lining {
	width: 780px;
	height: 28px;
	background-color: #23A1F6;
	border-bottom: #FFF solid medium;
	border-top: #B4E7FF solid medium;
	float: left;
	margin: 0 0 0 -20px;
}

#box-main-white {
	width: 780px;
	height: 450px;
	float: left;
	margin: 0 0 0 -20px;
	background-color: #FFF;
}

*:first-child+html #box-main-grey {
	height: 330px;
	margin: 10px 0 10px -20px;
	border-bottom: #fff thin ridge;
}

#box-main-grey {
	width: 780px;
	height: 320px;
	float: left;
	margin: 0 0 10px -20px;
	background-color: #CCC;
	border-bottom: #FFF solid medium;
}

*:first-child+html #welcome {
	margin: -775px 0 0 0px;
}

#welcome {
	float: left;
	width: 230px;
	height: 410px;
	background-image: url(images/box-welcome-bevel.jpg);
	/* background-color: #0CC; /* turq */
	margin: -765px 0 0 0px;
}

#welcome-pic {
	width: 190px;
	height: 139px;
	float: left;
	margin: 10px 0 10px 20px;
}

*:first-child+html #about-us {
	margin: -775px 0 0 25px;
}

#about-us {
	float: left;
	width: 230px;
	height: 410px;
	background-image: url(images/box-about-us-bevel.jpg);
	/* background-color: #3C6; /* green */
	margin: -765px 0 0 255px;
}

#about-us-pic {
	width: 190px;
	height: 140px;
	float: left;
	margin: 10px 0 10px 20px;
}

*:first-child+html #payment-plans {
	margin: -775px 0 0 510px;
}

#payment-plans {
	float: left;
	width: 230px;
	height: 130px;
	background-image: url(images/box-payment-bevel.jpg);
	/* background-color: #936; /* violet */
	margin: -765px 0 0 510px;
	color: #FFF;
}

*:first-child+html #box-slogan {
	margin: -625px 0 0 510px;
}

#box-slogan {
	width: 230px;
	height: 260px;
	background-image: url(images/box-assessment-bevel.jpg);
	/* background-color: #069; */
	margin: -615px 0 0 510px;
	float: left;
}

#assessment-pic {
	width: 190px;
	height: 140px;
	float: left;
	margin: 10px 0 0px 20px;
}

*:first-child+html #currency-converter{
	margin: -320px 0 0 0;
	background-image: url(images/box-currency-ie.jpg);
	height: 290px;
}

#currency-converter {
	float: left;
	width: 485px;
	height: 280px;
	background-image: url(images/box-currency-bevel.jpg);
	/* background-color: #F36; /* pink */
	margin: -310px 0 0 0;
}

*:first-child+html #converter{
	margin: -20px 0 0 10px;
}

#converter {
	margin: -5px 0 -10px 5px;
}

#currency-converter p, #welcome p, #about-us p, #featured-service p, #payment-plans p, #box-slogan p {
	padding: 0px 20px 15px 20px;
	text-align: justify;
}

.currency-header {
	width: 180px;
}

.currency-button {
	width: 103px;
	height: 102px;
	float: left;
	margin: 5px 10px 0 10px;
}

.currency-smallprint {
	font: 10px Verdana, Geneva, sans-serif;
	width: 400px;
	color: #666;
}

*:first-child+html #featured-service {
	background-image: url(images/box-featured-services-ie.jpg);
	height: 290px;
	margin: -320px 0 0 510px;
}

#featured-service {
	float: left;
	width: 230px;
	height: 280px;
	background-image: url(images/box-featured-service-bevel.jpg);
	/* background-color: #F93; /* orange */
	margin: -310px 0 0 510px;
}

.heading {
	margin: 20px 10px 0px 20px;
}

.bold {
	font-weight: bold;
	color: #036;
}

a {
	font-weight: bold;
	color: #09C;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* *************** SERVICES PAGE ******************** */

#box-services {
	width: 780px;
	height: 1470px;
	float: left;
	margin: 0 0 0 -20px;
	background-color:#FFF;
}

#services {
	width: 740px;
	height: 130px;
	float: left;
	margin: -1450px 0 0 0;
}

*:first-child+html #box-general-migrant {
	margin: -1290px 0 0 5px;
}

#box-general-migrant {
	width: 230px;
	height: 520px;
	float: left;
	margin: -1300px 0 0 5px;
	background-image: url(images/box-general-migrant-bevel.jpg);
}

#box-general-migrant p {
	padding: 10px 20px 10px 20px;
	text-align: center;
}

#pic-general-migrant {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

*:first-child+html #box-employed-workers {
	margin: -1290px 0 0 20px;
}

#box-employed-workers {
	width: 230px;
	height: 350px;
	float: left;
	margin: -1300px 0 0 255px;
	background-image: url(images/box-employed-workers-bevel.jpg);
}

#pic-employed-workers {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-employed-workers p {
	padding: 10px 20px 10px 20px;
		text-align: center;

}

*:first-child+html #box-parental {
	margin: -1290px 0 0 20px;
}

#box-parental {
	width: 230px;
	height: 460px;
	float: left;
	margin: -1300px 0 0 505px;;
	background-image: url(images/box-parental-bevel.jpg);
}

#pic-parental {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-parental p {
	padding: 10px 20px 10px 20px;
		text-align: center;

}

#box-partner {
	width: 230px;
	height: 430px;
	float: left;
	margin: -810px 0 0 505px;;
	background-image: url(images/box-partner-bevel.jpg);
}

#pic-partner {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-partner p {
	padding: 10px 20px 10px 20px;
	text-align: center;

}

#box-partner ul li {
	font: 12px Arial, Helvetica, sans-serif;
}

*:first-child+html #box-tourist {
	margin: -740px 0 0 px;
}

#box-tourist {
	width: 230px;
	height: 370px;
	float: left;
	margin: -750px 0 0 5px;;
    background-image: url(images/box-tourist-bevel.jpg);
}

#pic-tourist {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-tourist p {
	padding: 10px 20px 10px 20px;
	line-height: 22px;
		text-align: center;

}

*:first-child+html #box-working-holiday {
	margin: -920px 0 0 20px;
}

#box-working-holiday {
	width: 230px;
	height: 540px;
	float: left;
	margin: -920px 0 0 255px;
	background-image: url(images/box-working-bevel.jpg);
}

#pic-working-holiday {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-working-holiday p {
	padding: 10px 20px 10px 20px;
	line-height: 23px;
	text-align: center;
}

#box-students {
	width: 230px;
	height: 320px;
	float: left;
	margin: -350px 0 0 5px;
    background-image: url(images/box-students-bevel.jpg);
}

#pic-students {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-students p {
	padding: 10px 20px 10px 20px;
	text-align: center;
	line-height: 22px;

}

*:first-child+html #box-business {
	margin: -350px 0 0 20px;
}

#box-business {
	width: 230px;
	height: 320px;
	float: left;
	margin: -350px 0 0 255px;
    background-image: url(images/box-students-bevel.jpg);
}

#pic-business {
	width: 190px;
	height: 127px;
	float: left;
	margin: 20px 0 10px 20px;
}

#box-business p {
	padding: 10px 20px 10px 20px;
	text-align: center;
	line-height: 22px;

}

/* *********************** ASSESSMENT ************************ */

#box-assessment{
	width: 780px;
	height: 2500px;
	float: left;
	margin: 0 0 0 -20px;
	background-color:#FFF;
}

#assessment {
	width: 740px;
	height: 200px;
	float: left;
	margin: -2480px 0 0 0;
}

.assessment-form {
	width: 740px;
	height: 2390px;
	float: left;
	margin: -2450px 0 0 20px;
}

/* ****************** CONTACT PAGE ************************ */

#box-contact {
	width: 780px;
	height: 600px;
	float: left;
	margin: 0 0 0 -20px;
	background-color:#FFF;
}

#contact {
	width: 740px;
	height: 130px;
	float: left;
	margin: -580px 0 0 0;
}

#contact-details {
	width: 360px;
	height: 170px;
	float: left;
	margin: -480px 0 0 0;
}

#contact-details table {
	margin: 15px 0 0 0;
}

#contact-details td {
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	width: 100px;
	height: 25px;
}

.emphasis {
	font-weight: bold;
}

#contact-form-heading {
	width: 360px;
	height: 20px;
	float: left;
	margin: -485px 0 0 360px;
}

*:first-child+html .contact-form {
	margin: -510px 0 0 370px;
	background-color: #069;
}


.contact-form {
	width: 360px;
	height: 460px;
	float: left;
	margin: -500px 0 0 370px;
}

/* *************** PRIVACY POLICY ************************ */

*:first-child+html #box-privacy {
	height: 980px;
}

#box-privacy {
	width: 780px;
	height: 930px;
	float: left;
	margin: 0 0 0 -20px;
	background-color:#FFF;
	border-bottom: #ccc medium solid;
}

*:first-child+html #privacy {
	margin: -960px 0 0 0;	
}

#privacy {
	width: 740px;
	height: 130px;
	float: left;
	margin: -910px 0 0 0;
}

.current {
	font: 13px Arial, Helvetica, sans-serif;
	color: #09C;
	font-weight: bold;
}

ul li {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	text-align: justify;
}