/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(images/bg.gif) top left repeat-x #e2e2e2 }
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif;
		text-transform:none; 
		color:#747576;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

a{color:#5384cc; text-decoration:underline; outline:none} 
a:hover{text-decoration:none} 

.button{color:#5778c6; background:url(images/button.gif) no-repeat top left; width:85px; text-align:center; padding:1px 0 15px 0; text-decoration:none; margin:202px 0 0 265px; position:absolute; font-size:1.77em; text-transform:none  }
.button:hover{text-decoration:none; }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li a{text-decoration:none; line-height:1.5em} 
#content ul li a:hover { text-decoration: underline }


/*header*/
#header .logo{ margin:0px 0px 0px 20px }

.m5{ margin-left:201px}
.m1{ margin:0 326px 0 51px}
.m2{ margin:238px 0 0 367px; position:absolute}


#page1 #content{ background:url(images/bg_cont1.jpg) top left no-repeat}
#page2 #content{ background:url(images/bg_cont2.jpg) top left no-repeat}
#page3 #content{ background:url(images/bg_cont3.jpg) top left no-repeat}
#page4 #content{ background:url(images/bg_cont4.jpg) top left no-repeat}
#page5 #content{ background:url(images/bg_cont5.jpg) top left no-repeat}
#page6 #content{ background:url(images/bg_cont1.jpg) top left no-repeat}
/*content*/
#content{ font-size:0.8625em; width:100%; text-align:left; min-height:500px; height:auto !important;  height:500px;}
#content .indent-main{padding:49px 80px 0px 514px}
#content .indent-main1{padding:49px 80px 0px 455px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0px 20px 16px 0px}
#content .img-indent{ margin:0px 0px 4px 0px}
#content p{ margin:0px 0px 27px 0px}
#content .p{ margin:0}
#content .p1{ margin:0px 0px 27px 0px}
#content .p2{ margin:0px 0px 17px 0px}
#content h2{color:#868993; font-size:2.88em; margin-bottom:28px; background:url(images/tail.gif) bottom left repeat-x; padding-bottom:7px  }
#content h4{color:#5384cc; font-weight:normal; font-size:1em; margin-bottom:19px;  }

#content .indent{padding:0px 0px 0px 0px}

#page2 #content h4{color:#b72e31; }
#page2 #content a{color:#b72e31;}
#page2 #content .button{color:#b72e31; margin:258px 0 0 322px; }
#page2 #content h2{background:url(images/tail1.gif) bottom left repeat-x; }

#page3 #content h4{color:#e8a119; }
#page3 #content a{color:#e8a119;}
#page3 .button{color:#e8a119; margin:258px 0 0 322px;  }
#page3 #content h2{background:url(images/tail2.gif) bottom left repeat-x; }

#page4 #content h4{color:#79a924; }
#page4 #content a{color:#79a924;}
#page4 .button{color:#79a924; margin:258px 0 0 322px;  }
#page4 #content h2{background:url(images/tail3.gif) bottom left repeat-x; }

#page5 #content h4{color:#e95d40; }
#page5 #content a{color:#e95d40;}
#page5 .button{color:#e95d40; margin:258px 0 0 322px; }
#page5 #content h2{background:url(images/tail4.gif) bottom left repeat-x; }
#page5 #content .link{color:#747576; text-decoration:none  }
#page5 #content .link:hover{text-decoration:underline }


/*footer*/
#footer { color:#747576; font-size:0.5625em; text-align:center; }
#footer .indent-footer{ padding:27px 50px 0px 50px;}
#footer a {color:#747576; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

#footer ul{margin:0; padding:0 0 15px 208px; list-style:none;}
#footer ul li{ margin:0px; display:inline; background:url(images/bg_li.gif) center left no-repeat; float:left}
#footer ul li a{color:#747576; text-decoration:none; display:block; float:left; padding:2px 30px 2px 30px} 
#footer ul li a:hover { color:#5586ce; text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0px}
#footer ul li .current{  color:#5586ce; text-decoration:none;  }

#footer ul .li a:hover { color:#b0303e }
#footer ul .li .current{ color:#b0303e }
#footer ul .li1 a:hover { color:#e8a119 }
#footer ul .li1 .current{ color:#e8a119 }
#footer ul .li2 a:hover { color:#79a924 }
#footer ul .li2 .current{ color:#79a924 }
#footer ul .li3 a:hover { color:#e95d40 }
#footer ul .li3 .current{ color:#e95d40 }


.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
.h1{ height:119px; background:url(images/bg_input1.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:150px}
input{
   	border:none; 
	background:none;
	width:188px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:2px;
}
textarea{
   	border:none; 
	background:none;
	width:187px; height:119px;
	font-size:1em;
	padding-left:10px;
	margin-bottom:11px;
	overflow:auto}