﻿body 
{
	font-family:Arial;
	font-size:12px;
	background-color:#f8f8f8;
	padding:0px;
	margin:0px;
	color:#424242;
}

.page
{
	width:870px;
	background-image:url(/images/main/pageBG.png);
	background-repeat:repeat-y;
	background-color:White;
}
.innerPage
{
	width:850px;
	text-align:left;
}
.topHeader
{
	width:850px;
	height:100px;
	background-image:url(/images/main/headerCurveBG.png);
	background-repeat:no-repeat;
	background-position:right top;
}
.topLogo
{
	padding: 10px 0px 0px 35px;
}

.topRightOverlay
{
	position:relative;
	left:834px;
	top:0px;
	width:10px;
	display:block;
}
.topRightOverlayInnerTop
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(/images/main/headerCurvesTop.png);
	width:49px;
	height:174px;
	display:block;
}
.topRightOverlayInnerBottom
{
	position:absolute;
	left:-25px;
	top:164px;
	background-image:url(/images/main/headerCurvesBottom.png);
	width:25px;
	height:23px;
	display:block;
}
.topDetails
{
	position:relative;
	left:640px;
	top:40px;

}
.topDetailsInner
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(/images/main/contactTop.png);
	width:175px;
	height:38px;
}

/*---------- holding ----------*/
.tel
{
    font-size:34px;
    font-weight:bold;
}
.email
{
    color:Black;
    font-size:20px;
    font-weight:bold;
    line-height:10px;
}
.link
{
    color:Black;
    font-weight:bold;
}
img
{
    border: 0px;
}
/* -------------- menu --------------- */
ul.menu
{
	height:39px;
	text-align:center;
	font-size:12px;
	color:Black;
	clear:both;
	list-style:none;
}

ul.menu li a
{
	background-image:url(/images/main/swannNav.png);
	float:left;
	height:39px;
	display:block;
}

ul.menu li a.button1 { width:92px; background-position:0px -78px; }
ul.menu li a.button2 { width:135px; background-position:-92px -78px; }
ul.menu li a.button3 { width:115px; background-position:-227px -78px; }
ul.menu li a.button4 { width:115px; background-position:-342px -78px; }
ul.menu li a.button5 { width:115px; background-position:-457px -78px; }
ul.menu li a.button6 { width:115px; background-position:-572px -78px; }
ul.menu li a.button7 { width:92px; background-position:-687px -78px; }

ul.menu li a.button1:hover { width:92px; background-position:0px -39px; }
ul.menu li a.button2:hover { width:135px; background-position:-92px -39px; }
ul.menu li a.button3:hover { width:115px; background-position:-227px -39px; }
ul.menu li a.button4:hover { width:115px; background-position:-342px -39px; }
ul.menu li a.button5:hover { width:115px; background-position:-457px -39px; }
ul.menu li a.button6:hover { width:115px; background-position:-572px -39px; }
ul.menu li a.button7:hover { width:92px; background-position:-687px -39px; }

ul.menu li a:active.button1 { width:92px; background-position:0px 0px; }
ul.menu li a:active.button2 { width:135px; background-position:-92px 0px; }
ul.menu li a:active.button3 { width:115px; background-position:-227px 0px; }
ul.menu li a:active.button4 { width:115px; background-position:-342px 0px; }
ul.menu li a:active.button5 { width:115px; background-position:-457px 0px; }
ul.menu li a:active.button6 { width:115px; background-position:-572px 0px; }
ul.menu li a:active.button7 { width:92px; background-position:-687px 0px; }


.jobsIcon
{
	position:relative;
	top:-60px;
	left:355px;

}
.jobs
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(/images/main/jobStar.png);
	font-size:10px;
	font-weight:bold;
	color:White;
		width:20px;
	height:16px;
	text-align:center;
	padding-top:4px;
}
.pageTitle
{
	 height:30px;
	 width:auto;
		display:table-cell;
		padding:0px;
		margin:0px;
}
.pageTitle h1
{
	background-color:#f8f8f8;
	font-size:28px;
	padding: 0px 15px 0px 35px;
	font-weight:normal;	
	float:left;

}

.pageContent
{
	min-height:500px;
	padding: 0px 35px 10px 35px;
}

