/* general style for the pages */
body
{
	background: #ffffff url('../images/backgroundTop.jpg') repeat-x;
	margin: 0;
	font-family: georgia, verdana;
	font-size: 13px;
}
		
a
{
	color: #821E1C;
	text-decoration: underline;
}

h1
{
	color: #124477;
	font-size: 18px;
	font-weight: bold;
	margin-top: 35px;
}

h2
{
	font-size: 18px;
	color: #124477;
	text-align: center;
	width: 100%;
	margin-bottom: 60px;
	margin-top: 20px;
}

h3
{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul
{
	font-size: 12px;
}

a:hover
{
	text-decoration: underline;
}

li
{
	margin-top: 3px;
	font-size: 13px;
}

#page
{
	position:relative;
}

/* header part */

	/* static */
	
		#infodevBanner
		{
			height: 100px;
			background: url('../images/TopBanner.jpg');
			background-repeat: no-repeat;
			width: auto;
		}
		
		#logoInfodev
		{
			text-decoration: none;
			width: 220px;
			height: 100px;
			position: absolute;
			left: 30px;
			top: 0;
		}
		
		/* pogs positioning */
		
		#pog0
		{
			position: absolute;
			left: 300px;
		}
		
		#pog1
		{
			position: absolute;
			left: 425px;
		}
		
		#pog2
		{
			position: absolute;
			left: 550px;
		}
		
		#pog3
		{
			position: absolute;
			left: 675px;
		}
		
		.circle
		{
			margin-right: 22px;
			width: 100px;
			height: 100px;
		}

		.iso9001
		{			
			position: absolute;
			top: 43px;
			left: 750px;
			margin-bottom: 30px;
			margin-left: 100px;
			font-family: sans-serif;
			font-size: 150%;
			text-decoration: underline;
		}
		
		#menus
		{
			height:45px;
			background: #821E1C;background: #821E1C; /*#177A7F*/
			width: 100%;
			min-height:45px;									
		}
		
		html>body #menus
		{
			height:auto;
		}
		
		#languagesmenu img
		{
			height: 16px;
			width: 30px;
			border:0;
			margin: 3px;
		}

	/* Dynamic */
	
			#themenu
			{
				width: 100%;
				padding-top: 2px;
			}
			
			.imgCountry
			{
				width: 16px;
				height: 11px;
				margin-left: 10px;
				margin-right: -8px;
			}

/* end of header */

#content
{
	background: none;
	margin: 0px 30px 5px 5%;
	position: relative;
	clear: left; /* if you don't put this the sukerfish menu will mess up your display */
}

#linklist
{
	margin-top: 80px;
	clear:left;
	margin-left: 10px;
}

#linklist ul
{

}

/* Footer part */

	#footer
	{
		width: 100%;
		height: 35px;
		text-align: center;
		clear:left;
		position: relative;
		/*background: #A8CDCF;
		border-top: 2px solid black;*/
		margin-top: 50px;
	}
	
	#footer hr
	{
		width: 95%;
		color: black;
		height: 1px;
		display: none;
	}
	
	#footer p
	{
		font-size: 10px;
	}

/* end of footer */

/* style for the menu 
   This menu is the "Son of Suckerfish" menu.
   Really neat code, if you use it 
   give credits:
   http://www.htmldog.com/articles/suckerfish/dropdowns/ */
   
   
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
	font-weight: bold;
}

#nav a {
	display: block;
	width: auto;
	text-decoration: none;
	color: white;
	font-size: 14px;
}

#nav ul li a
{
	font-size: 12px;
	font-weight: normal;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts in this case opera will go nuts because we choose style over compliance*/
	font-weight: bold;
	margin-left: 10px;
	margin-top: 3px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #821E1C; 
	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
}

#nav li ul li { /* second-level list element */
	float: none;
	width: auto;
	margin: 4px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

#nav a:hover /* herited link properties */
{
	text-decoration: underline;
	color: #D6DEE6;
}

/* End of suckerfish menu */


/* Form style */

#request_form
{
	padding: 5px;

	margin-left: 50px;
	margin-top : 40px;
	width: 590px;
}

.labels{
	width: 200px;
	float: left;
	margin-right: 10px;
}

.form_data_container label
{
	margin-right: 5px;
	margin-left: 5px;
}

.fields
{
	width: 350px;
	float: left;
	

}

.surname {
visibility: hidden;
}

.form_data_container
{
	clear: left;
	height: 50px;
}

#request_form ol li
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.required, .mandatory
{
	color: #821E1C;
	font-weight: bold;

}

.dimension
{
	display: inline;
	margin-left: 5px;
}

.accent
{
	font-weight: bold;
}

.door_dimensions ol 
{
	padding:0;
	margin: 0;
	padding-bottom: 5px;
	margin-left: 63px;
}

.door_dimensions ol li
{
	margin-right: 5px;
}

.door_dimensions
{
	
	border-bottom: 1px solid black;
}

#current_config, #Corporative_informations, #planning, #comments
{
	border-bottom: 1px dashed black;
	margin-bottom: 10px;
}

#button_panel
{
	display: block;
	clear: both;
	position: relative;	
}

#send
{
	position: absolute;
	right: 0;
}

.textarea_holder
{
	height: 90px;
}

/* End of form style */ 

/* Style for the email, bookmark and print goodies */

#goodies
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	
}

#goodies li
{
	list-style: none;
	
}

#goodies label
{
	display: block;
}
#ref_email, #ref_name
{
	width: 80%;
}

.goodies_title
{
	font-weight: bold;
}

.goodies_sub_title
{
	font-style: italic;
}
/* End of goodies style */  

/* FAQ style */

.irFAQAnswer p
{
	margin-left: 50px;
}

.irFAQQuestion
{
	list-style-type: georgian;
}

/* End of FAQ style */