/* screen stylesheet by deepcalm.com */

@import url(reset.css); /* reset */
@import url(forms.css); /* forms */
@import url(pushup.css); /* forms */

/* =body */

html {  }	
body {
	font : 100%/1.25em "Palatino Linotype", Palatino, Georgia, serif;
	margin: 0 auto;	width: auto; height : auto;
	color : rgb(0,0,0);
	background : rgb(255,255,255);
	background : transparent url(/site_images/header.png) no-repeat 50% 74px;
}

#nav_access { position : absolute; top : 0; left : 0;}
#nav_access a {
	display: block; 
	position: absolute; top:0; left: -999px; 
	padding: 10px 20px; 
} 
#nav_access a:focus { left: 0; }

/* =basic */

p {
	font-size : 14px;
	line-height : auto;
	margin : 10px 20px 10px 0;
}
ul,dl,ol { margin-bottom : 0; }

ul { list-style : disc; }
ul li {
	margin-bottom : 0;
	font-size : 14px;
	line-height : auto;
	margin : 10px 20px 10px 0;
}
dl { margin : 0; }
dl dt { font-weight : bold; }
dd { margin-left: 0; }

ol { list-style-type:decimal; }
ol li { margin-left: 0; }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
sup { font-size: 75%; position:relative; top:-3px; }

table { width : auto; margin : 10px 20px 0 0;}
th, td {
	vertical-align: middle; text-align : right;
	font-size : 14px;
	line-height : 18px;
	padding : 0px 30px 2px 0;	
}
th { font-weight:bold; text-align : left; }
th + th { text-align : right }
hr { display:none; }

/* =headings */

h1, h2, h3, h4, h5, h6 { font-family: Optima, Corbel, Arial, sans-serif; font-weight:bold; margin : 0; }
h1 { font-size : 24px; }
h2 { font-size : 24px; padding-top : 20px; line-height : 30px;}
h3 { font-size : 18px; margin-top : 20px;}
h4 { font-size : 16px; margin : 10px 0;}
h5 { font-size : 13px; margin : 10px 0;}

/* =links */

a:link, a:visited { color : rgb(0,0,50); text-decoration : none; }
a:hover, a:focus { color : rgb(0,0,100); text-decoration : underline; }

/* =img */

img { display : block; }
p img {  }

img.left { float : left; margin-right : 0; }
img.right { float : right; margin-left : 0; }

/* =layout */

#container {
	position : relative;
	width : 800px; padding : 0 10px;
	margin : 0 auto;
}
.section.main {
	width : 600px;
	margin-bottom : 100px;
}

/* =global */

.clear { clear:both; }
.hide {display:none;}
.break { clear: both; }

#footnotes { display : none; }
html.noted a sup { display : none; }

p.tags {  }
p.date { margin : 0; color : rgb(100,100,100); font-size : 10px; }
p.published {  }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* =branding */

#branding { padding : 10px 0 10px 0; }
#branding h1 a {
	display : block;
	width : 300px; height : 60px;
	background: transparent url(/site_images/logo_site.png) 0 0 no-repeat;
	text-indent : -999em;
}
#branding h2 { display : none; }

/* =nav */

#header .nav { position : absolute; top : 67px; right : 30px; }
#header .nav ul {
	list-style : none;
	width : 180px;
	padding : 10px 0 0 30px;
	background : transparent url(/site_images/branding_nav.png) no-repeat 0 0;
}
#header .nav li { padding : 0 10px 10px 10px; width : 140px; margin : 0;}
#header .nav li a {
	display : block; 
	color : rgb(240,240,240);
	width : 140px; height : 80px;
	padding : 10px;
}
#header .nav li#nav_home a {
	height : 20px;
	padding : 2px 10px;
}
#header .nav li a h4 {
	margin : 0; padding : 0	;
	font-size : 14px; text-transform : uppercase; font-weight : normal;
}
#header .nav li a h3 { font-size : 16px; text-transform : uppercase; margin : 0; font-weight : normal; }	
#header .nav li a p { font : 12px/20px Optima, Corbel, Arial, sans-serif; margin : 3px 0 0 0;}	
#header .nav li:last-child { padding-bottom : 10px; }
#header .nav li a:hover { color : rgb(255,255,255); background : rgb(60,94,143); text-decoration : none; }
#header .nav li.current a {  }

