* {
	margin: 0;
	padding: 0;
}
html, body {
	height:100%;
	width:100%
}		
body {
	background: url(../img/design/bg-body.jpg) left bottom repeat #0066a9;
	font-family: tahoma;
	font-size:14px;
	color:#FFFFFF;
	}
a {
	color:#FFFFFF;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
img { border:0 none; vertical-align:middle}
table, tr, td, th {
	border:0 none;
	border-collapse:collapse;
	}
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clear { clear:both; font-size:0px; overflow:hidden}
.float-l { float:left}
.float-r { float:right}
.align-center { text-align:center}	
.align-left { text-align:left}	
.align-right { text-align: right}	


.border-radius {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	behavior: url(css/ie-css3.htc);
	}
.box-shadow {
	-moz-box-shadow:0px 1px 2px #464444;	
	-webkit-box-shadow:0px 1px 2px #464444;	
	box-shadow:0px 1px 2px #464444;	
	behavior: url(css/ie-css3.htc);
	}

.width-site {
	width:900px;
	margin: auto;
	position:relative
	}



#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 170px;
	background: url(../img/design/bg-head.jpg) left top repeat #8a111c;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	position:relative
}
#header img {
	vertical-align:top
	}
#header .head-top {
	background: url(../img/design/bg-top.jpg) left bottom repeat-x #fe505f;
	border-bottom:1px solid #FFFFFF;
	padding:2px 0;
	font-size:17px;
	font-weight:600;
	text-align:right
	}
#header .head-top .text-shadow {
	padding:0 50px 0 0 
	}
#header .head-bott {
	background:#db091c;
	height:30px;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:10
	}
		
/* Middle
-----------------------------------------------------------------------------*/
#content {
	padding: 0 0 100px;
}
.content {
	padding:5px 0;
	width:885px;
	margin:0 auto
	}

#contect-side {	
	background: url(../img/design/bg-cont.jpg) left top repeat ;
	border:1px solid #6c6a6a;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(css/ie-css3.htc);
	padding:10px;
	}	
	
#left-side {
	width:595px;
	float:left;
	background: url(../img/design/bg-cont.jpg) left top repeat ;
	border:1px solid #6c6a6a;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(css/ie-css3.htc);
	padding:10px;
	}
#right-side {
	width:260px;
	float:right;
	
	padding-bottom:300px;
	display:none
	}
#right-side .banner {
	/*border:1px solid #6c6a6a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(css/ie-css3.htc);*/
	}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -100px auto 0;
	width:100%;
	min-width: 1000px;
	height: 100px;
	position:relative
}
#footer .footer {
	background:url(../img/design/bg-foot.jpg) left top repeat-x #a31421;
	padding:15px 0;
	height:14px;
	}
#footer .copyright {
	text-align:center;
	padding:8px 0;
	font-size:11px
	}
#footer .woman {
	width:216px;
	height:389px;
	position:absolute;
	bottom:-27px;
	right:50px;
	}
.text-shadow {
	text-shadow:1px 1px 2px #4e4c4c;
	-moz-text-shadow:1px 1px 2px #4e4c4c;
	-webkit-text-shadow:1px 1px 2px #4e4c4c;
	
	behavior: url(/css/ie-css3.htc);
	}

.padd-10 { padding:10px 0 0 0}



ul.list-square {
	margin:0;
	padding:0 10px;
	list-style:none;
	}
ul.list-square li {
	background:url(../img/design/a2.gif) left 6px no-repeat;
	padding:0 0 0 12px;
	}


h2.title-page {
	font-size:16px;
	margin:0;
	padding:0
	}

.question {
	font-weight:bold;
	padding:20px 0 0 0
	}

	
	
ul.buttons-home {
	margin:0;
	padding:15px 0 0 3px;
	list-style:none;
	height:117px;
	}
ul.buttons-home li {
	background: url(../img/design/bg-butt1.gif) left top repeat ;
	border:1px solid #6c6a6a;
	width:210px;
	height:100px;
	margin:0 4px;
	float:left;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(css/ie-css3.htc);
	
	}
ul.buttons-home li a {
	text-decoration:none
	}

ul.buttons-home li a.listen-sound-samples {
	background:url(../img/design/icon1.png) 15px 35px no-repeat;
	display:block;
	padding:32px 20px 0 25px
	}
ul.buttons-home li a.referral-program {
	background:url(../img/design/icon4.png) 20px 35px no-repeat;
	display:block;
	padding:32px 20px 0 50px
	}
ul.buttons-home li a.equipment {
	background:url(../img/design/icon2.png) 18px 32px no-repeat;
	display:block;
	padding:37px 20px 10px 50px
	}
ul.buttons-home li a.portfolio {
	background:url(../img/design/icon3.png) 18px 32px no-repeat;
	display:block;
	padding:37px 20px 10px 30px
	}

    .login-logout a {
        font-size:14px;
        text-decoration:none;
        margin:0 10px;
        }


.login {
        width:330px;
        margin:0 auto;
        padding:50px 0
        }

.login input.submit-btn {
        background:url(../img/bg-btn.gif) left top repeat #d11f2f;
        padding:5px 10px;
        border:0 none;
        font-family:tahoma;
        color:#FFFFFF;
        text-transform:uppercase;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        behavior: url(css/ie-css3.htc);


        margin:10px 0 0 0
        }
.login form label {
        display:block;
        float:left;
        width:80px;
        padding:4px;
        text-align:left
        }

.login form input.text {
        background:url(../img/bg-input.gif) left top repeat #FFFFFF;
        padding:2px 5px;
        height:16px;
        width:228px;
        font-family:Arial, Helvetica, sans-serif;
        border:1px solid #000000;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        behavior: url(css/ie-css3.htc);

        margin:2px 0
        }

.error-message {
    color: red;
}