html { 
	height: 100%; 
 }
 
 body { 
	height: 100%; margin: 0px; 
	font: 14px Arial, FreeSans, sans-serif; 
	background: #FFF; color: #3B312F; 
 }
 
 a {
	outline: none;
	color: #4C7BD3;
 }
 
 a:hover {
	text-decoration: none;
 }
 
 .wrapper {
    height: 100%; margin: 0px auto; 
    border: 0px dashed #003333;
 }
 
 .container {
    position: relative; float: none;
    min-height: 100%; min-width: 984px; width: 100%;  
 }
 
 .width-fixed .container {
    width: 984px; margin: 0px auto;
 }
 
 .container:after {
    content: ""; display: block; height: 0; clear: both; visibility: hidden;
 }
 
 .header {
    position: relative; height: 265px;
	background: url(../images/header-bg.jpg) repeat-x top;
 }
	.header .clouds {
		position: absolute; right: 0; top: 0;
		width: 1024px; height: 265px; background: url(../images/clouds.png) no-repeat; 
	}
	
	.header .rainbow {
		position: absolute; right: 0; top: 0;
		width: 610px; height: 265px; background: url(../images/rainbow.png) no-repeat;
	}
	
	.header .weave {
		position: absolute; left: 0; top: 0;
		width: 640px; height: 265px; background: url(../images/weave.png) no-repeat;
	}
	
	.header .girl {
		position: absolute; right: 0; top: 0;
		width: 260px; height: 265px; background: url(../images/girl.png) no-repeat;
	}
	
	.header .logo {
		position: absolute; left: 35px; top: 25px;
		width: 285px; height: 105px; background: url(../images/logo.png) no-repeat;
	}
	
	.header .slogan {
		position: absolute; right: 235px; top: 120px;
		width: 335px; height: 115px; background: url(../images/slogan.png) no-repeat; 
	}
 
 .sidebar {
    position: relative; float: left;
    width: 265px; min-height: 300px; 
	height: auto !important; height: 300px;  
    padding: 10px 0 90px 20px;
 }
 
 .menu {
	position: relative;
	display: block; list-style: none;
	margin:  0; padding: 0;
 }
	.menu li {
		display: block; position: relative;
		margin: 0; padding: 0;
	}
	
	.menu .item {
		position: relative;
		margin: 0 0 2px; padding: 2px; 
		border: 1px solid #BEBEBE;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
	}
	
	.menu a.l0 {
		display: block; position: relative;
		padding: 10px 30px 10px 30px;
		font: 16px Arial, FreeSans, sans-serif;
		text-decoration: none; text-shadow: #18704C 1px 1px 1px;
		color: #FFF; background: #2286CF url(../images/menu-bg.jpg) repeat-x top;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
	}
	
	.menu a.l0:hover {
		text-shadow: none; color: #308DC2; 
		background: #F1E907 url(../images/menu-active-bg.jpg) repeat-x top;
	}
	
	.menu .item a.active {
		text-shadow: none; color: #308DC2; 
		background: #F1E907 url(../images/menu-active-bg.jpg) repeat-x top;
	}
	
	.menu ul {
		position: relative; margin: 0;
		padding: 3px 0 3px 30px;
		list-style: none;
	}
	
	.menu ul li {
		padding: 3px 0;
	}
 
 .content {
    min-height: 100px; 
	height: auto !important; height: 100px; 
    padding: 10px 20px 90px;
	overflow: hidden;
 } * html .content { 
    position: relative; 
    overflow: visible; 
 }
 
 * html .fix-overflow {
    width: 99%; margin: 0 auto; overflow-x: auto;
 }
 
 .footer {
    position: absolute; 
	bottom: 0px; left: 0px;
    height: 56px; width: 100%; 
    font: 12px "Myriad Pro", "Trebuchet MS", FreeSans, sans-serif;
    color: #FFF; background: #4C7BD3;
 }

	.footer .customer { 
		position: absolute; 
		top: 10px; left: 20px; 
	}
	 
	.footer .developer { 
		position: absolute; 
		top: 10px; right: 20px; 
	}
	 
	.footer a { 
		color: #fff; 
	} 
   
 h2 {
	margin: 0; padding: 0;
    font: bold 24px Arial, FreeSans, sans-serif; 
	color: #FF2D46;
 } 
   
 .path {
    padding: 0 0 10px;
    text-align: right;
 }   
   
.main_form {width: 250px; margin: 0px;}
 img {border: 0px;}
 form {margin: 0px; padding: 0px;}
 input, select, textarea {
    font: 11px Arial, Helvetica, sans-serif; 
    background: #FFFFFF; 
    border: 1px solid #C8C8C8;
    text-decoration: none !important;
 }  
 
 form .field {
    padding: 3px 0;
 }
 
 form label {
    font: italic 14px Arial, Helvetica, sans-serif;
 }
 
 form .error {
    font: 12px Arial, Helvetica, sans-serif;
    color: red;
 }
 
 .clearfix:after {
    content:""; display: block; clear: both; height: 0; visibility: hidden;
 } * html .clearfix {
    height: 1%
 } *+html .clearfix {
    min-height: 1%;
 }
 
 .left { 
    float: left
 }
 
 .right {
    float: right;
 }