@charset "utf-8";
/* CSS Document */

/*
Base font: 13px
14px = 108%
15px = 115%
16px = 123%
18px = 138%
19px = 146%
22px = 169%
26px = 200%
32px = 246%
*/

/* general styles */
body ,
html {
 margin: 0px;
 padding: 0px;
}
body {
 background-image: url(../images/background.png);
 background-repeat: repeat-x;
 background-position: center top;
 background-color: #f0efef;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px;
 color: #6d6e71;
 font-weight: bold;
 line-height: 200%;
}
a {
 color: #aed04d;
 text-decoration: none;
}
a img {
	text-decoration: none;
	border: 0 none;
	}
	
a:hover {
 color: #8eb02d;
 text-decoration: underline;
}

h1 {
 font-size: 246%;
}
h2 {
 font-size: 200%;
}
h3 {
 font-size: 146%;
}
h4 {
 font-size: 138%;
}
h5 {
 font-size: 123%;
}
h6 {
 font-size: 108%;
}
h1 , h2 , h3 , h4 , h5 , h6 {
 margin: 5px 0px;
 line-height: 138%;
}
.green {
 color: #aed04d;
}

.red {
 color: #ff2020;
}

.button {
 width: 150px;
 height: 36px;
 background-image: url(../images/button.png);
 background-repeat: no-repeat;
 overflow: hidden;
 display: block;
 font-size: 123%;
 font-weight: bold;
 line-height: 37px;
 text-align: center;
 text-transform: uppercase;
}

/* header and menu */
.headerWrapper {
 width: 100%;
 position: absolute;
 top: 0px;
 text-align: center;
 left: 0px;
}
.header {
 background-image: url(../images/header.png);
 height: 173px;
 width: 903px;
 margin: 0 auto;
 position: relative;
}
.menu {
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding-left: 53px;
}
.menu a:hover {
 color: #8eb02d;
}
.menuon ,
.menuoff {
 height: 44px;
 float: left;
}
.menuon a ,
.menuoff a {
 height: 44px;
 display: block;
 font-size: 115%;
 text-transform: uppercase;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 5px;
}
.menuon {
 background-image: url(../images/menu_on_background.png);
 background-repeat: repeat-x;
 position: relative;
 right: -1px;
}
.menuon a {
 background-image: url(../images/menu_on_left.png);
 background-repeat: no-repeat;
 color: #aed04d;
}
.menuoff {
 background-image: url(../images/menu_off_left.png);
 background-repeat: no-repeat;
}
.menuoff a {
 color: #6d6e71;
}
.menuoff_first {
 float: left;
 overflow: hidden;
}
.menuoff_first .menuoff {
 position: relative;
 left: -3px;
}
.logolink {
 position: absolute;
 left: 53px;
 top: 5px;
 height: 108px;
 width: 317px;
 display: block;
}

/* footer boxes */
.footer {
 width: 903px;
 margin: 0 auto;
 padding-top: 38px;
 height: 206px;
 overflow: hidden;
}

.footer .box1 ,
.footer .box2 ,
.footer .box3 {
 background-image: url(../images/footer_background.png);
 background-repeat: no-repeat;
 width: 291px;
 height: 206px;
 float: left;
 overflow: hidden;
}
.footer .box1 {
 margin-right: 15px;
}
.footer .box2 {
 margin-right: 14px;
}
.footer .boxcontent {
 padding: 20px;
 height: 144px;
 overflow: hidden;
}
.footer .boxcontent h3 ,
.footer .boxcontent p {
 margin: 0px;
}

/* main content area */
.main {
 width: 903px;
 margin: 181px auto 0;
 background-image: url(../images/content_top.png);
 background-position: top center;
 background-repeat: no-repeat;
}
.main .mainwrapper1 {
 background-image:url(../images/content_middle.png);
 background-repeat: repeat-y;
 position: relative;
 top: 11px;
}
.main .mainwrapper2 {
 background-image: url(../images/content_bottom.png);
 background-position: bottom center;
 background-repeat: no-repeat;
 min-height: 213px;
 position: relative;
 top: 16px;
 padding-bottom: 16px;
}
.main .maincontent {
 padding: 0px 30px 0px 20px;
 position: relative;
 top: -8px;
}
.leftColumn {
 float: left;
 width: 260px;
 padding-left: 40px;
 position: relative;
}
.rightColumn {
 float: right;
 position: relative;
}

/* e-motion branding */
.branding {
 text-align: center;
 clear: both;
 width: 100%;
 color: #ccc;
 padding-top: 25px;
 padding-bottom: 8px;
 font-size: 85%;
}

#home .branding {
 padding-top: 5px;
}

.branding a {
 color: #ccc;
}
.branding a:hover {
 color: #ED1C24;
 text-decoration: none;
}