/*
 Screen style    
 Site: Atrium Help
*/
html { height: 100%; }
body {
	height: 100%;
	font-size: 85%;
	padding: 0;
	background: #03722d;
}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto clearing floats */
#inner:after, .home-boxes:after, #footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Wrappers */
#wrapper {
	width: 860px;
	background: #fff url(../images/bg/wrapper.gif) repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	padding-top: 0;
	padding-right: 29px;
	padding-bottom: 0;
	padding-left: 29px;
}

/* Header */
#header { height: 103px; position: relative; }
#header .logo { position: absolute; top: 9px; left: 0; }
#header .logo img { display: block; }
#header .top-nav {
	position: absolute;
	top: 0;
	right: -4px;
	line-height: 1.0;
}
#header .top-nav .accessibility { display: none; }
#header .top-nav .button a { display: block; background: url(../images/bg/top-nav-button.gif); padding: 21px 10px 10px 38px; width: 89px; height: 26px; text-decoration: none; color: #000; }
#header .phone { position: absolute; top: 72px; right: -1px; width: 159px; height: 32px; }
#header .phone span { background-image: url(../images/text/phone.gif); }

/* Navigation */
#nav { height: 31px; width: 629px; position: relative; left: -5px; z-index: 2; }
#nav li { float: left; }
#nav a { display: block; height: 31px; line-height: 31px; overflow: hidden; position: relative; text-align: center; text-decoration: none; z-index: 1; background: #e8151c; color: #fff; width: 103px; }
#nav a span { background-position: top left; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover, #nav a.current { background: #ef5b60; }
#nav a:hover span, #nav a.current span {
	background-position: bottom left;
}
#nav a.nav01 { width: 67px; }
#nav a.nav02 { width: 99px; }
#nav a.nav03 { width: 102px; }
#nav a.nav04 { width: 73px; }
#nav a.nav05 { width: 99px; }
#nav a.nav06 { width: 107px; }
#nav a.nav07 { width: 74px; }
#nav a.nav01 span { background-image: url(../images/nav/01.gif); }
#nav a.nav02 span { background-image: url(../images/nav/02.gif); }
#nav a.nav03 span { background-image: url(../images/nav/03.gif); }
#nav a.nav04 span { background-image: url(../images/nav/04.gif); }
#nav a.nav05 span { background-image: url(../images/nav/05.gif); }
#nav a.nav06 span {
	background-image: url(../images/nav/06.gif); }
#nav a.nav07 span {
	background-image: url(../images/nav/07.gif); }

/* Top */
#top { border: 1px solid #ccc; height: 238px; background: #eae9e5 url(../images/bg/top.gif) repeat-x; position: relative; z-index: 1; }

/* Top: Text */
#top .text { float: left; width: 342px; position: absolute; top: 26px; left: 30px; z-index: 2; }
#top .text p {
	font-size: 1.17em;
	line-height: 1.21;
	width: 300px;
	letter-spacing: 1px;
	margin: 0px;
}
#top .text p.contact {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -6px;
}
#top .text p.contact img { display: block; }

/* sIFR */
.sIFR-hasFlash #top h1.sifr { visibility: hidden; font-size: 34px; line-height: 26px; } 

/* Top: Photo */
#top .photo {  position: absolute; bottom: 0; right: 0; z-index: 1; }
#top .photo img { display: block; }

/* Inner wrapper */
#inner { margin: 35px 0 33px 30px; }
.home #inner { margin: 20px 0 37px 0; }

/* Content */
#content { float: left; width: 555px; }
#content a:hover { background: #ed1b24; color: #fff; text-decoration: none;  }
#content strong.red { color: #ed1b24; }
#content ul { list-style: square; margin: 0.5em 0 1.75em 27px; }
#content ul.list-after-paragraph { margin-top: -1em; }
#content li { margin-bottom: 0.5em;  }
#content ul.sitemap { margin: 1em 0 1em 17px; list-style: none; }
#content ul.sitemap li ul { margin: 0.5em 0 0 17px; list-style: none; }
#content ul.privacy { margin: -1em 0 1em 17px; list-style: none; }
#content .logo { margin: 30px 0 10px 0;  }
#content .logo img {
	display: block;
}

