body {
	background-color: #D4D5D6;
	padding: 0;
	margin: 0 auto;
	background-image: url(../images/headerBg.gif); 
	background-repeat: repeat-x;	
	background-position: top center;
} 

#pen {
	padding:0;
	margin:0;
	background-image: url(../images/pen.gif); 
	background-repeat: no-repeat;	
	background-position: top left;
	height: 205px; 
}
a {
	color: #213CA6; 
	font: normal 12px/14px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	text-decoration: underline; 
}
a:hover {
	color: #213CA6; 
	text-decoration: none; 
}

/* ----------container to center the layout-------------- */
#containerTop {
	width: 964px;
	margin: 0 auto;
	padding: 0px;	
	background-image: url(../images/headerImage.jpg); 
	background-repeat: no-repeat;	
	background-position: top right;
}
#containerTop ul {	
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	list-style : none;
}
#containerTop li {
	margin: 0;
	padding: 0;
	float: left;	
	list-style : none;
	height: 205px; 
}

#container {	
	width: 964px;
	margin: 0 auto;
	padding: 0px;
		
	background-image: url(../images/bg.gif); 
	background-repeat: repeat-y;	
	background-position: top center;
}
#container ul, #container li {
	margin: 0;
	padding: 0;
	float: left;	
	list-style : none;
}

#containerBottom {
	background-color: #D4D5D6;	
	width: 964px;
	margin: 0 auto;
	padding: 0px;
}
#containerBottom ul, #containerBottom li {
	margin: 0;
	padding: 0;
	float: left;	
	list-style : none;
}
#containerCopy {
	background-color: #D4D5D6;	
	width: 964px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
}
/* ----------header-------------- */
#logo {
	width: 120px;
	height: 205px; 
	padding:0;
	margin:0;
	background-image: url(../images/logoLeft.gif); 
	background-repeat: no-repeat; 	
	background-position: top left;	
}
	/* --------MiddleLanguages------------ */
li#headerMiddle {
	width: 150px;
	height: 205px; 
	padding: 0px 0px 0px 302px;
	margin: 0px;
}
#headerMiddle div.languages a {
	margin: 0px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	color: #797777; 
	font: normal 13px/127px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
#headerMiddle div.languages a:hover {
	color: #000;  
	text-decoration: none;
}
#headerMiddle div.languages a:active {
	color: #000;  
	text-decoration: none;
}

#headerMiddle div.languages .l10n_lang_list li {
	color: #797777;
	font: normal 13px/127px Arial, Verdana, Helvetica, sans-serif;
	list-style: none;
	list-style-type: none;
}

#headerMiddle div.languages .l10n_lang_list li a:hover {
	color: #000;
}
#headerMiddle div.languages .l10n_lang_list li.activeLang {
	color: #000;
	margin: 0px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
}


	/* --------MiddleMenu------------ */
#headerMiddle div.menu {
	position: absolute;
	top: 101px;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}
#headerMiddle div.menu a {
	color: #514E4D; 
	font: normal 12px/23px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;
}
#headerMiddle div.menu a:hover {
	color: #D80000;  
	text-decoration: none;
}
#headerMiddle div.menu a:active {
	color: #D80000;  
	text-decoration: none;
}

	/* --------topMenu------------ */
li#headerRight1 {
	position: absolute;
	left: 629px;
	width: 156px;
	padding: 0px;
	margin: 43px 0px 0px 0px;
}
#headerRight1 a {
	display: block;
	margin: 0px; 
	padding: 7px 0 10px 46px;
	font: normal 14px/1 Arial, Verdana, Helvetica, sans-serif; 
	color: #666565;
	background: url(../images/menuDot1.gif) 0 0 no-repeat;
	text-decoration: none;
}
#headerRight1 a:hover {	
	color: #D80000;
	background: url(../images/menuDot1_over.gif) 0 0 no-repeat;
}
#headerRight1 a:active {
	color: #D80000;
	background: url(../images/menuDot1_over.gif) 0 0 no-repeat;
}
			
li#headerRight2 {
	position: absolute;
	left: 797px;
	width: 140px;
	padding: 0px;
	margin: 43px 0px 0px 0px;
}
#headerRight2 a {
	display: block;
	margin: 0px; 
	padding: 7px 0 10px 35px;
	font: normal 14px/1 Arial, Verdana, Helvetica, sans-serif; 
	color: #666565;
	background: url(../images/menuDot2.gif) 0 0 no-repeat;
	text-decoration: none;
}
#headerRight2 a:hover {	
	color: #D80000;
	background: url(../images/menuDot2_over.gif) 0 0 no-repeat;
}
#headerRight2 a:active {
	color: #D80000;
	background: url(../images/menuDot2_over.gif) 0 0 no-repeat;
}
/* -----------------common--------------------- */

#common {
	width: 964px;
	background-image: url(../images/commonBg.jpg); 
	background-repeat: no-repeat;	
	background-position: top center;
min-height:567px;
}

