/*=================================================================================

Project:		MGM
Version:		1.0
Last Changed:	04/01/2009
Author:			Vlad Balan

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.3 FOOTER
3 NAVIGATION
	3.1 Main Navigation
	3.2 Second Navigation	
	3.3 Footer Navigation	
4. FORMS
=================================================================================*/


/* 1. GENERAL -------------------------------------------------------------------*/
a img{border:none;}
* { margin:0; padding:0}
body
{
	background:#d1d2d2 url(/images/bgLayout.gif) repeat-x top;
	margin: 0;
	font:  normal 0.7em/1.2em Arial, Helvetica, sans-serif;
}

h1
{
	font-size:1.4em;
	font-weight:bold;
	color:#b50d0d;	
	background:url(/images/spacerTitle.gif) no-repeat left bottom;	
	padding:8px 0px;
	margin-bottom:5px;
}


p {	margin:0px; text-align: justify; font-size:1em; line-height:1.6em; color:#2b2b2b}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.floatleft {float:left;}
.floatright {float:right;}

.bold
{
	font-weight:bold; 
	line-height:2em; 
	font-size:1.1em;
}

a{color:#01a1e7; text-decoration:none}
a:hover{color:#003d57; text-decoration:underline;}

.spacer
{
	background:url(/images/bgrSpacer.gif) repeat-x center; 
	font-size:1px; 
	line-height:1px; 
	height:1px; 
	padding:10px 0px
}

.dark_blue{color:#205f7b}

/* 2. LAYOUT --------------------------------------------------------------------*/
.background{margin:0 auto; }
#container
{	
	margin: 0 auto;
	width:785px;
}

/* 2.1 HEADER -------------*/

#header
{
	margin: 0px auto;
	width:785px;
	background:url(/images/visualHeader.jpg) top no-repeat;
	height:250px;
}

#logo
{
	width:577px;
	height:55px;
	padding-top:23px;
	padding-left:1px;
}

.btLanguages
{
	width:36px;
	height:24px;
	float:left;
	padding:6px;	
	padding-top:40px;

}

.photoText
{
	font-size:1.3em;
	color:#fff;
	padding-right:10px;
	padding-top:3px;
}

/* 2.2 CONTENT  -------------*/
#content
{
	width:782px;
	background:url(/images/bgContent.gif) repeat-y;
	margin-top:1px;	
}

.contentTop
{	
	background:url(/images/topContent.gif) top no-repeat; 
}

.contentBottom
{
	background:url(/images/bottomContent.gif) bottom no-repeat; 
	
}

.mainContent
{
	width:550px;
	text-align:justify;
	line-height:1.6em;
	padding:10px 0px 10px 25px;
}

.bannerContainer
{
	width:545px;
	height:111px;
	padding:2px 0px 7px;
}


.mainContent a
{
	color:#505152;
	font-size:1em;
	padding:3px;
	border:1px solid  #c00000;
	text-decoration:none;	
}

.mainContent a:hover
{
	color:#c00000;
	text-decoration:none;
}

/* 3 NAVIGATION  -------------*/

/* 3.1 Main Navigation */
.mainNavigation
{
	padding-left:15px;
	height:50px;
	margin: 0 auto;
	width:760px;
}

.mainNavigation ul
{
	margin:0; 
	list-style-type:none; 
	padding-top:28px;

}

.mainNavigation ul li
{ 
	font-size:1.2em; 
	line-height:1.8em; 
	font-weight:bold;
	margin: 0;	
	color:#161616; 
	display:inline;
	padding-top:28px;

}

.mainNavigation ul li a
{
	color:#161616; 
	text-decoration:none;
	background:url(/images/spacerMainNav.gif)  center left no-repeat;
	padding:28px 12px 0px;

}

.mainNavigation ul li a:hover
{
	color:#c00000; 
	text-decoration:none;
}

.icons{width:31px; height:26px;  margin:5px 0px}
.iconHome{background:url(/images/iconHome.gif) no-repeat top;}
.iconProcess{background:url(/images/iconProcess.gif) top no-repeat;}
.iconAbout{background:url(/images/iconAbout.gif) top no-repeat;}
.iconCredit{background:url(/images/iconCredit.gif) top no-repeat;}
.iconApplications{background:url(/images/iconApplications.gif) top no-repeat;}
.iconContract{background:url(/images/iconContract.gif) top no-repeat;}
.iconContact{background:url(/images/iconContact.gif) top no-repeat;}




	
/* 3.2 Second Navigation */	
#leftNavigation
{
	padding-left:15px;
	padding-top:10px;
	width:170px; 
}

#leftNavigation ul
{
	margin:0; 
	list-style-type:none; 

}

#leftNavigation ul li
{ 
	font-size:1.1em; 
	line-height:1.3em; 
	color:#006cdb; 
	background:url(/images/spacerSecNav.gif) repeat-x bottom;	
	padding:6px 5px;

}

#leftNavigation ul li a
{
	color:#494949; 
	text-decoration:none;	
	font-weight:bold;	
	padding:1px 0px;
	width:155px;	
	display:block;
	background:url(/images/arrowSecNav.gif)  no-repeat right; 		
}

#leftNavigation ul li a:hover
{
	color:#315598; 
	text-decoration:none;
	font-weight:bold;
	background-color:#d9dee3;
	
}	


/* 3.3 Footer Navigation*/
#footer
{
	background:url(/images/bgFooter.gif) repeat-x bottom;
	height:80px;
	text-align:center;
}

.textFooter
{
	margin:0 auto;
	width:300px;
	padding-top:25px;
	text-align:center;
}


/* DIAGRAM */

.diagram
{
	margin: 30px auto;
	width: 510px;
	padding: 2px;
	border: 1px solid #cfcfcf;
	font: normal 12px/18px "Trebuchet MS", Arial;
	background-color: #ffffff;
	color: #333333;
	text-transform: uppercase;
}

.diagram_header_1
{
	float: left;
	width: 205px;
	height: 36px;
	margin: 1px;
	background: url(/images/diagram_header.gif) repeat-x;
	text-align: left;
	padding-left: 48px;
	font: bold 14px/36px "Trebuchet MS", Arial;
	color: #c00000;
}

.diagram_header_2
{
	float: left;
	width: 215px;
	height: 36px;
	margin: 1px;
	background: url(/images/diagram_header.gif) repeat-x;
	text-align: left;
	padding-left: 38px;
	font: bold 14px/36px "Trebuchet MS", Arial;
	color: #c00000;
}

.diagram_content
{
	clear: both;
	padding: 10px;
	background: url(/images/diagram_bg.gif) repeat-x bottom;
	font-size: 11px;
}

.diagram_left_column
{
	float: left;
	width: 227px;
}

.diagram_right_column
{
	float: left;
	width: 226px;
}

.diagram_divider
{
	float: left;
	width: 37px;
	height: 280px;
	background: url(/images/versus.gif) no-repeat;
}

.diagram_info
{
	clear: both;
	padding-top: 10px;
	text-align: left;
	padding-left: 8px;
	font: bold italic 15px "Trebuchet MS", Arial;
}

.diagram_info em
{
	color: #c00000;
}

.diagram_left_column ul,
.diagram_right_column ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.diagram_left_column ul li
{
	float: left;
	width: 100%;
	padding: 4px 0 8px 40px;
}

.diagram_job { background: url(/images/icon_job.gif) no-repeat; }
.diagram_utilities { background: url(/images/icon_utilities.gif) no-repeat; }
.diagram_phone { background: url(/images/icon_phone.gif) no-repeat; }
.diagram_insurance { background: url(/images/icon_insurance.gif) no-repeat; }
.diagram_health { background: url(/images/icon_health.gif) no-repeat; }
.diagram_car { background: url(/images/icon_car.gif) no-repeat; }
.diagram_mortgage { background: url(/images/icon_house.gif) no-repeat; }
.diagram_card { background: url(/images/icon_card.gif) no-repeat; }

.diagram_right_column ul li
{
	float: left;
	width: 100%;
	padding: 4px 0 8px 20px;
}


/* QOUTES */

div#quotation 	{
	display: block;
	margin: 0;
	padding: 0;
	padding-left:12px;
	text-align: justify;
	font: bold 12px/15px  Arial, Helvetica, sans-serif;
	color: #6f6f6f;
	width: 140px;
}

.attr {

	text-align: left;
	font: 10px/15px  Arial, Helvetica, sans-serif;
	color: #afafaf;
}



/* LISTS */
.listing ul
{
	margin: 0;	
	text-align: left; 		
	list-style-type: none;

}


.listing ul li
{
    font-size: 1em;
	line-height: 1.5em;
	padding-top:3px;
	padding-bottom:3px;
	margin: 0;
	color: #1e425c;
	padding-left: 15px;
	background: url(/images/arrowList.gif) left center no-repeat;

}