.pageContent h1
{
	margin-top:0px;
	width:500px;
	font-size:22px;
	/*
	padding:0px 0px 0px 0px;
	line-height:28px;
	font-size:26px;
	background-color:Red;
	*/
}
/* ----------------  Footer Section  --------------- */
.footer
{
	font-size:12px;
	padding: 10px 35px 10px 35px;
}
.footerCopy
{
	float:left;
	padding: 5px;
}
.footerREC
{
	float:right;
	position:relative;
	top: -10px;
}
.footerLinks
{
	float:left;
	padding: 4px 4px 0px 4px;	
}
.footerLinks a
{
	background-image:url(/images/icons/icons.png);
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin: 0px 2px 0px 2px;
}

.bottomOverlayInner
{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(/images/main/footerCurves.png);
	width:47px;
	height:116px;
}
.bottomOverlay
{
	position:relative;
	left:-55px;
	top:-80px;
}

/* ----------------  Job Section  --------------- */
.job
{
	padding:7px 0px 7px 0px;
}
.jobHeader
{padding:4px 0px 4px 0px;
}
.jobTitle
{
	font-weight:bold;
	font-size:20px;
}

.jobSubTitle
{
	font-size:16px;
}

.jobExpand
{
	position:relative;
	left:744px;
	top:5px;
}
.jobExpand a
{
	width:34px;
	height:34px;
	display:block;
	background-image:url(/images/main/jobExpand.png);
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	background-position:0px 0px;
}

.jobCollapse
{
	position:relative;
	left:744px;
	top:5px;
}
.jobCollapse a
{
	width:34px;
	height:34px;
	display:block;
	background-image:url(/images/main/jobExpand.png);
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	background-position:0px -34px;
}

.jobContent
{
	font-size:12px;
	padding: 5px 0px 10px 0px;
}
.jobDescription
{
	width:450px;	
	min-height: 80px;
	padding: 10px 0px 5px 10px;
}
.jobSalary
{
	font-size:14px;
	padding: 2px 0px 2px 10px;
}
.jobDatePosted
{
	font-size:14px;
	padding: 2px 0px 2px 10px;
}
.jobApplyOnline
{
	padding:10px 0px 10px 10px;
	float:right;
}
.jobApplyOnline a
{
	background-image:url(/images/main/applyonline.png);
	height:34px;
	width:152px;
	display:block;
	background-position:0px -34px;
}
.jobApplyOnline a:hover
{
	background-position:0px 0px;
}

.jobConsultant
{

}
.jobConsultant img
{
	padding-right:36px;
	}
	
	
	.jobForm
	{
		font-size:12px;
	}
	.jobFormRow
	{
		padding-top:5px;
	padding-bottom:5px;
	min-height:24px;
	border-bottom:solid 1px #eeeeee;
	}
	.jobFormField
	{
		display:table-cell;
	}
	.jobFormFieldText
	{
		display:table-cell;
		padding-top:5px;
	}
	.jobFormFieldTitle
	{
		float:left;
	width:200px;
	padding-right:5px;
	padding-top:5px;
	padding-left:10px;
	display:table-cell;
	}
	
		.jobFormTextBoxShort
{
	width:200px;
}
	.jobFormTextBox
{
	width:400px;
}
.jobFormMultiLineTextBox
{
	width: 400px;
	height:150px;
}


/* ----------------  Staff Section  --------------- */
.theTeamText
{
	width:500px;
	float:left;
	padding-right:20px;
	padding-top:0px;
}
.theTeamTitle
{
	font-size:16px;
	padding-top:50px;
}
.theTeamJobTitle
{
	height:40px;
}
.theTeamStaff
{
	font-size:12px;
	float:left;
	width: 240px;
	height: 200px;
	display:block;
	/*border: solid 1px black;*/
	padding: 0px 10px 10px 10px;
	position:relative;
	top:-70px;
}
.theTeamStaffImage
{
	float:right;
}
.theTeamStaff a, .theTeamStaff a:visited, .theTeamStaff a:active
{
	color:#424242;
	text-decoration:none;
}
.theTeamStaff a:hover
{
	text-decoration:underline;
}
.theTeamStaffIconRow
{
	height:21px;
}
.theTeamStaffIconRow a.iconSendEmail16, .theTeamStaffIconRow a.iconSkype16 {

	background-image:url(/images/icons/icons.png);
	width:16px;
	height:16px;
	display:block;
	margin: 3px 3px 0px 0px;
	float:left;
}

.theTeamStaffIconText
{
	float:left;
	padding:3px 0px 0px 0px;
}

/* ----------------  General Section  --------------- */
.contentBody
{
	width: 600px;
}
.contentBodyText
{
	width: 500px;
}

