@charset "UTF-8";



body {
	margin: 0;
	padding: 0;
	background: #BACD73;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #4A513D;
	
}

h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	color: #13819A;
}



h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 240%;
	text-align: justify;
}

ul, ol { }

blockquote { }

a { color: #C6891E; }

a:hover { text-decoration: none; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#wrapper {
	width: 90%;
	margin: 0px auto;
	background: #FFFFFF;
}

#wrapper-bgtop {
	background: url(../images/img02.jpg) no-repeat left top;
}

#wrapper-bgbtm {
	background: url(../images/img04.jpg) no-repeat left bottom;
}

/* Header */

#header {
	width: 90%;
	height: 200px;
	margin: 0 auto;
}

/* Menu */

#menu {
	float: right;
	width: 90%;
	padding-top: 140px;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	padding: 0px 20px 0px 20px;
	border-right: 1px solid #FFFFFF;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover { 
	text-decoration: none; 
}

#menu .current_page_item a {
}

#menu .first {
}
/* Search */

#search {
	float: none;
	font-size:13px;
}

#search form {
	float: none;
	margin: 0;
	padding: 4px 0px 0 0;
}


#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 5px;
	background: #5AA01B;
	color: #FFFFFF;
}

/* Page */

#page {
	float: center;
	width: 90%;
	margin: 0 10px;
	padding: 30px 20px 10px 20px;
}


/** LOGO */

#logo {
	
	height:auto;
	background-color:#FFF; 
	border:#999 1px solid;
	background-image:url(../images/headercopy.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
    	padding:70px;
		}
	

#logo h2 {

	padding-top: -5px;
	font-size: 35px;
	 text-align: right;

	
}


#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}


#banner {
	padding-bottom: 20px;
}

/* Content */

#content {
	float: center;
	width: 100%;
}

/* Post */

.post {
	margin-bottom: 5px;
}

.post .title {
	height: 44px;
	padding-left: 15px;
	color: #A15E00;
}

.post .title a {
	background: #DDF190;
	padding: 4px 14px;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 30px;
	color: #13819A;
}

.post .date {
}

.post .meta {
	height: 32px;
	margin-left: 2px;
	padding: 4px 30px 2px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
}

.post .meta span {
	display: block;
	margin-top: -10px;
}

.post .meta a { }

.post .entry {
	padding: 10px 15px;
}
	
.post .links {
	display: block;
	width: 120px;
	height: 20px;
	margin: 30px 0px 0px 0px; 
	padding: 6px 20px 0px 40px;
	background: #4DA1A3;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.post .comments {
	display: block;
	width: 120px;
	height: 18px;
	margin: 0px; 
	padding: 3px 0px 0px 40px;
	background: url(../images/img07.gif) no-repeat left top;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #961A06;
}





/* Footer 

#footer {
	width: 90%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}

#footer-bgcontent {
}

#footer p {
	margin: 0;
	padding: 20px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
	color: #9B5B01;
}

#footer a {
	color: #9B5B01;
}
*/

	Background-Styles 

/*



body {

	margin:0px; padding:0px;

	background: #EEEEE6 url(../images/bg.png) fixed;

	font-family:Arial, Helvetica, sans-serif;

	color:#7f7d78;

	font-size: medium;

	line-height:19px;

	

}
*/
#main {

	background: #EEEEE6 url(../images/bg.png) fixed;

	padding-bottom:30px;

	

}

#main .container {

	background-image:url(../images/background_light.jpg);

	background-repeat:no-repeat;

}

#footer {

	background-image:url(../images/background_footer.jpg);

	background-repeat:repeat-x;

	padding:30px;

	position:relative;

	top:0px;

	height:10px;

}
/*
.container {

	width:100%;

	margin:0 auto;

	position:relative;

	

}


*/


/* 

	Header-Styles 

*/

.navbar {

   

	/*height:80px;*/

   

	/*position:absolute;*/

	margin:0px;	

}

.navbar .row {

	margin-bottom:0px !important;

	margin-top:20px;

	}



