/*------------------------------------------------------------------

[Master Stylesheet]

Project:	Paragon - Executive Intelligence

Version:		1.0
Last change:	15/05/08
Written by:		Alan O' Connor
Website:		http://alanoc.ie
Company:		BirthDigital.ie 

[Layout]

* body
	+ Header / #header
	+ Content / #content
		- Left column / #leftcolumn
		- Right column / #rightcolumn
		- Sidebar / #sidebar
			- RSS / #rss
			- Search / #search
			- Boxes / .box
			- Sideb / #side
	+  / #footer
	
[Notes]

Web design includes;
	+ sIFR Headers
	+ Mootools 2.1dev
	+ Dropdown nav 
	+ Flash Elements
	+ Google Analitics
	+ Harald Kirschner's AutoCompleter
	
-------------------------------------------------------------------*/

* {
	margin: 0;
	paddin: 0;
	z-index: 5;
	text-shadow: #000 0 0;
	
}


	#test {
		position: absolute;
		width:440px;
		height:528px;
		margin-left: 78px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		background-color:#fafafa;
		filter: alpha(opacity=95);
		opacity: 0.95;
		z-index: 100;

	}

a {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #006699;
}

img {
	border: none;
}

body {
	background-image: url('../images/paragon_01.gif');
	background-repeat: repeat-x;
	background-color: #575e61;
}

body, div, p {
	font-family: Verdana, Tahoma, Arial, Georgia;
	font-size: 12px;
	color: #222;
}


/* :: Control ::: Crum ::: Logo ::: Navigation :: 
   ============================================== */

#bg_fix1 {
	background-image: url('../images/bg.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#bg_fix2 {
	background-image: url('../images/bg1.gif');
	background-repeat: repeat-y;
	background-position: center top;
}


#control {
	margin: 0 auto 0 auto;
	width: 968px;
	background-color: #fff;
}


#crum {
	margin: 25px 0 0 10px;
	float:left;
	font-size: 11px;
}
	#crum ul{
		margin: 0 0 0 -20px;
		padding: 0;
		float: left;
		list-style-image: url('../images/paragon_11.gif');
	}
	#crum li {
		margin: 0 0 0 20px;
		padding: 0 0 0 0;
		float: left;
	}
	#crum li.no-style {
		list-style:none;
	}
	#crum li a{
		text-decoration: underline;
		color: #3366DD;
	}
	#crum li a:hover{
		text-decoration: none;
	}


#logo {
	float: right;
	margin: 30px 20px 20px 0;	
}


/* top_nav + menu see menu css stylesheet */
	
/* :: homepage
   ============================================== */