.contentItemBorder
{
	padding: 0px 0px 10px 10px;
	float:right;
}
.contentItemVideoBorder
{
}
.contentItem
{
	border: solid 1px #eeeeee;
	width:250px;
	display:block;
	
}
contentItemVideo
{
	width:500px;
}
.contentItem img
{
	/*padding: 15px 15px 15px 15px;*/
}
.contentRightCol
{
	width:230px;
	float:right;
	font-size:14px;
	top:-50px;
	position:relative;
}
.contentRightCol img
{
	padding:5px 0px 5px 0px;
}
.colHeader
{
	font-size:24px;
	padding: 2px 0px 2px 0px;
	background-color:#f8f8f8;
	float:left;
	width:230px;
}
.colText a, .colText a:visited, .colText a:active
{
	color:#424242;
	text-decoration: none;
}
.colText a:hover
{
	text-decoration: underline;
}

.colText
{
	float:left;
	font-size:16px;
	padding: 10px 0px 10px 0px;
	width:230px;
}
.BlogBubbleTagOuter
{
	display:block;
	position:relative;
	top:15px;
	left:147px;
}
.BlogBubbleTag
{
	background-image:url(/images/main/blogBubbleTag.png);
	display:block;
	width:14px;
	height:20px;
	position:absolute;
	top:0px;
	left:0px;
}
.BlogBubbleTop
{
	background-image:url(/images/main/blogBubble.png);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:7px;
}
.BlogBubble
{
	background-image:url(/images/main/blogBubbleBG.png);
	background-repeat:repeat-y;
	display:block;
	padding:0px 0px 0px 7px;
	
}
.BlogBubbleBottom
{
	background-image:url(/images/main/blogBubble.png);
	background-position: 0px -43px;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:7px;
}
.colThumb
{
	width:120px;
	float:right;
}
.colBlogThumb
{
	position:relative;
	left: 0px;
	float:right;
}
.colTextDate
{
	float:left;
	color:Gray;
	font-size: 12px;
	width:100px;
	padding: 10px 0px 10px 0px;
}
.readMore
{
	width:230px;
}
.contentItemHeader
{
	background-color:Gray;
	color:White;
	font-weight:bold;
	padding: 5px 10px 5px 10px;
}
.contentItemTitle
{
	padding: 5px 10px 5px 10px;
}
.contentItemDescription
{
	padding: 5px 10px 5px 10px;
}
.contentBodyText a,.contentBodyText a:visited
{
	color:Navy;
}
/* ----------------  Resource Section  --------------- */

.LineDots
{
	padding: 3px 0px 3px 0px;
}
.ResourceLine, .BlogLine
{
	height:50px;
	display:block;
	padding:7px 0px 7px 0px;
}
.NewsLine
{
	height:140px;
	display:block;
	padding:7px 0px 7px 0px;
}
.NewsLine img
{
}
.ResourceLine img,  .BlogLine img
{
	padding: 3px 0px 3px 0px;
}
.ResourceTitleSub, .BlogTitleSub
{
	padding: 3px 0px 7px 20px;
	float:left;
	width:680px;
}
.NewsTitleSub
{
	padding: 3px 0px 7px 20px;
	float:left;
	width:530px;
}
.ResourceTitle, .BlogTitle
{
	font-weight:bold;
	font-size:18px;
	display: block;
	width:680px;
	height:24px;
	float:left;
	padding: 0px 0px 0px 20px;
	color:#424242;
	text-decoration:none;
}
.NewsTitle
{
	font-weight:bold;
	font-size:18px;
	display: block;
	width:530px;
	
	float:left;
	padding: 0px 0px 0px 20px;
	color:#424242;
	text-decoration:none;
}

.ResourceTitle:hover, .NewsTitle:hover, .BlogTitle:hover
{
	text-decoration:underline;
	color:Gray;
}
.NewsDate
{
	width:550px;
	font-weight:bold;
	font-size:18px;
	display: block;
	color:#999999;
	float:left;
	padding: 0px 0px 0px 20px;
}
.ResourceViewMore, .NewsViewMore, .BlogViewMore
{
		padding-left:20px;
	text-decoration:none;
	color:Gray;
	width:400px;
}
.ResourceViewMore:hover, .NewsViewMore:hover, .BlogViewMore:hover
{
	text-decoration:underline;
	color:#424242;
}

.ResourceIcon1
{
	width:40px;
	height:40px;
	display:block;
float:left;
}
.ResourceIcon2
{
	width:40px;
	height:35px;
	display:block;
float:left;
background-image: url(/images/icons/VideoFile.png);
padding-top:5px;
}
.ResourceIcon3
{
	width:40px;
	height:40px;
	display:block;
float:left;
}
.ResourceIcon4
{
	width:40px;
	height:35px;
	background-image: url(/images/icons/PDF_Logo_40x40.png);
	display: block;
float:left;
padding-top:5px;
}
.ResourceIcon5
{
	width:40px;
	height:40px;
	display:block;
float:left;
}
.ResourceIcon6
{
	width:40px;
	height:40px;
	display:block;
	float:left;
}


