/*
 * Author:		Ronan Sprake [ronan.sprake@digitaloverload.co.uk]
 * Agency:		Digital Overload Ltd.
 * Client: 		Rikitic
 * Project: 	360 Clinical
 * Comment:		Base stylesheet

----------------------
Contents:

@import Reset stylesheet

1. Font Sizing
2. Generic HTML styles
3. Parent layout styles
4. Navigation
5. Content
6. Sub-content
7. Footer
8. Miscellaneous

*/

@import url(reset.css);

/*--------------------------------------------------------------------------
	Font Sizing
----------------------------------------------------------------------------*/

#page-container
{
	font-size:				0.75em /* 16 x 0.75=12px */
}

h1,
.callout h3
{
	font-size:				1.333em /* 12 x 1.333=16px */
}

.staff-listing h2
{
	font-size:				1.167em /* 12 x 1.167=13px */
}

#foot p,
#foot li
{
	font-size:				0.917em /* 12 x 0.917=11px */
}


/*--------------------------------------------------------------------------
	Generic HTML styles
----------------------------------------------------------------------------*/

body
{
	background:				#FFF url(/media/images/bg-body.jpg) repeat-x top;
}

table th
{
	padding-right:			15px;
	text-align:				right;
	width:					140px;
}

table td
{
	padding:				2px 5px 2px 0;
}

h1,
h2,
h3
{
	color:					#EC6941;
	font-weight:			normal;
	margin-bottom:			14px;
}

h2,
h3
{
	margin-bottom:			5px;
}

h1 img
{
	display:				block;
}

p img
{
	float:					left;
	margin:					0 20px 8px 0;
}

ol
{
	list-style:				outside decimal;
	padding-left:			18px;
}

ol li
{
	display:				list-item;
	vertical-align:			top;
}

ul,
p,
table
{
	margin-bottom:			14px;
}

p
{
	line-height:			1.4em;
}

strong
{
	font-weight:			bold;
}

em
{
	font-style:				normal;
}

a
{
	color:					#EC6941;
	text-decoration:		none;
}

a:hover
{
	text-decoration:		underline;
}

hr
{
	border:					0;
	border-top:				1px solid #E8E8E8;
	height:					1px;
	margin-bottom:			12px;
}


/*--------------------------------------------------------------------------
	= Parent Layout Styles
----------------------------------------------------------------------------*/

#page-container
{
	background-color:		#FFF;
	color:					#3D3E3D;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 auto 50px;
	padding:				20px 11px 0 15px;
	position:				relative;
	width:					980px;
}

#content-container
{
	float:					left;
	width:					667px;
}

.main-content
{
	float:					left;
	margin:					0 13px 25px 4px;
	width:					650px;
}

.main-content ul
{
	list-style:				inside disc;
}

.main-content .copy
{
	float:					left;
	width:					469px;
}

.main-content .inline-1,
.main-content .inline-2
{
	float:					left;
}

.main-content .inline-1
{
	margin-bottom:			30px;
}

.main-content .inline-2
{
	margin:					0 0 15px 15px;
}

.sub-content
{
	float:					left;
	margin-bottom:			28px;
	width:					303px;
}


/*--------------------------------------------------------------------------
	=head
----------------------------------------------------------------------------*/

#head
{
	background:				url(../images/bg-head.jpg) 5px 0 no-repeat;
	margin-bottom:			6px;
	padding-top:			118px;
	position:				relative;
}

#head a.home
{
	height:					100px;
	left:					40px;
	position:				absolute;
	text-indent:			-9999px;
	top:					5px;
	width:					115px;
}

#ticker
{
	background-color:		#E95324;
	height:					20px;
	left:					200px;
	padding:				5px 8px 0;
	position:				absolute;
	top:					75px;
	width:					486px;
}

#ticker ul
{
	background-color:		#E75323;
	float:					left;
}

#ticker li,
#ticker h5,
#ticker a
{
	background-color:		#E75323;
	color:					#FFF;
	display:				inline;
}