/* =footer */

#footer {
	clear : both;
	font : 11px/16px Optima, Corbel, Arial, sans-serif;
	border-top : 1px solid rgb(200,200,200);
	margin-top : 40px;
	padding-top : 9px;
/*	position : relative; bottom : -20px; left : -47px;*/
/*	color : rgb(250,250,250); background : transparent url(/site_images/footer.png) no-repeat 0 100%;*/
	width : 580px;
/*	margin-top : 40px; padding : 10px 20px 40px 47px;*/
}
#footer p { font : 11px/16px Optima, Corbel, Arial, sans-serif; margin : 0 0 16px 0; }
/*#footer a { color : rgb(250,250,250); }*/

#footer .vcard { float : left; width : 200px; }
#footer .vcard .tel { margin-top : 16px; }
#footer .vcard .country-name { display : none; }
/*#footer div#built { float : none; }*/

/* =main */

.section.main { position : relative; width : 600px; }
.section.main .figure { margin : 20px 0 0 0; }

.section.main ul.articles { list-style : none; }
.section.main ul.articles .header { position : relative; }
#latest-news p.published {
	font-size : 10px; line-height : 10px;
	position : absolute; top : -20px; right : 0px;
}
.section.main .article ul { padding-left : 20px;}


/* =aside */

.aside.main {  }

/* =sections */

.default .section.main .figure { margin-right : 20px; }
.default .section.main h2 {
	position : absolute; top : 270px; left : -12px;
	font-size : 30px; line-height : 30px;
	margin-right : 20px; padding : 10px 10px 22px 12px;
	color : rgb(250,250,250);
	color : rgba(250,250,250,0.9);
	background : transparent url(/site_images/main-page-header.png) 0 100% no-repeat;
}
.default .section.main p {
	font-size : 18px; line-height : 30px;
	margin-right : 25px;
}
#latest-news h4 { padding-top : 10px; border-bottom : 1px solid rgb(200,200,200); margin-right : 20px; }
#latest-news h3 { margin-top : 0; }
#latest-news p { font-size : 12px; line-height : 20px; }
#latest-news ul { list-style : none;}
#latest-news li { float : left; margin : 0;}
#latest-news li .article { width : 300px; }

.about .section.main ul li .article { padding-left : 100px; overflow : hidden; }
.about .section.main ul li .article .figure { float:left; position:relative; left:-100px; top : -20px; margin : 0 -90px 0 0; }
.about .section.main ul .article h2 { font-size : 18px; margin : 0;}

.contact-us .section.main h5 { font-size : 24px; line-height : 20px; font-style : normal; }
.contact-us .section.main h5 a { text-decoration : none; color : rgb(0,0,0);}
.contact-us .section.main p.note { font-size : 12px;  margin : 0 20px 20px 0; }
.contact-us .section.main #googlemap { width : 580px; height : 400px; margin : 20px 0; background-color : #666; }

.services .articles .article { padding-left : 50px; }
.services #accountancy-audit { background : transparent url(/site_images/accountancy.png) 0 0 no-repeat; }
.services #other-services { background : transparent url(/site_images/other-services.png) 0 0 no-repeat; }
.services #taxation { background : transparent url(/site_images/taxation.png) 0 0 no-repeat; }

#latest-information-articles,
#search-results { clear : both; display : block;}
.information #search_form {
	float : right;
	background : rgb(230,230,230);
	width : 260px;
	margin : 20px 20px 0 20px; padding : 0 10px 2px 10px;
	border : 1px solid rgb(200,200,200); border-left : none; border-right : none;
}