#header {

	 background-image: linear-gradient(#FFFFFF, #D7D7D7);

	 box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.8) !important;

	z-index:1000;

	

	padding-bottom:10px;

	height:143px;

	width:90%;

	background-size: 100% 100%;

	 background-repeat:no-repeat;

}



#headtitle {

	

	

	width:90%;

	height:143px;

	/*display:block;

	position: relative;*/

	margin-left:275px;

	font-family:"AR ESSENCE";

	color:#7f7d78;

	font-size:40px;

	font-style:oblique;

	line-height:143px;

}




ul#menu {

	margin:0px; padding:0px;

	position:absolute;

	right:30px;

}

ul#menu li {

	display:inline;

	margin-left:12px;

}

ul#menu li a {

	text-decoration:none;

	color:#716d6a;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	font-weight:bold;

	text-transform:uppercase;

}

ul#menu li a.active, ul#menu li a:hover {

	color:#211e1e;

}




/* 

	Block-Styles 

*/



.block {

	border:1px solid #030303;

	background-color:#ffffff;

	margin-bottom:20px;

	position:relative;

	height: 100%;

	top:10px;

}



.blockinside {

	border:1px solid #a3a09e;

	background-color:#ffffff;

	margin-bottom:20px;

	position:relative;

	height: 100%;

	top:10px;

}



.ribbon {

	position:absolute;

	top:-3px;

	right:-3px;

}

.block_inside { 

	

	background:  url(../images/slice.jpg);

	background-size:100% 100%;

	border:1px solid #ffffff;

	display: block;

	padding:30px;



	/* font-family:Arial, Helvetica, sans-serif;

	color:#7f7d78;

	font-size:13px;

	line-height:19px;

	overflow:auto;

	

	background: #ffffff url(../images/slice.jpg) repeat-x;	

	

	

	height: 100%;*/

}

.image_block {

	border:1px solid #b5b5b5;

	background-color:#d2d2d2;

	padding:5px 5px 1px 5px;

	float:left;

}

.image_block img {

	border:1px solid #b5b5b5;

}

.text_block {

	float:left;

	width:430px;

	margin-left:30px;

	padding-top:30px;

}



#block_featuredblog .text_block { padding-top:15px }





/*

	Portfolio-Home-Styles

*/



#block_portfolio {

	overflow:auto;

	margin-bottom:20px;

}

#portfolio_items {

	width:615px;

	margin-right:25px;

	float:left;

	min-height:100px;

	padding-top:3px;

}

#text_column {

	float:right;

	width:310px;

}

#text_column img { margin-bottom:20px; position:relative; left:-3px;}

#text_column h2#text_title { 

	
	background-image:url(../images/creatif.jpg);

	background-repeat:no-repeat;

	width:310px;

	height:129px;

}



.mini_portfolio_item {

	border:1px solid #a3a09e;

	margin-bottom:10px;

	position:relative;

}

.mini_portfolio_item .block_inside { 

	background:none; background-color:#e2dddc; 

	padding:25px 30px 15px 30px; 

}

.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }





/*

	Block-Content-Styles

*/



#content_area {

	width:80%;

	float:left;

	margin-top:10px;

}

#content_area .block_inside {

	min-height:400px;

}



#content_area h2 { font-size:32px; line-height:31px; }



#content_area .separator {

	border-top:1px solid #e3e3e3;

	margin-top:40px;

	padding-top:40px;

}





/* 

	Text-Styles   

*/



h2 {

	margin:0px 0px 10px 0px;

	font-size:20px;

	font-family:Cambria;

	color:#000000;

	line-height:39px;

	letter-spacing:-1px;

}

h3 {

	margin:10px 0px 5px 0px;

	font-size:14px;

	line-height:21px;

	font-family:Helvetica, Arial, Sans-serif;

	color:#000000;

}

h4 {

	color:#007de2;

	margin:0px 0px 0px 0px;

}

small {

	color:#595856;

	font-weight:bold;

	font-size:11px;

	display:block;

	margin-bottom:15px;

}

a {

	color:#26689f;

	text-decoration:none;

}

small a {

	color:#007de2;

}

