body, html{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #002736;	
	background-color: #fafafa;
}

img{border:0;}

a{}
a:link{color: #de3b84; text-decoration: none;}
a:active{color: #de3b84; text-decoration: none;}
a:visited{color: #de3b84; text-decoration: none;}
a:hover{color: #de3b84; text-decoration: underline;}
a:visited:hover{color: #de3b84; text-decoration: underline;}


/*
div#header{
	width: 100%;
	height: 358px;
	background-image: url('../img/bg-header.png');
	background-position: repeat-x center top;
}
*/
div#header-menu{
	margin-left: auto;
	margin-right: auto;		
	width: 1000px;	
	height: 55px;		
	padding-top: 13px;
	background-image: url('../img/bg-menu.png');
	background-position: repeat-x center top;	

}


#but01{
	margin-left: 344px;
}

#but02{

}
#but03{

}
#but04{

}

div#header-content{
	margin-left: auto;
	margin-right: auto;	

	width: 1000px;
	height: 272px;

}

div#header-content-01{
	float: left;
	width: 357px;
	height: 272px;
	background-image: url('../img/bg-header-01.png');	
	background-position: 0px -1px;	
	
}

div#header-content-02{
	float: left;
	width: 387px;
	height: 272px;
	background-image: url('../img/bg-header-02.png');
	background-position: 0px -1px;	

	
}

div#header-content-03{
	float: left;
	width: 256px;
	height: 272px;
	background-image: url('../img/bg-header-03.png');	
	background-position: 0px -1px;	

}

div#main{
	width: 100%;
	background-image: url('../img/bg-main.png');
	background-position: center top repeat-x;	
}

div#main-content{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;	
}

div#main-lcol{
	float: left; 
	width: 281px;
	height: 477px;
	padding-left: 45px;
	padding-right: 30px;
	padding-top: 25px;
	background-image: url('../img/bg-lcol.png');
	
}


div#main-mcol{
	float: left; 
	width: 285px;
	height: 477px;
	padding-left: 34px;
	padding-right: 30px;
	padding-top: 25px;	
	background-image: url('../img/bg-mcol.png');
	
}

div#main-rcol{
	float: left; 
	width: 223px;
	height: 477px;
	padding-left: 37px;
	padding-right: 35px;
	padding-top: 25px;	
	background-image: url('../img/bg-rcol.png');
	
}


div#footer{
	width: 950px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}

div.clearer{
	clear: both;
	display: block;
	width: 1000px;
	height: 10px;
	background-image: url('../img/bg-cols.png');
	
}

div#main-content-sub{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;	
	background-image: url('../img/bg-main-sub.png');
	background-position: left;
	background-repeat: repeat-y;

}



div#sub-lcol{
	float: left; 
	width: 282px;
	height: 100%;
	padding-left: 45px;
	padding-right: 30px;
	padding-top: 25px;
	background: url('../img/bg-sub-lcol.png') no-repeat;		
}

div#sub-rcol{
	float: left; 
	width: 643px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	background-image: url('../img/bg-sub-rcol.png');
	background-repeat: repeat-y;
	
}

div#sub-header{
	width: 643px;
	height: 82px;
	background-image: url('../img/bg-sub-header.png');
	
}


div.clearer-sub{
	clear: both;
	display: block;
	width: 1000px;
	height: 10px;
	background-image: url('../img/bg-footer-sub.png');
	
}

div#sub-content{
	background-image: url('../img/bg-sub-content.png');
	background-repeat: repeat-x;
	background-position: top;
	width: 628px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	color: #2c5c6e;
}

div#sitepath{
	margin-left: 15px;
	padding-top: 5px;
	font-size: 9px;
	color: #8eabb6;
	
}