#ticker li
{
	position:				absolute;
	overflow:				hidden;
	width:					396px;
}

#ticker h5
{
	float:					left;
	font-weight:			normal;
	margin-right:			12px;
}

#ticker a:active,
#ticker a:focus
{
	outline:				0;
}

#head #frm-translate
{
	left:					770px;
	position:				absolute;
	top:					20px;
	width:					210px;
}

#head #frm-translate label,
#head #frm-translate p
{
	color:					#FFF;
	display:				block;
}

#head #frm-translate p
{
	margin-bottom:			25px;
}

#head #frm-translate label
{
	margin-bottom:			3px;
}

#head #frm-language
{
	width:					150px;
}

#nav
{
	background:				url(../images/bg-nav.jpg) left top no-repeat;
	margin-bottom:			0;
	min-height:				35px;
	padding:				5px 20px;
	text-align:				center;
	z-index:				3;
}

#nav li
{
	display:				inline-block;
	margin-right:			-3px;
}

#nav a
{
	background:				url(../images/bg-nav-li.jpg) left bottom no-repeat;
	color:					#666;
	float:					left;
	height:					12px;
	padding:				10px 7px 11px;
}

#nav li.first a
{
	background:				none;
}

#head #nav li a:hover,
#head #nav a.selected
{
	color:					#EC6941;
}


/*--------------------------------------------------------------------------
	=case-studies
----------------------------------------------------------------------------*/

.main-content .case-studies
{
	list-style:				none;
}

.case-studies li
{
	border-top:				1px solid #F9F9F9;
	padding:				15px 0;
}

.case-studies li.first
{
	border-top:				none;
	padding-top:			0;
}

.case-studies li h2
{
	margin-bottom:			18px;
}

.case-studies li p
{
	margin-bottom:			0;
}


/*--------------------------------------------------------------------------
	=news-listing
----------------------------------------------------------------------------*/

.main-content .news-listing
{
	list-style:				none;
}

.news-listing li
{
	border-top:				1px solid #F9F9F9;
	padding:				15px 0;
}

.news-listing li p
{
	margin-bottom:			0;
}


/*--------------------------------------------------------------------------
	=faq-listing
----------------------------------------------------------------------------*/

.main-content .faq-listing
{
	list-style:				none;
}

.faq-listing li
{
	border-top:				1px solid #F9F9F9;
	padding:				15px 0;
}

.faq-listing li p
{
	background:				url(../images/bg-faq-li-p.png) 0 4px no-repeat;
	margin-bottom:			0;
	text-indent:			15px;
}


/*--------------------------------------------------------------------------
	=staff-listing
----------------------------------------------------------------------------*/

.main-content .staff-listing,
.main-content .reference-listing
{
	list-style:				none;
	margin-top:				24px;
}

.staff-listing li,
.reference-listing li
{
	border-top:				1px solid #F9F9F9;
	padding:				15px 0;
}

.staff-listing img
{
	float:					left;
	margin:					0 20px 8px 0;
}

.staff-listing h2,
.reference-listing h2
{
	margin-bottom:			1px;
}

.staff-listing .job-title,
.reference-listing .job-title
{
	color:					#EC6941;
	margin-bottom:			12px;
}


/*--------------------------------------------------------------------------
	= form styles
----------------------------------------------------------------------------*/

#frm-order-information-pack,
#frm-sign-up,
#frm-book-360
{
	background-color:		#F9F9F9;
	margin-bottom:			20px;
	padding-top:			30px;
}

#frm-order-information-pack th,
#frm-sign-up th,
#frm-book-360 th
{
	padding-top:			5px;
	vertical-align:			top;
}

#frm-order-information-pack td,
#frm-sign-up td,
#frm-book-360 td
{
	padding-bottom:			10px;
}

#frm-order-information-pack label,
#frm-sign-up label,
#frm-book-360 label
{
	color:					#EC6941;
}

#frm-btn-book-send,
#frm-btn-sign-up
{
	float:					right;
	margin-right:			-3px;
}

