/* Bank Mechanisms www.bankmechanisms.com */
/* CSS Document */
body{padding:0px; margin:0px; background-color:#333333; color:#9c9c9c; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* HEADER */

#main_header{width:100%; margin:0 auto; background:url(../images/b_header.jpg) repeat-x #000; height:310px;}

#header{width:775px; margin:0 auto; background:url(../images/mainimg.jpg) no-repeat #000; height:310px; position:relative;}

#header ul {width:680px; height:21px; position:absolute; top:50px; left:34px; background:url(../images/b_buttons.png) 0 0 no-repeat;}
#header ul li a{
	float:left;
	height:21px; 
	margin:2px 35px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-variant:small-caps; 
	text-decoration:none;
	color:#2F3513;
	font-weight:bold;
	}

#header ul li a:hover{

	color:#FFFFFF;

	}

#header ul.enter {width:126px; height:64px; position:absolute; top:240px; left:605px; background: none; margin:0}
#header ul.enter li a{width:126px; height:64px; display:block; text-indent:-20000px; background: none; padding:0}
#header ul.enter li a:hover{width:126px; height:64px;}

/* CONTENT */

#main_body{width:100%; background-color:#333333; clear:both}	

#content{width:716px; margin:0 auto; padding:0; position:relative; background-color:#333333;}

#content_page{width:716px; margin:0 auto; padding:20; position:relative; background-color:#333333; font-size:11px; color:#EEEEEE;}
#content_page #title{width:100%; height: 80px; border-bottom:#949494 1px solid; padding-bottom:20px;}
#content_page #title a{border:none;}
#content_page #title a:visited{border:none;}
#content_page p{
				margin:20px;
}
#content_page p a{text-decoration:none; color:#b9d822; padding: 0 5px 0 5px;}
#content_page p a:hover{color:#b9d822; text-decoration:underline;} 
#content_page h2{color:#b9d822; margin-left:20px; font-size:12px;} 
#content_page li a{text-decoration:none; color:#b9d822; padding: 0 5px 0 5px;}
#content_page li a:hover{color:#b9d822; text-decoration:underline;} 

#leftpan{width:351px; float:left; position:relative; background-color:#949494;}
#leftpan p{width:240px; margin:0 0 0 101px; padding-top:37px; padding-bottom: 10px;  font:11px/12px Tahoma, sans-serif; color:#999999; line-height:12px;}
#leftpan a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#leftpan a:hover{color:#b8d71e;}

#leftpan #money{width:350px; min-height:92px; background:url(../images/b_left.jpg) bottom no-repeat; border-bottom:#949494 1px solid; float:left; position:relative;background-color:#333333;}
#leftpan #money h2{width:72px; height:72px; background:url(../images/img_partners.gif) 0 0 no-repeat; display:block; position:absolute; top:11px; left:16px; text-indent:-20000px;}
#leftpan #money h3{width:223px; height:24px; display:block; position:absolute; top:11px; left:101px; font-family:Tahoma; font-size:12px; color:#BBD928; margin-top:5px;}
#leftpan #money h1{width:223px; height:24px; display:block; position:absolute; top:11px; left:101px; font-family:Tahoma; font-size:12px; color:#BBD928; margin-top:5px;}


#leftpan #partners{width:350px; min-height:92px; background:url(../images/b_left.jpg) bottom no-repeat; border-bottom:#949494 1px solid; float:left; position:relative;background-color:#333333;}
#leftpan #partners h2{width:72px; height:72px; background:url(../images/img_money.gif) 0 0 no-repeat; display:block; position:absolute; top:11px; left:16px; text-indent:-20000px;}
#leftpan #partners h3{width:223px; height:24px; display:block; position:absolute; top:11px; left:101px; font-family:Tahoma; font-size:12px; color:#BBD928; margin-top:5px;}
#leftpan #partners h1{width:223px; height:24px; display:block; position:absolute; top:11px; left:101px; font-family:Tahoma; font-size:12px; color:#BBD928; margin-top:5px;}

#leftpan #project{width:350px; min-height:92px; background:url(../images/b_left.jpg) bottom no-repeat; border-bottom:#949494 1px solid; float:left; position:relative;background-color:#333333;}
#leftpan #project h2{width:72px; height:72px; background:url(../images/img_project_1.png) 0 0 no-repeat; display:block; position:absolute; top:11px; left:16px; text-indent:-20000px;}
#leftpan #project h3{width:223px; height:24px; display:block; position:absolute; top:11px; left:101px; font-family:Tahoma; font-size:12px; color:#BBD928; margin-top:5px;}
#leftpan #project h1{width:223px; height:24px; display:block; position:absolute; top:11px; left:101px; font-family:Tahoma; font-size:12px; color:#BBD928; margin-top:5px;}

#leftpan #team{width:330px; position:relative; float:left; padding: 21px 0 15px 20px; background-color:#333333; }
#leftpan #team h3{width:287px; height:34px; display:block; position:absolute; top:31px; left:21px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}
#leftpan #team img {width:139px; height:130px; margin: 54px 22px 0 0; padding:1px; border: #727272 1px solid; float: left;}
#leftpan #team p{width:150px; margin:50px 10px 0 0; padding-bottom: 10px;  font:11px/14px Tahoma, sans-serif;  padding-top:0; float:left;}
#leftpan #team p span {font-weight:bold; color:#b9d822;}
#leftpan #team a{font:11px/14px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#leftpan #team a:hover{color:#b8d71e;}

