@charset "utf-8";
/* Hair Ott Academy CSS Document - Copyright Agent8 Design all rights reserved */

body {
margin: 0;
padding: 0;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.0em; /* 16x1.125=18px */
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #4c4c4c;
background-color: #fff;
background-image:url(images/bg.jpg);
background-attachment:scroll;
background-position:top center;
background-repeat:repeat;
}

img {border:none; font-size: 0.7em;color:#979696;}

.passion {font-size: 1.4em; /* 16x0.5=8px */ padding:0px; margin:0px; }

p {font-size: 0.7em; /* 16x0.5=8px */ padding:0px; margin:0px; }
p a{color:#4c4c4c;text-decoration:underline;}
p a:visited{color:#4c4c4c;text-decoration:underline;}
p a:hover{color:#979696;text-decoration:underline;}

li {font-size: 0.7em; /* 16x0.5=8px */ padding:0px 20px; margin:0px; }
li a{color:#4c4c4c;text-decoration:underline;}
li a:visited{color:#4c4c4c;text-decoration:underline;}
li a:hover{color:#979696;text-decoration:underline;}

h1 {font-size: 0.8em; /* 16x0.5=8px */ padding:0px; margin:0px; font-weight:normal;}
h1 a{color:#4c4c4c;text-decoration:underline;}
h1 a:visited{color:#4c4c4c;text-decoration:underline;}
h1 a:hover{color:#979696;text-decoration:underline;}


.grey {color:#979696;text-decoration:none;}
.grey a{color:#979696;text-decoration:underline;}
.grey a:visited{color:#979696;text-decoration:underline;}
.grey a:hover{color:#4c4c4c;text-decoration:underline;}

.greyalt {color:#979696;text-decoration:none;}
.greyalt a{color:#979696;text-decoration:none;}
.greyalt a:visited{color:#979696;text-decoration:none;}
.greyalt a:hover{color:#4c4c4c;text-decoration:underline;}


.copyright {font-size: 0.6em; color:#b0b0b0;text-decoration:none; margin-bottom: 20px;}
.copyright a{color:#b0b0b0;text-decoration:none;}
.copyright a:visited{color:#b0b0b0;text-decoration:none;}
.copyright a:hover{color:#979696;text-decoration:none;}

.login {font-size: 0.6em; color:#979696;text-decoration:none;}
.login a{color:#979696;text-decoration:none;}
.login a:visited{color:#979696;text-decoration:none;}
.login a:hover{color:#4c4c4c;text-decoration:none;}


#wrapper{position:relative;width: 900px;margin: 0px auto;}
#logo{position:absolute;left: 40px;top: 44px;}
#dot{position:absolute;left: 810px;top: 26px;}

#nav_apprenticeships{position:absolute;left: 310px;top: 55px;}
#nav_schools{position:absolute;left: 310px;top: 72px;}
#nav_partners{position:absolute;left: 480px;top: 55px;}
#nav_mature{position:absolute;left: 480px;top: 72px;}
#nav_model{position:absolute;left:664px;top: 55px;}
#nav_contact{position:absolute;left: 664px;top: 72px;}

#main{position:absolute;left: 0px;top: 145px;}
#main2{position:absolute;left: 0px;top: 75px;}

#content{position:relative;left: 40px;top: 38px; width:800px;}

#row0 {position:relative;left: 0px;top: 0px; width:800px; display:block; float:left;margin-bottom:35px; padding: 0px; }
#row0_c1{position:relative; width:520px; left: 270px; }

#row1 {position:relative;left: 0px;top: 0px; width:800px; display:block; float:left;margin:0px; padding: 0px; }
#row1_c1{position:relative; width:232px; float:left; margin-left: 0px;}
#row1_c2{position:relative; width:260px; float:left; margin-left: 38px; }
#row1_c2wide{position:relative; width:526px; float:left; margin-left: 38px; }
#row1_c3{position:relative; width:260px; float:left; margin-left: 6px;}



#footer{position:relative;left: 40px;top: 60px; padding: 8px 0px; float:left; width: 800px;border-top: 1px solid #d4d4d4;}


/* tables */
table {
		border-collapse: collapse;
	}

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.black td {
	color:#fff;

	background: #000;
	}

td {
	border-bottom: 1px solid #7e7e7e;
	padding: 0 0.5em;
	}

td.width {
	width: 190px;
	}

td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}