body, html{
height: 100%;
padding: 0;
margin: 0;
}
.flexslider{
display: block;
position: relative; //fixed or absolute may be needed
height: 100%!important;
overflow: hidden!important;
width: 100%!important;
}

.flexslider .slides,
.flexslider .slides li{
width: 100%!important;
height: 100%!important;
}

.flexslider .slides img{
min-height: 100%;
min-width: 100%;
max-width: 10000%!important; //over ride any existing responsive image styling
margin: 0 auto!important;
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
display: block; /* I added this line */
}

.flex-direction-nav .flex-next { right: 0 !important; margin-right: 40px; opacity: 1 !important; }
.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: 40px; }
.flexslider { width: 90%; margin: 0 auto; }

.flexslider {  
  position: static; /* Allow the navigation controls to overflow the div. */
  border: 0px solid #475B80; /* Also change border color */
}
.flex-direction-nav li .next { 
    right: -24px; /* Resetting the position set nav elements off by a bit */
}


.flex-direction-nav li .prev {
    left: -16px; /* Resetting the position set nav elements off by a bit */
}

.container { width:100%; height:100%; margin:0px auto; position:relative; overflow:hidden; z-index:5; }
.container ul { margin:0; padding:0; }
.container { position: fixed; top: 0; left: 0; }


#topo { width:300px; height:192px; margin:20px auto; position:relative; overflow:hidden; z-index:100; }
#topo ul { margin:0; padding:0; }
#topo ul#logo { list-style:none; position:relative; z-index:30; top:0px; }
#topo ul#logo li#logo { float:left; }


.slides { width:100%; height:100%; margin:0px auto; position:relative; overflow:hidden; z-index:5; }
.slides ul { margin:0; padding:0; }
.slides { position: fixed; top: 0; left: 0; }


#contact-wrapper{
	position: absolute;
	right: 0px;
	width: 365px;
	height:400px;
	overflow:hidden;
	z-index:99999;
	top:50px;
}
#contact-wrapper label.error {
	color: #F00;
	text-shadow: 1px 1px 1px #1F1F1F;
	width: 300px;
	text-align: right;
}
#contact-wrapper .floating-contact-inner {
	position: absolute;
	width: 320px;
	background: #3c424a url(image/denim.png) repeat;
	padding: 30px 10px 20px 10px;
	font: 12px Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #3C3C3C;
	color: #FFF;
	border-radius: 10px 0px 0px 10px;
	right: -340px;
}
#contact-wrapper .floating-contact-inner h1>span {
    display: block;
    font-size: 11px;
}
#contact-wrapper .floating-contact-inner label {
	display: block;
	margin: 0px 0px 10px;
}
#contact-wrapper .floating-contact-inner label>span {
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
}
#contact-wrapper .floating-contact-inner input[type="text"], 
#contact-wrapper .floating-contact-inner input[type="email"], 
#contact-wrapper .floating-contact-inner textarea, 
#contact-wrapper .floating-contact-inner select {
	border:1px solid #3C424A;
	color: #3C3C3C;
	height: 24px;
	outline: 0 none;
	padding: 3px 0px 3px 5px;
	width: 200px;
	font: normal 12px/12px arial, "Times New Roman", Times, serif;
	margin: 2px 0px 0px;
	border-radius: 5px;
}
#contact-wrapper .floating-contact-inner select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 210px;
    height: 30px;
}
#contact-wrapper .floating-contact-inner textarea{
    height:100px;
}
#contact-wrapper .floating-contact-inner .button {
	background: #3B8096;
	border: none;
	padding: 5px 25px 5px 25px;
	color: #FFF;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #6a6a6a;
	box-shadow: 1px 1px 1px #1D1D1D;
}
#contact-wrapper .floating-contact-inner .button:hover {
	background: #ff1616
}
#contact-wrapper #contact-btn {
	background: url(image/contact-btn.png) no-repeat;
	height: 71px;
	width: 22px;
	float: left;
	cursor: pointer;
	margin: 80px 0px 0px -32px;
	
} 
#contact-wrapper #contact-btn:hover {
	background: url(image/contact-btn.png) no-repeat -22px 0px;
}
#contact-wrapper .success{
	padding: 0px 20px 20px;
}
#contact-wrapper .success h2{
	font-size: 20px;
	border-bottom: 1px dotted #686868;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
#contact-wrapper #result .error{
	text-align: center;
	color: #FF0000;
	text-shadow: 1px 1px 1px #1F1F1F;
}

#contact-wrapper #contact-btn{
position:fixed;
}