#frm-name,
#frm-email,
#frm-query,
#frm-job-title,
#frm-workplace
{
	width:					280px;
}

.frm-sent
{
	background-color:		#F9F9F9;
	color:					#E95324;
	margin-bottom:			20px;
	padding:				90px 130px 91px;
	text-align:				center;
}


/*--------------------------------------------------------------------------
	=foot
----------------------------------------------------------------------------*/

#foot
{
	bottom:					-28px;
	clear:					both;
	margin-left:			-16px;
	margin-right:			-16px;
	position:				relative;
}

#foot ul,
#foot li,
#foot p
{
	color:					#999;
	float:					left;
	margin:					0;
}

#foot li
{
	background:				url(../images/bg-foot-li.png) left top no-repeat;
	margin-left:			8px;
	padding-left:			8px;
}

#foot a
{
	color:					#999;
}

#foot .selected a
{
	color:					#E95324;
}


/*--------------------------------------------------------------------------
	=type-a
----------------------------------------------------------------------------*/

.type-a
{
	float:					right;
	margin-top:				7px;
	width:					490px;
}

#sub-nav
{
	background:				url(/media/images/bg-sub-nav.png) repeat-x top;
	float:					right;
	margin-right:			18px;
	min-height:				290px;
	padding:				10px 0;
	width:					136px;
}

#sub-nav li
{
	background:				url(/media/images/bg-sub-nav-li.png) repeat-x bottom;
	margin-bottom:			3px;
	padding:				0 15px 4px 18px;
}

#sub-nav li.last
{
	background:				none;
}

#sub-nav li.selected
{
	padding-left:			0;
}

#sub-nav li.selected a
{
	background:				url(/media/images/bg-sub-nav-on.png) no-repeat 5px 4px;
	display:				block;
	padding-left:			18px;
}

#sub-nav a
{
	color:					#666;
}

#sub-nav li.selected a,
#sub-nav li.selected a:hover,
#sub-nav a:hover
{
	color:					#E95324;
	text-decoration:		none;
}


/*--------------------------------------------------------------------------
	=callouts
----------------------------------------------------------------------------*/

.callout
{
	background:				url(/media/images/bg-widget-callout-base.png) left bottom no-repeat;
	margin-bottom:			11px;
}

.callout div
{
	background:				url(/media/images/bg-widget-callout.png) left top no-repeat;
	min-height:				86px;
	padding:				9px 6px 4px 24px;
}

.callout h3
{
	margin-bottom:			11px;
}

.callout.login h3
{
	margin-bottom:			5px;
}

.callout.news
{
	background:				url(/media/images/bg-rpx-widget-news.jpg) left top repeat-x;
	padding:				19px 6px 6px 22px;
}

.login label
{
	clear:					left;
	float:					left;
	padding-top:			3px;
	width:					70px;
}

#frm-login-username,
#frm-login-password
{
	width:					140px;
}

.login input,
.find label
{
	margin-bottom:			9px;
}

.find label
{
	display:				block;
}

#frm-translate-go,
#frm-login-go,
#frm-find-go
{
	margin:					0 0 0 5px;
	vertical-align:			top;
}

.find select
{
	width:					217px;
}

.advert
{
	background:				none;
	padding:				0;
}

.loginbutton img {
	margin-bottom:			8px;
}

/*--------------------------------------------------------------------------
	= Miscellaneous
----------------------------------------------------------------------------*/

.w3c,
.accessibility
{
	left:					-9000px;
	position:				absolute;
	top:					-9000px;
}

.errors
{
	color:			#c00;
	border:			1px solid;
	padding:		10px!important;
	margin:			0 2px 10px!important;
	background:		#fff;
}

#head a.home:active,
#head a.home:focus
{
	outline:				none;
}

#page-container:after,
#content-container:after,
#head:after,
#foot:after
{
	clear:					both;
	content:				".";
	display:				block;
	font-size:				0;
	line-height:			0;
	overflow:				hidden;
	visibility:				hidden;
}