/* -----------------content--------------------- */
#content {
	position: absolute;
	top: 245px;
	padding: 0px;
	margin: 0px 0px 0px 260px;
	width: 655px;
	color: #514E4D; 
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
} /* me */
h1 {
	color: #6D6A6A; 
	background-image: url(../images/arrow.gif); 	
	background-repeat: no-repeat; 
	background-position: top left;
	font: bold 19px/30px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	text-decoration: none; 
}
h2 {
	color: #213CA6; 
	font: bold 12px/40px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	text-transform : uppercase;
}

#tumbNails {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#tumbNails ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	width: 655px;
}
#tumbNails li {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 218px;
	list-style: none;
}
#tumbNails div {
	padding: 0px;
	margin: 0px;
	text-align: center; 
}
#tumbNails div.link {
	width: 196px;
	height: 32px;
	background-image: url(../images/tumbsTab.gif); 	
	background-repeat: repeat-x; 
	background-position: top center;
	padding: 0px;
	margin: 0px 10px 0px 11px;
}
#tumbNails div.link a {
	float: left;
	background-image: url(../images/docs.gif); 	
	background-repeat: no-repeat; 
	background-position: left;
	padding: 0px 0px 0px 30px ;
	margin: 0px 0px 0px 0px;
	color: #514E4D; 
	font: normal 12px/32px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	text-decoration: none;  
}
#tumbNails div.link a:hover {
	color: #E90000; 
	text-decoration: none;  
}

#tumbNails div a img{
border: 0;
}

#care {
	float: left;
	width: 655px;
	height: 179px;
	background-image: url(../images/care.gif); 	
	background-repeat: no-repeat; 
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
#care ul {
	padding: 0px;
	margin: 0px ;
}
#care li {
	padding: 0px;
	margin: 10px 15px 10px 15px;
	list-style: none;
	float: left;
	width: 293px;
	height: 159px;
}

#care div.subTitle a {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 2px 35px;
	background-image: url(../images/ornament2.gif); 	
	background-repeat: no-repeat; 
	background-position: top left;
 	color: #514E4D; 
 	font: bold 13px/33px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;
}
#care div.subTitle a:hover {
 	color: #E90000; 
	background-image: url(../images/ornament2_over.gif); 	
	background-repeat: no-repeat; 
	background-position: top left;
	text-decoration: none;
}

#care .more a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	color: #514E4D; 
 	font: bold 11px/10px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;
	float : right;
}
#care .more a:hover {
 	color: #E90000; 
	text-decoration: none;
}

#care li.bg {
	margin: 22px 0px 0px 22px;
	padding: 0px;
}
#care li.bg a {
	margin: 0px 0px 0px 15px;
	padding: 8px 0px 2px 35px;
	background-image: url(../images/ornament2.gif); 	
	background-repeat: no-repeat; 
	background-position: top left;
 	color: #514E4D; 
 	font: bold 13px/33px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;
}
#care li.bg a:hover {
 	color: #E90000; 
	background-image: url(../images/ornament2_over.gif); 	
	background-repeat: no-repeat; 
	background-position: top left;
	text-decoration: none;
}

#contacts {
	width: 655px;
	height: 374px;
	background-image: url(../images/contactsBg.gif); 	
	background-repeat: no-repeat; 
	padding: 0px;
	margin: 0px;
}
#contacts .contactsContent {
	padding: 24px 0px 0px 10px;
	margin: 0 auto;	
	width: 400px;
 	color: #393838; 
 	font: normal 12px/23px Arial, Verdana, Helvetica, sans-serif; 
}
#contacts .inputBox {
	padding: 0px 0px 0px 5px;
	margin: 0px;
	height: 25px;
 	color: #393838; 
 	font: normal 12px/23px Arial, Verdana, Helvetica, sans-serif; 		
	border-top : 1px solid #ccc;
	border-right : 0px solid #ccc;
	border-bottom : 0px solid #ccc;
	border-left : 0px solid #ccc;
}
#contacts .textarea {
	padding: 0px 0px 0px 5px;
	margin: 0px;
 	color: #393838; 
 	font: normal 12px/15px Arial, Verdana, Helvetica, sans-serif; 		
	border-top : 1px solid #ccc;
	border-right : 0px solid #ccc;
	border-bottom : 0px solid #ccc;
	border-left : 0px solid #ccc;
}

/* --------------zemContactForm ------------- */

#contacts .zemContactForm fieldset {
   border: 0px;
   }
#contacts .zemContactForm legend {
   display: none; 
   }
#contacts .zemContactForm label {
   float: left;
   margin: 5px 0px 0px 0px;
   text-align: right;
   }
#contacts .zemContactForm br {
   clear: left;
   }
#contacts .zemContactForm input {
	padding: 0px 0px 0px 5px;
	margin: 0px;
	width: 400px;
	height: 25px;
 	color: #393838; 
 	font: normal 12px/23px Arial, Verdana, Helvetica, sans-serif; 		
	border-top : 1px solid #ccc;
	border-right : 0px solid #ccc;
	border-bottom : 0px solid #ccc;
	border-left : 0px solid #ccc;
}

