/* CSS Document */

/* Main Layout style 
-----------------------------------------------------------------------------*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td	
{
font-family:Arial, Helvetica, sans-serif;
}

body	{
background:url(../images/top-bg.gif);
background-repeat:repeat-x;
}

.wrapper	{
	width:852px; 
    text-align:left;   
    margin-left:auto; 
    margin-right:auto; 
	}
	
.page-body {

position: relative;
clear:both;
width: 852px;

}

ul  {
list-style-type: none; /* suppression of useless elements */
width: 100%; /* precision for Opera */
}

input, select  {
background:#CCCCCC;
border:#999999 1px;
font-size:0.9em;
}


/* Typography
-----------------------------------------------------------------------------*/ 
h1 
    { 
    font-size: 2.2em; 
} 
     
h2 
    { 
    font-size: 2.0em;     
} 
     
h3 
    { 
    font-size: 1.8em; 
} 
     
h4 
    { 
    font-size: 1.6em;     
} 
     
h5 
    { 
    font-size: 1.4em;     
} 
     
p 
    { 
    font-size: 1em;     
} 

/* Header 
-----------------------------------------------------------------------------*/ 

.header {
background:#9B1F36;
height:83px;
clear:both;

}

/* Clients | Partners | Global Site Navigation 
-----------------------------------------------------------------------------*/ 
.topnav {
     margin-top: 0px;
     float: right;	
     display: block;
     text-align: right;
	 border-right: 1px #CCCCCC;
	 border-left: 1px #999999;
     color: #FFF;
	 font-size:0.7em;
	 font-weight:bold;
}

.topnav li{
	 float: right ;/* lists aligned to the left */
	 padding-left:10px;
	 padding-right:10px;
}



/* -----------------------------------------------------------------------------
Main Navigation 
-----------------------------------------------------------------------------*/ 


.menu li {
     height: 30px;
	 display: block;
	 padding-right:0px;
     text-align: right;
	 border-right: 1px #CCCCCC;
	 border-left: 1px #999999;
     color: #FFF;
	 font-size:0.9em;	 
	 font-weight:bold;
	 margin-right: 40px;
	 float: right;  /* lists aligned to the left */
}

.menu li img {
padding-right: 30px;
}

.menu a {
	 margin-top: 30px;
	 display: block;
	 padding-right:0px;
	 border-right: 1px #CCCCCC;
	 border-left: 1px #999999;
	 color:#FFF;
     text-decoration: none;
	 font-size:0.9em;
}
	 
.menu a:hover {
     background: none;
	 font: #EAD7DB;
     }

.menu a:active {
     background: none;
     color: #fff;
     }
	 

