/* CSS Document */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; overflow: scroll; }

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333; background-color: #E3F3F3;
}

img { border: 0; }


/* ========================= TEXT STYLES ========================= */

a:link, a:visited { color: #3FAAAC; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }
a:focus { outline: none; }

h1 {
	font-size: 2.4em; line-height: 1em; font-weight: normal; color: #3FAAAC;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
h1.graphic {
	height: 24px;
	background-position: left top; background-repeat: no-repeat;
	display: block; margin-bottom: 15px;
	font-size: 1em; text-indent: -999999px;
}

h2 {
	font-size: 1.4em; line-height: 1.3em; font-weight: bold; color: #3FAAAC;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}

h3 {
	font-size: 1.6em; line-height: 1em; font-weight: bold; color: #000000;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
h2.panelHeading {
	font-size: 1.4em; color: #FFFFFF; background-color: #3FAAAC;
	padding: 3px 5px; margin-bottom: 5px;
	display: block;
}
h2.panelHeading a:link, h2.panelHeading a:visited { color: #FFFFFF; text-decoration: none; }
h2.panelHeading a:hover { color: #000000; text-decoration: none; }

h4 {
	font-size: 1.2em; line-height: 1.3em; font-weight: bold; color: #333333;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}

p, ul, ol {
	font-size: 1.2em; line-height: 1.3em;
	color: #000000;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}
ol, ul {
	list-style-position: outside;
	margin-left: 16px;
}
ul { list-style-type: disc; list-style-image: url(../images/star-bullet.gif); }
li { margin-bottom: 5px; }
p.salary {
	font-weight: bold;
	padding-bottom: 2px;
	border-bottom: 1px solid #9FD5D6;
	margin-bottom: 5px;
}
p.testimonialName {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #9FD5D6;
	margin-bottom: 15px;
}

hr {
	border-left: 0; border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0; margin-top: 0; margin-bottom: 10px;
}


/* ========================= PAGE STRUCTURE ========================= */

#panel_header {
	width: 100%; height: 50px;
	background-color: #79C3C5;
	display: block;
}
#header {
	width: 900px; padding-left: 10px; padding-right: 10px;
	height: 50px;
	background-image: url(../images/panel-header.gif);
	background-position: left; background-repeat: repeat-y;
	display: block;
	margin-left: auto; margin-right: auto;
}
#panel_image {
	width: 100%; height: 200px;
	background-color: #C6E6E6;
	display: block;
}
#header_image {
	width: 900px; padding-left: 10px; padding-right: 10px;
	height: 200px;
	background-image: url(../images/panel-image.gif);
	background-position: left; background-repeat: repeat-y;
	display: block;
	margin-left: auto; margin-right: auto;
}
#panel_page {
	width: 920px;
	background-image: url(../images/panel-page.gif);
	background-position: center; background-repeat: repeat-y;
	display: block;
	margin-left: auto; margin-right: auto;
}
#page {
	width: 920px; padding-top: 20px;
	background-image: url(../images/star-page-background.gif);
	background-position: 10px bottom; background-repeat: no-repeat;
	margin-left: auto; margin-right: auto;
}
#panel_footer {
	width: 900px; padding: 17px 10px 0px 10px;
	clear: both;
	background-color: #E3F3F3;
	background-image: url(../images/panel-footer.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
	margin-left: auto; margin-right: auto;
}

#pageClear {
	height: 10px;
	clear: both;
	display: block;
}


/* ========================= HEADER ========================= */

#accountancy-recruitment a {
	width: 320px; height: 50px;
	float: left;
	background-image: url(../images/accountancy-recruitment.gif);
	background-position: left top; background-repeat: no-repeat;
	display: block;
	margin-left: 20px;
	text-indent: -999999px;
}
#accountancy-recruitment h2 { font-size: 1em; margin: 0; }

#contacts {
	float: right;
	margin-right: 20px;
	font-size: 1.2em; line-height: 50px;
	font-weight: bold;
	color: #D9EEEF;
}
#contacts_telephone { float: left; margin-right: 3px; }
#contacts a {
	padding-left: 15px;
	line-height: 50px;
	background-image: url(../images/star-reverse.gif);
	background-position: left 17px; background-repeat: no-repeat;
	float: left;
}
#contacts a:link, #contacts a:visited { color: #D9EEEF; text-decoration: none; }
#contacts a:hover { color: #FFFFFF; text-decoration: underline; }
#contacts span.star {
	padding-left: 15px;
	background-image: url(../images/star-reverse.gif);
	background-position: left; background-repeat: no-repeat;
	text-indent: -999999px;
	display: none;
	float: left;
}

/* ========================= NAVIGATION ========================= */