.NewsImage
{
	float:left;
	display:block;
	width:200px;
	height:120px;
	
	border: solid 1px #aaaaaa;
}

.BlogImage
{
	float:left;
	display:block;
	width:71px;
	height:100px;
	padding-right:10px;
}
.BlogPostedBy
{
	clear:left;
	width:500px;
	display:block;
	font-weight:bold;
	font-style:italic;
}
.SharePage
{
	padding: 20px 0px 0px 0px;
	width:480px;
	height:40px;
	display:inline-block;
	clear:left;
}
.SharePageText
{
	float:left;
	padding: 14px 0px 0px 0px;
	font-weight:bold;
}
.SharePage a
{
	float:left;
	padding: 5px 0px 0px 5px;
	margin: 5px 0px 0px 5px;
	display:block;
	width:27px;
	height:27px;
	background-image:url(/images/icons/icons.png);
}
.iconFaceBook32
{
	background-position: -32px 0px;
}
.iconEmail32
{
	background-position: 0px 0px;
}
.iconLinkedIn32
{
	background-position: -96px 0px;
}
.iconTwitter32
{
	background-position: -160px 0px;
}
.iconRSS32
{
	background-position: -128px 0px;
}
.iconGoogle32
{
	background-position: -64px 0px;
}

.iconFaceBook16
{
	background-position: -16px -32px;
}
.iconEmail16
{
	background-position: 0px -32px;
}
.iconLinkedIn16
{
	background-position: -48px -32px;
}
.iconTwitter16
{
	background-position: -80px -32px;
}
.iconRSS16
{
	background-position: -64px -32px;
}
.iconGoogle16
{
	background-position: -32px -32px;
}
.iconSkype16
{
	background-position: -96px -32px;
}
.iconSendEmail16
{
	background-position: -112px -32px;
}

.CommentsPanel
{
	
}

.CommentsTitle
{
	clear:left;
	padding: 20px 0px 0px 0px;
	font-size:16px;
	font-weight:bold;
}
.CommentLeave
{
	padding:5px 0px 5px 0px;
}
.CommentsNone
{
	padding:5px 0px 5px 0px;
	font-style:italic;
}

.CommentLeaveTable
{
	display:table;
}
.CommentLeaveRow
{
	display:table-row;
}
.CommentLeaveTitle
{
	display:table-cell;
	vertical-align:top;
	padding:2px 20px 2px 0px;
}
.CommentLeaveField
{
	display:table-cell;
	vertical-align:top;
	
}
.CommentLeaveTerms
{
	font-size:12px;
	color:#777777;
}
.Comment
{
	font-size:12px;
	padding: 5px 0px 5px 0px;
}
.CommentFrom
{
	font-weight:bold;
	font-size:16px;
}
.CommentPosted
{
	font-style:italic;
	color:#aaaaaa;
	font-size:12px;
}

.tabArea
{
	border-bottom: solid 1px #aaaaaa;
	width:850px;
	height: 33px;
	position:relative;
	left:-35px;
}
.tabAreaLeft
{
	display:block;
	width:35px;
	float:left;
	height: 33px;
}
.tabAreaPad
{
	display:block;
	width:15px;
	float:left;
	height: 33px;
}
.tabArea div
{
	margin:0px 0px 0px 0px;
	display:block;
	float:left;
	text-align:center;
}
.tabArea div a
{
	padding: 5px 10px 5px 10px;
	border: solid 1px #aaaaaa;
	display:block;
	float:left;
	width:170px;
	height:22px;
	text-decoration:none;
	color:Black;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
.tabArea div.tabSelectable a
{
	border-bottom:solid 1px #aaaaaa;
	background-color:#dfdfdf;
	color:#444444;
}
.tabArea div.tabSelectable:hover a
{
	background-color:#f8f8f8;
}
.tabArea div.tabSelected a
{
	border-bottom:solid 1px white;
	background-color:white;
}

.tabBottomPadding
{
	display:block;
	width:600px;
	height:400px;

}

.MediaItemPanel
{
	width: 800px;
	border: solid 1px #aaaaff;
	display:block;
	min-height:152px;
}
.MediaItemPreview 
{
	width:150px;
	height:150px;
	border:solid 1px black;
	float:left;
	display:block;
}