/* AshTechnical stylesheet. Created 08/06/2008 White Hat Web Design */

/* ---------------------------------------------------------------------------------------------------------------------------------Layout Styles Begin */

#container /* define the div that will contain the entire site and center it in the browser. Everything goes inside this */
{
width:845px;
margin:auto;
clear:both;
text-align:left;
}

#footer /* the div that will contain the page foter with the copyright information */
{
display:block;
margin-top:20px;
float:left;
clear:both;
width:845px;
text-align:center;
font-size: 85%;
/*background-color:#003399;*/
}

#left /* defines the left column which contains the sub navigation */
{
width:200px;
float:left;
clear:both;
/*background-color:#990000;*/
margin:0px;
padding:0px;
display:block;
/*display:-moz-inline-block;
display:inline-block;*/
}

#left img /* defines the styles for images in the left column - the accreditation logos */
{
float:left;
clear:both;
margin-left:50px;
margin-top:5px;
margin-bottom:5px;
}

#right
{
float:left;
width:645px;
margin:0px;
padding:0px;
/*background-color:#CC3333;*/
}

#right-img
{
margin:0px;
padding:0px;
float:right;
clear:both;
}

#header /*defines the banner at the top of the page, sets its size and background image etc... */
{
clear: both;
background-color: transparent;
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
height: 133px;
}
a:hover
{
	color: #00F;
	text-decoration: underline;
}

a
{
	color: #006;
	text-decoration: none;
	text-transform:capitalize;
}

b, strong
{
	font-weight: bold;
	text-decoration: none;
}

/* ------------------------------------main navigation styles begin */

#main-nav /* the container for the main navigation at the top of the site */
{
/*background-color:#FF00FF;*/
text-align:center;
height:35px;
margin-bottom:6px;
}

#main-nav ul li a
{
color:#FFF;
font-size:140%;
text-decoration:none;
}

#main-nav ul /* the styles for the unordered list which will form the main navigation. */
{
list-style:none;
margin: 0px;
padding: 0px;
border: none;
}

#main-nav ul li
{
display:inline;

}

#main-nav-home, #main-nav-about, #main-nav-vacancies, #main-nav-service, #main-nav-contact-us /* styles which are applied to all main nav elements */
{
display: -moz-inline-block;
display:inline-block;
text-align:center;
width:169px;
float:left;
padding-top:5px;
padding-bottom:5px;
}

/* the following styles alter the colour of each main nav element as per the design */

#main-nav-home
{
background-color:#333;
}

#main-nav-about
{
background-color:#666;
}

#main-nav-vacancies
{
background-color:#7f7f7f;
}

#main-nav-service
{
background-color:#999;
}

#main-nav-contact-us
{
background-color:#ccc;
}

#main-nav-home:hover, #main-nav-about:hover, #main-nav-vacancies:hover, #main-nav-service:hover, #main-nav-contact-us:hover
{
border-bottom:5px solid #333399;
}

/* ------------------------------------main navigation styles end */

/*-------------------------------------left navigation styles begin */

#left ul
{
list-style:none;
margin:0px;
padding:0px;
}

#left ul li a
{
color:#000;
padding-top:6px;
padding-bottom:6px;
margin:0px;
}

.left-nav-white, .left-nav-grey
{
display:block;
line-height:16px;
background-color:#CCCCCC;
padding-left:23px;
padding-right:23px;
padding-top:6px;
padding-bottom:6px;
margin:0px;
}

.left-nav-white
{
background-color:#FFF;

}

.left-nav-grey
{
background-color:#CCC;
}

/*-------------------------------------left navigation styles end */

/*-------------------------------------Nasty clearfix issue hack begin */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/*-------------------------------------Nasty clearfix issue hack end */
/* ---------------------------------------------------------------------------------------------------------------------------------Layout Styles End */

/* ---------------------------------------------------------------------------------------------------------------------------------Typography Styles Begin */
body, td
{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #222;
	text-decoration: none;
	margin: 0px;
	text-align:center;
}

img /* turn off borders around images just to be safe */
{
	border: 0px;
}

div, p, th, li, dd, dl, dt, h1, h2, h3, h4, h5, h6 /* redundant selectors to help NS4 not forget */
{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif;
}


input, select, textarea /* fix form styles to use suitable fonts etc*/
{
	font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif;
	font-size: 11px;
}

h1 /*defines the h1 used in the banner */
{
color:#999999;
text-transform:capitalize;
font-size:260%;
margin:0px;
padding-top:50px;
padding-left:100px;
padding-bottom:0px;
}

h2 /* defines the h2, also found in the banner */
{
color: #333366;
text-transform:uppercase;
font-size:90%;
margin:0px;
padding-left:100px;
padding-top:0px;
}

h1 a, h1 a:hover {
	color:#999999;
	text-decoration: none;
}
h2 a, h2 a:hover {
	color: #333366;
	text-decoration: none;
}


#right h3
{
margin:0px;
color:#333399;
font-size:160%;
padding-top:25px;
font-weight:bold;
padding-left:30px;
text-transform:capitalize;
}

#right h4
{
margin: 0px;
color:#000099;
font-size: 120%;
font-weight: bold;
padding-bottom:5px;
padding-left:30px;
padding-top: 5px;
padding-right:0px;
text-transform:capitalize;
}

p
{
padding-left:30px;
line-height:16px;

}

#footer a
{
margin:0px;
padding:0px;
padding-bottom:30px;
color:#222222;
}

.corgi
{
padding:0px;
margin:0px;
text-align:center;
line-height:12px;
color: #333399;
}

#error {
width:85%;
padding:5px;
margin:10px auto 4px auto;
border:1px solid #FF0000;
background-color:#BB0101;
color:#FFF;
font-weight:bold;
font-size:11px;
}

#noerror {
width:85%;
padding:5px;
margin:10px auto 4px auto;
border:1px solid #00CC66;
background-color:#006B36;
color:#FFF;
font-weight:bold;
font-size:11px;
}

label {
vertical-align:top;
display:inline-block;
width:100px;
margin-bottom:3px;
}

input {
display:inline-block;
width:160px;
margin-bottom:3px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------Typography Styles End */