#nav {
	width: 150px; height: 400px;
	float: left;
	margin-left: 30px;
}
#nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	font-size: 1em; line-height: 21px;
	text-transform: uppercase;
	font-weight: bold;
}
#nav li {
	padding-bottom: 2px; padding-top: 2px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 2px;
	list-style: none;
	background-image: none;
}
#nav li li { padding-bottom: 0; padding-top: 0; border-bottom: 0; margin-bottom: 0px; }
#nav ul ul {
	font-size: 0.9em; line-height: 1.9em;
	font-weight: normal;
	display: none;
}
#nav li a { padding-left: 20px; text-decoration: none; font-size: 1.2em; }
#nav li a:link, #nav li a:visited { color: #000000; }
#nav li a:hover { color: #3FAAAC; }
#nav li li a:link, #nav li li a:visited, #nav li.active li a:link, #nav li.active li a:visited { color: #666666; }
#nav li li a:hover, #nav li.active li a:hover { color: #3FAAAC; }
#nav li.active {
	/*background-image: url(../images/star-navigation.png);*/
	background-image: url(../images/star-navigation.gif);
	background-position: left 2px; background-repeat: no-repeat;
	list-style-image: none;
}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover,
#nav li li.active a:link, #nav li li.active a:visited, #nav li li.active a:hover { color: #3FAAAC; }

#nav li li.active {
	background-image: url(../images/star-bullet.gif);
	background-position: 3px 1px; background-repeat: no-repeat;
	list-style-image: none;
}


/* ========================= COLUMNS ========================= */

#content {
	width: 460px;
	float: left;
	margin-left: 20px;
}

#quick_content {
	width: 210px;
	float: right;
	margin-right: 30px;
}

/* ========================= FOOTER ========================= */

#panel_footer, #panel_footer ul { font-size: 1em; color: #666666; }
#panel_footer a:link, #panel_footer a:visited { color: #666666; text-decoration: none; }
#panel_footer a:hover { color: #000000; text-decoration: underline; }
#panel_footer ul { list-style: none; margin-left: 0; margin-bottom: 0; }
.footerNav { float: left; padding-top: 2px; }
#panel_footer li {
	padding-right: 4px;
	border-right: 1px solid #999999;
	margin-right: 2px;
	display: inline;
}
#panel_footer li.lastLink {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}

#social_network_links { float: right; }
#social_network_links li { line-height: 16px; border-right: 0; padding-right: 0; }
#social_network_links a {
	height: 16px; padding-top: 2px;
	padding-left: 19px;
	line-height: 16px;
	background-position: left top; background-repeat: no-repeat;
	display: block;
	float: left;
	font-weight: bold;
	margin-left: 10px; margin-bottom: 5px;
}
#social_network_links li#twitter a { background-image: url(../images/t_mini-a.png); }
#social_network_links li#linkedin a { background-image: url(../images/linkedin.gif); }
#social_network_links li#facebook a { background-image: url(../images/facebook-icon.gif); }

#social_network_links a:link, #social_network_links a:visited { color: #3FAAAC; text-decoration: none; }
#social_network_links a:hover { color: #000000; text-decoration: underline; }

#panel_footer .footerCredit {
	clear: both;
	border-top: 1px solid #FFFFFF;
	padding-top: 5px; padding-bottom: 20px;
	color: #999999;
}
#panel_footer .footerCredit a:link, #panel_footer .footerCredit a:visited { color: #999999; text-decoration: none; }
#panel_footer .footerCredit a:hover { color: #000000; text-decoration: underline; }

/* ========================= QUICK CONTENT PANEL ========================= */

.panel {
	border: 1px solid #3FAAAC;
	display: block;
}
.panel h4 { color: #3FAAAC; margin-bottom: 0; }
.panel h4, .panel p { margin-left: 10px; margin-right: 10px; }
.panel p { color: #666666; }
.panel h2.panelHeading { margin-bottom: 10px; }

a.viewMoreLink { font-weight: bold; color: #000000; text-decoration: none; }
a.viewMoreLink:hover { color: #3FAAAC; text-decoration: underline; }

h2.panelHeading a.starjobs {
	height: 16px;
	background-image: url(../images/star-jobs-panel.gif);
	background-position: center top; background-repeat: no-repeat;
	display: block;
	text-indent: -999999px;
}

/* ========================= META CONTENT PROOFING ========================= */

#metaContent { padding: 10px; clear: both; border-top: 1px solid #CCCCCC; padding-top: 10px; display: none; }
#metaContent p { font-size: 1.1em; margin-bottom: 0px; }
#metaContent p.notes { text-transform: uppercase; font-size: 1em; color: #666666; }