a:hover { text-decoration:underline; }

p { margin: 0px 0px 15px 0px; }



a.button {

	background:#32312f url(../images/button_bg.jpg) repeat-x;

	padding:5px 10px 5px 10px;

	color: #ffffff;

	text-decoration: none;

	border:1px solid #32312f;

	text-transform:uppercase;

	font-size:9px;

	line-height:25px;	

}

a.button:hover {

	background:#007de2 url(../images/button_bg_o.jpg) repeat-x;

	border-color:#007de2;

}



/*

	Footer-Styles

*/



#footer {

	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color: #666;
	font-size:10px;
	width: 90%;
	margin: 0 auto;
	padding: 30px 20px 10px 20px;

}

.footer_column {

	float:left;

	width:120px;

	margin-right:30px;

}

#footer .post {
background-color: #666;
	width:90%;

}

#footer h3 {

	color:#e2dddc;

	text-transform:uppercase;

	font-size:10px;

}

.footer_column ul li, .footer_column ul {

	list-style:none;

	margin:0px;

	padding:0px;

}













/* 

	Miscellaneous-Styles   

*/



/* Fix up IE6 PNG Support 

img, #logo { behavior: url(scripts/iepngfix.htc); }


*/








/*

	Alternate Styles

*/

body#dark {

	background-color:#1e1d1b;

}

body#dark #main {

	background:#292826 url(../images/background_dark_slice.jpg) repeat-x;

}

body#dark #main .container {

	background-image:url(../images/background_dark.jpg);

}

body#dark #footer {

	background-image:url(../images/background_dark_footer.jpg);

}

body#dark ul#menu li a.active, ul#menu li a:hover {

	color:#ffffff;

}

body#dark .block, body#dark .mini_portfolio_item { 

	border-color:#1b1a19; 

}

body#dark #text_column h2#text_title { 

	background-image:url(../images/creatif_dark.jpg);

}

/*.accordion1
{
float: center;	

}*/

.accordion1 h3{ 

width:90%;
border: #309	 1px solid;
background-position:bottom center;
background-repeat:no-repeat;
min-height:30px;
/*height:100%; */
font-size:15px;  
font-family: 'Cambria'; 
padding-left:10px;
color: #C03; 
cursor:pointer; 
padding-top:8px;
background-size: 100% 100%;
border-radius: 10px;

margin:10px 10px 10px 10px;

}

/*.accordion1 h3.active{ 
background-image:url(../images/baractive.png);
background-position:bottom center;
background-repeat:no-repeat; 
height:49px; 
background-size: 100%; }*/



#acc1{ position: relative; display:none; width:100%; padding-left:10px; margin-top:-10px; padding-bottom:10px }

#acc1 p{ font-size:13px; color:#292929; line-height:20px; width:90%; padding-left:10px; padding-right:10px;}

#acc1 li{ font-size:13px; color:#292929; line-height:20px; width:90%; padding-left:10px; padding-right:10px;}

/*#topbox { 

background-position:center top; 

background-repeat: no-repeat; 

height:30px;  

width: 90%;

margin:-10px -10px -10px 0px;

background-size: 100% 100%;padding-left:10px;}

*/



#box1-middle{ 

background-position:center top; 

background-image:url("../images/middle.png"); 

background-repeat: no-repeat;

/*padding:0px 0px 10px 0px; */

width: 90%;

margin:-10px 0% 0px;

background-size: 100% 100%; padding-left:10px;}



#box1-bottom { 

/*background-position:center top; */

background-image:url("../images/box1-bottom.png"); 

background-repeat: no-repeat; 

width: 90%;

margin: -2px 0% 0px;

background-size: 100% 100%}



.image-show{ position:absolute; left:422px; top:55px; }

.show-img-c{ display:none;}



.homeimage:before {

    content:url('http://www.ireccon.com/careers/index.php');

	background-image:url(../images/Home.png);

    height: 32px;

    width: 32px;

    position: absolute;

    // top 0 is usually inferred when setting position: absolute;

    // you should be able to remove this

    top: 40px;

	bottom: 20px;

    right: 20px;

}