#leftpan #team ul{width:280px; margin:10px 0 0 8px; float:left}
#leftpan #team ul li a{display:block; width:280px; height:16px; background:url(../images/arrow.jpg) 5px 6px no-repeat; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; color:#b9d822; font-weight:normal; text-decoration:none; padding:0 0 0 18px;}
#leftpan #team ul li a:hover{color:#FFF; background-color:#000000;} 

#rightpan{width:365px; float:left; position:relative;}
#rightpan #welcome{width:365px; float:left; position:relative; border-bottom:#949494 1px solid; min-height:185px; }
#rightpan #welcome img {width:100px; height:175px; display:block; position:absolute; top:27px; left:20px; padding:1px; border: #727272 1px solid;}
#rightpan #welcome h3{width:169px; height:35px; background:url(../images/h_welcome.gif) 0 0 no-repeat; display:block; position:absolute; top:26px; left:144px; text-indent:-20000px;}
#rightpan #welcome p{width:209px; margin:0 0 0 144px; padding-top:68px; padding-bottom: 15px;  font:11px/14px Tahoma, sans-serif;}
#rightpan #welcome p span {color:#b9d822;}
#rightpan #welcome a{font:11px/14px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#rightpan #welcome a:hover{color:#b8d71e;}

#rightpan #services{width:385px; position:relative; background:url(../images/b_serv.jpg) top left no-repeat; float:left; padding-bottom: 15px}
#rightpan #services h3{width:215px; height:36px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; margin:31px 0 0 27px; }
#rightpan #services p.s1 {width:268px; margin:5px 0 0 0; padding:0 0 0 78px; float:left; background:url(../images/img_services.gif) 25px 0 no-repeat; min-height: 45px; font:10px/12px Tahoma, sans-serif;}
#rightpan #services p.s2 {width:268px; margin:15px 0 0 0; padding:0 0 0 78px; float:left; background:url(../images/img_services-09.gif) 25px 0 no-repeat; min-height: 45px; font:10px/12px Tahoma, sans-serif;}
#rightpan #services p.s3 {width:268px; margin:15px 0 0 0; padding:0 0 0 78px; float:left; background:url(../images/img_services-10.gif) 25px 0 no-repeat; min-height: 45px; font:10px/12px Tahoma, sans-serif;}
#rightpan #services span {color: #b9d822}
#rightpan #services a{font:10px/12px Tahoma, sans-serif; font-weight:normal; color:#FFF; text-decoration:none;}
#rightpan #services a:hover{color:#b8d71e;}

/* FOOTER */

#main_footer{width:100%; margin:0 auto;  clear:both; background-color:#333333;}	
#footer{width:715px; margin:0 auto; padding:0; position:relative; background-color:#222222; border-top: #4d4d4d 1px dashed;}
#footer p{display:block; margin: 20px auto 0 auto; font:10px/18px Tahoma, Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal; text-align:center; padding-bottom:20px}
#footer a{font:10px/20px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFF; text-decoration:none; padding: 0 5px}
#footer a:hover{color:#000; text-decoration:none; background:#FFF;}
.sponsor {
	margin: auto;
	width: 728px;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}
.sponsor img {
	margin-top: 5px;
}

/*Contact Form */
#contact-wrapper {
	WIDTH: 700px; Margin:auto;
}

#contact-wrapper LABEL {
	WIDTH: auto; DISPLAY: block; FLOAT: none; FONT-SIZE: 16px; padding:20px 0 10px 0;
}

FORM#contactform INPUT {
	BORDER-BOTTOM: #e8e8e8 1px solid; BORDER-LEFT: #b7b7b7 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #fff; FONT-SIZE: 16px; BORDER-TOP: #b7b7b7 1px solid; BORDER-RIGHT: #e8e8e8 1px solid; PADDING: 5px 0 5px 5px; background-color:#666666; width:300px;
}

FORM#contactform SELECT {
	BORDER-BOTTOM: #e8e8e8 1px solid; BORDER-LEFT: #b7b7b7 1px solid; COLOR: #fff; FONT-SIZE: 16px; BORDER-TOP: #b7b7b7 1px solid; BORDER-RIGHT: #e8e8e8 1px solid; PADDING: 5px 5px 5px 5px; background-color:#666666; width:310px;
}

FORM#contactform TEXTAREA {
	BORDER-BOTTOM: #e8e8e8 1px solid; BORDER-LEFT: #b7b7b7 1px solid; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; COLOR: #fff; FONT-SIZE: 16px; BORDER-TOP: #b7b7b7 1px solid; BORDER-RIGHT: #e8e8e8 1px solid; PADDING: 5px 0 5px 5px; background-color:#666666; width:650px;
}

FORM#contactform INPUT #btn_send{
	Border:none; Padding:0px; background-color:#333; width:100%;
}

#contact-wrapper label.error {
display: list-item;
color: #ff0600;
font-size: 12px;
list-style-position: inside;
padding: 5px 20px 0 0;
float:right;
}

#thankyou{
	width:490px;
	height:240px;
	background:url(../images/thankyou.jpg) no-repeat;
	margin:auto;
	padding:20px;
}

#thankyou h1{
	color:#FF3300;
	padding: 0 0 0 40px;
}

#thankyou p{
	color:#333333;
	padding: 0 0 0 20px;
	width:280px;
	font-size:12px;
}
