/*------------------------------------------------------------------

[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;	
}


	#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 {

}

#bg_fix2 {

}


#control {
}


#crum {
	margin: 25px 0 0 10px;
	font-size: 11px;
	display: none;
}
	#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 {
	text-align: 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 {

		overflow: hidden;
		display: none;
	}	

		.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 {
	
		
	}
		#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;

}


/*------------------------------------------------------------------

[Menu 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 

	+ Dropdown nav :: over flash + mootools effects
	
-------------------------------------------------------------------*/
#top_nav {
    display: none;
	clear: both;
	background-color: #fff;
	height: 37px;
	border-bottom: 1px solid #006699;
	margin: 0 0 10px 0;
	font-size: 11px;
	z-index: 6;
}
	.nav_item {
		margin: 0;
		padding: 0;
		float: left;
	}
	.nav_item a{
		margin: 0;
		padding: 0;
		
	}	
	.nav_item a:hover{
		margin: 0;
		padding: 0;
	}
	
 
.slide_control {
	width: 968px;
	height: 1px;
	position: absolute;
	margin-top: -10px;
}
	.slide_control ul {
		margin: 0;
		padding: 8px 0 10px 25px;
		list-style-image: url('../images/paragon_11.gif');
	}
	.slide_control li {
		margin: 2px 25px 0 0;
		padding: 1px 0 3px 0;
		border-bottom: 1px dotted #7BB6CB;
	}
	
	.slide_control li.no_border {
		margin: 2px 25px 0 0;
		padding: 1px 0 3px 0;
		border-bottom: 0px dotted #7BB6CB;
	}

	#slidein1 {
		display:none;
		width:244px;
		height:126px;
		margin-left: 77px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		background-color:#fff;
	//	filter: alpha(opacity=95);
	//	opacity: 0.95;
		z-index: 6;
		overflow: hidden;
	}
	
	#slidein1, x:-moz-any-link {
		margin-top: 10px;
	}
	
	#slidein2, x:-moz-any-link {
		margin-top: 10px;
	}
	
	#slidein3, x:-moz-any-link {
		margin-top: 10px;
	}
	
	#slidein1, x:-moz-any-link x:default {
		margin-top: 0;
	}
	
	#slidein2, x:-moz-any-link x:default {
		margin-top: 0;
	}
	
	#slidein3, x:-moz-any-link x:default {
		margin-top: 0
		;
	}

	#slidein2 {
		display:none;
		width:240px;
		height:78px;
		margin-left: 178px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		background-color:#fff;
	//	filter: alpha(opacity=95);
	//	opacity: 0.95;
		z-index: 6;
		overflow: hidden;
	}	
	#slidein3 {
		display:none;
		float: left;
		width:240px;
		height:78px;
		margin-left: 267px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		border-right: 1px solid #aaa;
		background-color:#fff;
	//	filter: alpha(opacity=95);
	//	opacity: 0.95;
		z-index: 6;
		overflow: hidden;
	}
	#slidein4 {
		display:none;
		float: left;
		width:200px;
		height:100px;
		margin-left: 484px;
		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: 6;
	}
	