.menu li a:link {text-decoration: none; color:#FFFFFF;}
.menu li a:visited {text-decoration: none; color:#FFFFFF;}
.menu li a:active {text-decoration: none; color:#FFFFFF;}
.menu li a:hover {text-decoration: none; color:#EAD7DB;}



/* -----------------------------------------------------------------------------
 Main Content Area 
-----------------------------------------------------------------------------*/ 
.content-main {
width: 852px;
float:left;
background:url(../images/background.gif);
background-repeat:repeat-y;
}

.star ul{
padding-left: 15px;
padding-bottom: 10px;
margin-bottom:30px;
margin-left: 15px;
padding-left: 0;
list-style: none;
}

.star li{
padding-left: 35px;
margin-left: 30px;
background-image: url(../images/breadcrumb.gif);
background-repeat: no-repeat;
background-position: 0;
font: Arial, Helvetica, sans-serif;
font-size: .9em;
color:#666666;
padding-top:2px;
padding-bottom: 5px;
line-height: 30px;
}


.profile ul{
padding-left: 15px;
padding-bottom: 10px;
margin-bottom:30px;
margin-left: 30px;
padding-left: 30px;

}

.profile li{
padding-left: 30px;
margin-left: 30px;
font: Arial, Helvetica, sans-serif;
font-size: .8em;
color:#323232;
padding-top:2px;
padding-bottom: 5px;
list-style: circle;
}



/* quote area------------------------------------------------------------*/ 

.quote {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url(../images/quote-b.gif) bottom left no-repeat;
	}
	.quote h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url(../images/quote-t.gif) top left no-repeat;
		font-size:16px;
		font-weight:bold;
	}
	.quote p, .teaser a.more {
		font: Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size: 12px;
		font-weight:bold;
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
	}
	.quote a.more {
		display:block;
		text-align:right;
		background:url(../images/quote-a.gif) 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.quote a.more:hover {
		text-decoration:underline;
	}

	.quote ul{
		padding-left: 15px;
		padding-bottom: 10px;
		margin-bottom:0px;
		margin-left: 30px;
		padding-left: 30px;
	}

.quote li{
		padding-left: 30px;
margin-left: 30px;
font: Arial, Helvetica, sans-serif;
font-size: .8em;
color:#323232;
padding-top:2px;
padding-bottom: 5px;
list-style: circle;
	}

/* teaser services area------------------------------------------------------------*/ 

.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url(../images/quote-b.gif) bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url(../images/quote-t.gif) top left no-repeat;
		font-size:14px;
		font-weight:bold;
		color:FFF;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url(../images/quote-a.gif) 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}

	.teaser ul{
		padding-left: 15px;
		padding-bottom: 10px;
		margin-bottom:0px;
		margin-left: 30px;
		padding-left: 30px;
		
	}

.teaser li{
		padding-left: 30px;
margin-left: 30px;
font: Arial, Helvetica, sans-serif;
font-size: .8em;
color:#323232;
padding-top:2px;
padding-bottom: 5px;
list-style: circle;
	}




/* focus content area------------------------------------------------------------*/ 
.focus-content	{
width: 800px;
margin:auto;
padding: 0px;
border-bottom: #990000 1px solid;
}


/* main article area------------------------------------------------------------*/ 
.main-article {
	width:243px;
	position: relative;
	margin-top: 20px;
	margin-left: 30px;
	float:left;
	clear:none;
}

.mailing-list {
	background-image: url(../images/mailing-list.gif);
	background-repeat: no-repeat;
	position:inherit;
	width:243px;
	height:138px;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	padding-left: 15px;
	padding-top: 85px;
	float:left;
	clear:none;
}

.portfolio{
	width:150px;
	height:168px;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
	text-align:center;
	vertical-align:middle;
	font:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#333333;
}

.heading {
font: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight:bold;
color:#990000;
line-height: 35px;
}


.main-article a:link {text-decoration: none; color:#666666;}
.main-article a:visited {text-decoration: none; color:#666666;}
.main-article a:active {text-decoration: none; color:#666666;}
.main-article a:hover {text-decoration: none; color: #000;}



/* -----------------------------------------------------------------------------
 Side Content Area
-----------------------------------------------------------------------------*/ 
.content-side {
background: #FFFFFF;
position:inherit;
width:529px;
float:right;
clear:none;
margin-top: 20px;
margin-right:30px;
}

.content-side img {
padding: 20px 0;
}

p {font-size:12px;
padding: 10px 15px;
color:#323232;
}
	
	
.main-text {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#2C2B2B;
}




.content-side li a:link {text-decoration: none; color:#666666; font-weight:bold;}
.content-side li a:visited {text-decoration: none; color:#666666; font-weight:bold;}
.content-side li a:active {text-decoration: none; color:#666666; font-weight:bold;}
.content-side li a:hover {text-decoration: none; color: #000; font-weight:bold;}


/* -----------------------------------------------------------------------------
 Footer 
-----------------------------------------------------------------------------*/ 
.footer-wrapper	{
height: 50px;
background: #362B2A;
clear:both;
}

.footer p{
color:#FFFFFF;
font-size: 9px;
}

.footer	{
position:inherit;
padding: 10px;
clear:both;
width:945px; 
height: 25px;  
margin-left:auto; 
margin-right:auto; 

background: #362B2A;
color: #FFFFFF;
font: Arial, Helvetica, sans-serif;
font-size: 0.7em;
line-height: 15px;
}


.footer li a:link {text-decoration: none; color:#FFF;}
.footer li a:visited {text-decoration: none; color:#FFF;}
.footer li a:active {text-decoration: none; color:#FFF;}
.footer li a:hover {text-decoration: none; color: #333333;}

/* -------------------- breadcrumbs --------------------------- */
.breadcrumbs {
	overflow:hidden;
	padding-bottom:5px;
	margin-left: 80px;
	height:30px;
	width: 550px;
	clear:right;
	float:left;
}

.breadcrumbs a, em, span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0;
	font-style:normal;
}

.breadcrumbs p{
font: Arial, Helvetica, sans-serif;
font-size:  9px;
padding: 5px 0;
float:right;
clear:left;
margin-right:40px;
}

.breadcrumbs a, em {
padding-top:8px;
}

div.breadcrumbs span {
	background:url(../images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 0 0 20px;
	width:0px;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.breadcrumbs a:link {text-decoration: none; color:#FFF;}
.breadcrumbs a:visited {text-decoration: none; color:#FFF;}
.breadcrumbs a:active {text-decoration: none; color:#FFF;}
.breadcrumbs a:hover {text-decoration: none; color: #D4D4D4;}





.left{
  /* Changes on the form */
  color: #232323 !important; 
  font-family: Arial !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}