#homepage {
	height: 480px;
}
	#banner {
		height: 216px;
		width: 640px;
		overflow: hidden;
		position: relative;
		z-index: 2;
	}
		#flashcontent {
			position: absolute;
			z-index: 1;
		}


	.jobs {
		width: 312px;
		overflow: hidden;
		float: right; 
	}
	
		.jobs h1 {
		//	background-color: #1A537F;
			background-color: #00A1De;
		    font-size: 22px; 
		    color: #FFFFFF; 
		    text-transform: uppercase; 
		    padding:10px 0 2px 15px;
		}
		.jobs dl {
			border-bottom: 1px solid #eee;
			padding: 5px 0 6px 36px;
			background-image: url('../images/paragon_31.gif');
			background-position: 12px 15px;
			background-repeat: no-repeat;
			background-color: #fff;
			cursor: pointer;
			cursor: hand;
		}
		.jobs dl:hover {
			background-color: #fcfcfc;
		}
		.jobs dt {
			color: #222;
		}
		.jobs dd {
			color: #bbb;
		}
		.jobs dl.no-border {
			border-bottom: none;
		}
		
	.clear {
		clear: both;
		font-size: 2px;
		height: 17px;
	}
		
	.market {
		width: 312px;
		overflow: hidden;
		float: right; 
	}
	
		.market h1 {
			background-color: #4D4f53;
		    font-size: 22px; 
		    color: #FFFFFF; 
		    text-transform: uppercase; 
		    padding:10px 0 2px 15px;
		}
		.market p {
			margin: 10px 25px 0 0;
			text-align: right;
		}
			.market p a {
				text-decoration: underline;
				color: #3366DD;
			}
			.market p img {
				vertical-align: middle;
			}	
		.market .ar1 {
			padding: 6px 3px 5px 16px;
			border-bottom: 1px solid #eee;
		}
		.market .ar2 {
			width: 120px;
			text-align: left;
			padding: 6px 3px 5px 12px;
			border-bottom: 1px solid #eee;
		}	
		.market .ar3 {
			width: 60px;
			text-align: left;
			padding: 6px 3px 5px 3px;
			border-bottom: 1px solid #eee;
		}	
		.market .ar4 {
			width: 60px;
			text-align: right;
			color: green;
			padding: 6px 13px 5px 3px;
			border-bottom: 1px solid #eee;
		}	
		.market .ar5 {
			width: 60px;
			text-align: right;
			color: red;
			padding: 6px 13px 5px 3px;
			border-bottom: 1px solid #eee;
		}		
		
		
	.bus_news {
		width: 312px;
		overflow: hidden;
		float: right; 
		margin: 0 16px 0 16px;
	}
	
		.bus_news h1 {
			background-color: #4D4f53;
		    font-size: 20px; 
		    color: #FFFFFF; 
		    text-transform: uppercase; 
		    padding:10px 0 2px 15px;
		}
		.bus_news ul{
			margin: 14px 0 0 0;
			padding: 0;
			list-style-image: url('../images/paragon_11.gif');
		}
		.bus_news li {
			margin: 5px 0 0 40px;
			padding: 0 0 0 0;
		}
		.bus_news p {
			margin: 14px 25px 0 0;
			text-align: right;
		}
			.bus_news p a {
				text-decoration: underline;
				color: #3366DD;
			}
			.bus_news p img {
				vertical-align: middle;
			}
		
		 		
	.search {
		width: 312px;
		overflow: hidden;
		float: right; 
	}
	
		.search h1 {
			background-color: #4D4f53;
		    font-size: 20px; 
		    color: #FFFFFF; 
		    text-transform: uppercase; 
		    padding:10px 0 2px 15px;
		}
		.search form {
			margin: 12px;
		}
		.search input {
			width: 270px;
			margin: 0 0 12px 0;
			font-size: 14px;
		}
			.search input.submit {
				width: 90px;
				margin: 0 0 12px 0;
				font-size: 14px;
			}

		.search select{
			width: 270px;
			margin: 0 0 12px 0;
			font-size: 14px;
		}

#footer {
	font-size: 11px;
	color: #555;
	padding: 3px 15px 8px 15px;
}

#footer2 {
	font-size: 11px;
	color: #666;
	border-bottom: 1px solid #aaa;
	background-color: #EEE;
	text-align: center;
	padding: 4px 10px 5px 10px;
}

#footer p{
	font-size: 10px;
	color: #777;
	margin: 3px 0 6px 0;
}
	#footer .right {
		float: right;
		font-size: 11px;
		text-align:right;
		margin: 3px 0 4px 0;
		line-height: 1.6em;
	}

/* :: Other Pages
   ============================================== */