a.sitepath{color: #8eabb6; text-decoration:underline;}


body,h1,h2,h3,form,html,pre,input{
	margin: 0;
	padding: 0;
}
h1,h4,h5,h6,pre, code{
	font-size: 1em;
	text-indent: -9999em;
}
.clear{ clear:both; line-height:0%; height:0px; text-indent:-9999em; }

#globalWrapper{
	width: 100%;
	}
	#header{
		margin: 0 auto;
		width: 100%;
		height: 324px;
		background:url("../img/headerBg.jpg") repeat-x;
		background-position: left -33px;
		overflow:hidden;
		}
		#headerBar{
			margin:0 auto;
			height:50px;
			width:1000px;
			}
			#logo{
				float:left;
				background:url("../img/logoBg.jpg") left -28px no-repeat;
				height:50px;
				width:345px;
				}
			#nav{
				float:left;
				background:url("../img/navBg.jpg") no-repeat;
				background-position: left -17px;
				padding-top:0px;
				height:50px;
				width:655px;
				}
				#nav ul{
					list-style: none;
					padding: 0;
					margin: 0;
				}
				#nav li{
					float:left;
					padding: 0;
					margin: 0;
					border: 0px solid;
					margin-left:0px;
					}
					#nav li #ma{
						background: url('../img/menu.jpg') 0px 0px no-repeat;
						height: 50px;
						line-height: 50px;
						float: left;
						width: 76px;
						display: block;
						border: none;
						text-decoration: none;
						text-align: center;
						outline: 0;
						}
					#nav li #ma:hover{
						background: url('../img/menu.jpg') 0px -50px no-repeat;
						height: 50px;
						line-height: 50px;
						float: left;
						width: 76px;
						display: block;
						border: none;
						text-decoration: none;
						text-align: left;
						}
						#nav li #ma{
							background: url('../img/menu.jpg') 0px 0px no-repeat;
							height: 50px;
							line-height: 50px;
							float: left;
							width: 76px;
							display: block;
							border: none;
							text-decoration: none;
							text-align: center;
							outline: 0;
							}
						#nav li #ma:hover{
							background: url('../img/menu.jpg') 0px -50px no-repeat;
							height: 50px;
							line-height: 50px;
							float: left;
							width: 76px;
							display: block;
							border: none;
							text-decoration: none;
							text-align: left;
							}
							#nav li #ma{
								background: url('../img/menu.jpg') 0px 0px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 76px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: center;
								outline: 0;
								}
							#nav li #ma:hover{
								background: url('../img/menu.jpg') 0px -50px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 76px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: left;
								}
							#nav li #mb{
								background: url('../img/menu.jpg') -76px 0px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 125px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: center;
								outline: 0;
								}
							#nav li #mb:hover{
								background: url('../img/menu.jpg') -76px -50px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 125px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: left;
								}
							#nav li #mc{
								background: url('../img/menu.jpg') -201px 0px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 154px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: center;
								outline: 0;
								}
							#nav li #mc:hover{
								background: url('../img/menu.jpg') -201px -50px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 154px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: left;
								}
							#nav li #md{
								background: url('../img/menu.jpg') -355px 0px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 108px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: center;
								outline: 0;
								}
							#nav li #md:hover{
								background: url('../img/menu.jpg') -355px -50px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 108px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: left;
								}
							#nav li #me{
								background: url('../img/menu.jpg') -463px 0px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 79px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: center;
								outline: 0;
								}
							#nav li #me:hover{
								background: url('../img/menu.jpg') -463px -50px no-repeat;
								height: 50px;
								line-height: 50px;
								float: left;
								width: 79px;
								display: block;
								border: none;
								text-decoration: none;
								text-align: left;
								}
		#headerMid{
			margin:0 auto;
			height:274px;
			width:1000px;
			}
			#info{
				float:left;
				background:url("../img/infoBg.jpg") no-repeat;
				height:274px;
				width:345px;
			}
			#animations{
				float:left;
				height:274px;
				width:655px;
			}

.success {
text-align: center;
background: green;
color: white;
padding: 3px;
margin-right: 15px
}

.error {
text-align: center;
background: red;
color: white;
padding: 3px;
margin-right: 15px
}