#contacts .zemContactForm input.zemSubmit { 
 	color: #fff; 
 	font: bold 12px/30px Arial, Verdana, Helvetica, sans-serif;
	width: 98px;
	height: 31px;
	background-image: url(../images/contactsB.gif); 	
	background-repeat: no-repeat; 	
	border: 0px;
	text-decoration: none;
}

#contacts .zemContactForm textarea {
	padding: 0px 0px 0px 5px;
	margin: 0px;
	width: 400px;
 	color: #393838; 
 	font: normal 12px/15px Arial, Verdana, Helvetica, sans-serif; 		
	border-top : 1px solid #ccc;
	border-right : 0px solid #ccc;
	border-bottom : 0px solid #ccc;
	border-left : 0px solid #ccc;
}





#contacts span {
	padding: 0px;
	margin: 0px 5px 0px 5px;
	text-align: center;
}
#contacts span a {
	padding: 7px 27px 8px 27px;
	margin: 0px 0px 0px 0px;
	
 	color: #fff; 
 	font: bold 12px/30px Arial, Verdana, Helvetica, sans-serif; 
	width: 97px;
	height: 30px;
	background-image: url(../images/contactsB.gif); 	
	background-repeat: no-repeat; 
	text-decoration: none;	
}
#contacts span a:hover {
	background-image: url(../images/contactsB_over.gif); 	
	background-repeat: no-repeat; 
	text-decoration: none;	
}

.Button { 
 background-image: url(../images/contactsB.gif); 
 background-repeat: no-repeat; 
 border: 0px; 
 color: #fff; 
 font: bold 12px/30px Arial, Verdana, Helvetica, sans-serif; 
 text-decoration: none; 
 width: 97px;
 height: 30px;
}

#tabs {
	height: 50px;
	background-image: url(../images/tabs.gif); 	
	background-repeat: no-repeat; 
	padding: 0px;
	margin: 5px 0px 3px 0px;
}
#tabs a {
	padding: 0px 16px 0px 14px;
	margin: 0px 0px 0px 0px;
	
 	color: #4D4D4D; 
 	font: normal 12px/50px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;	
}
#tabs a:hover {
	color: #D80000; 
 	font: normal 12px/50px Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: none;	
}
#content .bullets ul {
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 10px 0px;
}
#content .bullets ol {
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 10px 20px;
}
#content .bullets li {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bulletArrow.gif);
	background-repeat: no-repeat;
 	font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif; 
	width: 650px;
}
#content a {
	text-decoration: none;	
}
#content a:hover {
	color: #D80000; 
 	text-decoration: none;	
}

/* --------------left navi------------- */
#left {
	width: 171px;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 30px;
}/* me */
#generalNavigation div { 
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#mainMenu a {
		display: block;
		margin: 0px 0px 4px 0px; 
		padding: 0px 0 0px 20px;
		font: normal 12px/30px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
		color: #5C5C5C;
		background: url(../images/menuButton.gif) 0 0 no-repeat;
		text-decoration: none;
}
#mainMenu a:hover {	
		background: url(../images/menuButton_over.gif) 0 0 no-repeat;
		color: #fff;
		font: bold 12px/30px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
		margin: 0px 0px 4px 0px; 
}
#mainMenu a:active {
		background: url(../images/menuButton_over.gif) 0 0 no-repeat;
		color: #fff;
		font: bold 12px/30px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
		margin: 0px 0px 4px 0px; 
}

#pages { 
	margin: 0 auto;	
	padding: 0px; 
	text-align: center;
}
#pages a {
	padding: 0px 2px 0px 2px;
	margin: 0px;
	color: #514E4D; 
 	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: text-top;	
}
#pages a:hover {
	color: #DC0000; 
 	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;	
}

/* -----------bottomNavigation--------------------------- */
#bottomNavigation { 
	width: 964px;
	background-image: url(../images/footer.gif); 
	background-repeat: no-repeat;	
	background-position: top center;
	height:62px;
}
#bottomNavigation ul { 
	margin: 21px 0px 0px 0px;
	padding: 0px 0px 0px 416px; 
}
#bottomNavigation li { 
	margin: 0px; 
	padding: 0px 3px 0px 3px;
	float: left; 
	list-style-type: none; 
	font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	color: #312E2C;  
}
#bottomNavigation li a { 
	font: normal 12px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	color: #312E2C;  
	text-decoration: none;
}
#bottomNavigation li a:hover {  
	color: #E90000;  
	text-decoration: underline;
}

#banner { 
	background-color: #D4D5D6;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;	
}
#copy { 
	width: 964px;
	text-align: center;
	margin: 0px;	
	padding: 0px;
	font: normal 12px/40px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	color: #514E4D;
}
#copy a { 
	text-align: center;
	margin: 0px 0px 0px 220px;	
	padding: 0px;
	font: normal 12px/40px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	color: #514E4D;
	text-decoration: none;
}