/* Tables */
table.place th {
	width: 100px;
}
table.prices {
	width: 800px;
}
table.prices .row { width: 120px; }
table.timetable { width: 800px; }
.timetable-title { margin-top: 20px; }

/* Sidebar */
#sidebar { float: right; width: 220px; }

/* Secondary navigation */
#sidebar .sec-nav { margin: 0 0 65px 30px; }
#sidebar .sec-nav h2 { font-size: 1.42em; margin-bottom: 10px; font-weight: bold; color: #ed1b24; }
#sidebar .sec-nav li { margin: 0 0 6px 17px; padding-left: 21px; background: url(../images/bg/square1.gif) 0 6px no-repeat; line-height: 1.5; }
#sidebar .sec-nav a { text-decoration: none; color: #000; }
#sidebar .sec-nav a:hover { text-decoration: underline; }
#sidebar .sec-nav a.current { font-weight: bold; color: #333; }

/* Sidebar: Quotes */
#sidebar blockquote { background: #dfdcd7; line-height: 1.5; font-size: 1.33em; font-style: italic; margin-top: 19px; padding: 15px 22px 20px 22px; }
#sidebar blockquote p { margin: 0; }

/* Home Page */
.home #content { float: none; width: auto; }

/* Home Page: Boxes */
.home-boxes { background: url(../images/bg/home-boxes.gif) repeat-y; line-height: 1.5; }
.home-box { float: left; width: 272px; border: 1px solid #ccc; }
.home-box .inner { background: url(../images/bg/home-box-inner.gif) repeat-x; border-top: 1px solid #fff; padding: 12px 30px 16px 17px; }
.home-box h2 { width: 272px; height: 115px; }
.home-box p { margin: 0; }
.home-box a { color: #000; }
.whos-help-for h2 span { background-image: url(../images/text/whos-help-for.jpg); }
.what-we-do { margin: 0 20px; width: 271px; }
.what-we-do h2 { width: 271px; }
.what-we-do h2 span { background-image: url(../images/text/what-we-do.jpg); }
.timetable-classes, .timetable-classes h2 { width: 270px; }
.timetable-classes h2 span { background-image: url(../images/text/timetable-classes.jpg); }
#content .home-box a:hover { background: #333; }

/* Contact form */
.contact-form input, .contact-form textarea { border: 1px solid #ccc; width: 380px; }
.contact-form input.checkbox, .contact-form .contact-send input { border: none; width: auto; vertical-align: middle; }
.contact-form td p { margin: 5px 0; }
.contact-form td p.first { margin: 0; }
.contact-send { margin-top: 20px; }
.contact-form .label { width: 140px; }
.contact-form .top { vertical-align: top; }
.contact-form .contact-send { margin-left: 10px; }

/* Footer */
#footer {
	clear: both;
	line-height: 1.54;
	padding-bottom: 20px;
}
#footer a { color: #000; }
#footer a:hover { background: #333; color: #fff; text-decoration: none; }

/* Newsletter */
#footer .newsletter { width: 234px; float: right; }
#footer .newsletter p { margin-bottom: 4px; }
#footer .newsletter input { vertical-align: middle; margin: 0; }
#footer .newsletter .text-input { border: 1px solid #666; padding: 4px 6px; width: 119px; margin: 0 4px 0 0; color: #333; }

/* vCard */
#footer .vcard {
	width: 860px;
}
#footer .vcard p { font-size: 1.09em; margin-bottom: 6px; }
#footer .vcard strong { font-weight: normal; }
#footer .vcard .sep {
	margin: 0 6px;
	color: #666;
}

/* Footer links */
#footer .links { font-size: 1.09em; }
#footer .links li { float: left; margin-left: 19px; }
#footer .links li.first { margin-left: 0; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0;	top: 0;	width: 0;	height: 0;	display: block;	overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; } 
.logogym {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.icon {
	margin-right: 5px;
	margin-bottom: -3px;
}
.line {
	margin-bottom: 15px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
}
.nhs {
	float: right;
	margin-top: 15px;
}