#content_page {

}
	#side_bar {
		width: 312px;
		float: right;
		overflow: hidden;
	}	

		.side_pic {
			width: 312px;
			overflow: hidden;
			float: right; 
			margin: 0 0 16px 0;
		}
			 		
		.side_search {
			width: 312px;
			overflow: hidden;
			float: right; 
		}
		
			.side_search h1 {
				background-color: #4D4f53;
			    font-size: 20px; 
			    color: #FFFFFF; 
			    text-transform: uppercase; 
			    padding:10px 0 2px 15px;
			}
			.side_search form {
				margin: 12px;
			}
			.side_search input {
				width: 270px;
				margin: 0 0 12px 0;
				font-size: 14px;
			}
				.side_search input.submit {
					width: 90px;
					margin: 0 0 12px 0;
					font-size: 14px;
				}

			.side_search select{
				width: 270px;
				margin: 0 0 12px 0;
				font-size: 14px;
			}
			
	.side_nav {
		width: 312px;
		overflow: hidden;
		float: right; 
	}
	
		.side_nav h1 {
			background-color: #4D4f53;
		    font-size: 20px; 
		    color: #FFFFFF; 
		    text-transform: uppercase; 
		    padding:10px 0 2px 15px;
		}
		.side_nav ul{
			margin: 14px 0 0 0;
			padding: 0;
			list-style-image: url('../images/paragon_11.gif');
		}
		.side_nav li {
			margin: 6px 0 3px 40px;
			padding: 0 0 0 0;
		}
		.side_nav p {
			margin: 14px 25px 0 0;
			text-align: right;
		}
			.side_nav p a {
				text-decoration: underline;
				color: #3366DD;
			}
			.side_nav p img {
				vertical-align: middle;
			}

	#content_main {
		width: 640px;
		overflow: hidden;
	}
		#content_main h1 {
			background-color: #00A1DE;
		    font-size: 20px; 
		    color: #FFFFFF; 
		    text-transform: uppercase; 
		    padding:10px 0 2px 15px;
		    margin: 0 0 16px 0;
		}
		#content_main h3 {
		    font-size: 14px; 
		    color: #003366; 
		    padding:0 0 0 16px;
		    margin: 20px 0 12px 0;
		}
		#content_main p {
		    font-size: 12px;	
		    color: #444;
			line-height: 1.4em;
		    padding:0 0 2px 16px;
		    margin: 0 0 12px 0;
		}
		
		#content_main ul{
			margin: 3px 0 12px 30px;
			padding: 0;
			list-style-image: url('../images/paragon_11.gif');
		}
			#content_main li {
				color: #444;
				margin: 0 20px 0 5px;
				padding: 0 0 4px 0;
			}
			
		#content_main ul.double_list{
			margin: 2px 3px -20px 5px;
			width: 350px;
			list-style: none;
			overflow: hidden;
		}
			#content_main ul.double_list li.dl_1 {
				width: 100px;
				text-align: right;
				float: left;
				margin: 2px 0 0 0;
				padding: 0 0 0 0;
				overflow: hidden;
			}
			#content_main ul.double_list li.dl_2 {
				width: 242px;
				text-align: left;
				float: right;
				margin: 2px 0 0 0;
				padding: 0 0 0 0;
				overflow: hidden;
			}
	
		#content_main .apply {
			float: right;
			text-align: right;
			margin: -15px 20px 0 0;
			padding: 0 0 0 0;
			overflow: hidden;
		}
		#content_main .job_no {
			float: right;
			text-align: right;
			margin: 2px 20px 0 0;
			padding: 0 0 0 0;
			overflow: hidden;
		}
			#content_main .job_no span {
				color: #006699;
			}
			
			
	#accordion{
	
	}
	#accordion h3 {
		font-size: 14px;
		font-weight: normal;
		font-family: Verdana;
		color: #222;
		pointer: hand;
		cursor: pointer;
		padding: 10px 5px 10px 10px;
		border-bottom: 1px solid #e6ebf6;
		margin: 0;
	}
	#accordion h3 img {
		vertical-align: middle;
		padding: 0 8px 0 0;
	}
	#accordion .grey {
		background-color: #fafafa;
	}
	
	#accordion h3 span {
		font-size: 12px;
		color: #848484;
	}
	#accordion p {
		width: 420px;
		margin: 0 0 11px 17px;
		padding: 0;
		font-size: 12px;
		color: #414141;
		line-height: 1.4em;
	}
	
	#accordion p.sal {
		width: 420px;
		margin: 0 0 4px 30px;
		padding: 0;
		font-size: 11px;
		color: #007eb2;
	}
	#accordion .element {
		border-bottom: 1px solid #e6ebf6;
	}
	
	#accordion .element .jobinfo {
		float: right;
		height: 64px;
		margin: 15px 15px 0 0;
	}
		
	.numbers {
		width: auto;
		float: right;
	}
	
	
	#content_main .numbers ul{
		margin: 4px 0 0 0;
		list-style-image: none;
		list-style: none;
		float: right;
	}			
	
	#content_main .numbers ul.number li{
		list-style: none;
		float: left;
		font-size: 11px;
		margin: 0 0 0 6px;
		width: 20px;
		text-align: center;
		padding: 3px 0 4px 0;
		background-color: #f3fdff;
		border: 1px solid #dfdfdf;
	}
	
	#content_main .numbers ul.number li a {
		text-decoration: underline;
	}	
	
	.shortdesc {
		width: 400px;
		overflow: hidden;
	}
	
	
	.form label 
	{
		float:left; 
		width:130px; 
		margin: 0 0 0 40px;
		padding:10px 5px 0 0; 
		font-size: 11px;
		clear: both;
	}

	.pdf_down {
	
	float: left;
	margin: 0 8px 8px 0;
	
	}

	.input 
	{
	
		margin-top: -6px;
		width: 220px;
		color: #333;
		border-top: 1px solid #888;
		border-left: 1px solid #888;
		border-bottom: 1px solid #EEE;
		border-right: 1px solid #EEE;
		font-size: 12px;
		padding: 3px 5px 4px 5px;
	}
	
	
	#form{
float: left;
width: 550px;
overflow: hidden;
margin: 0 0 20px 0;

}

.staff
{
	float:left;
	margin: 5px 15px 5px 5px;
	}