* {margin: 0;padding: 0; color:#505050 ;}
a {color:#505050 ;text-decoration: none;outline: none;}
html{height: 100%;}
img {border: none;}

/*eliminate scrollbars*/
body {height: 100%; width: 100%;overflow: auto;background: #000;}
.bg {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}	

#top_wrapper{height: 100%; width: 100%;position: relative;margin: 0;padding: 0;z-index: 3; display: inline;}

/* white content area */
#content{ 
z-index: 3; 
float: left; 
display: inline;
position: relative; 
text-align: center;
width: 70%;
height: auto; 
padding: 20px; 
background: url(../images/sheer_white.png) repeat; 
white-space: nowrap; 
margin-left: 2%; 
margin-top: 2%; 
margin-right: 30%;
min-width: 720px;
 }


/* right side of content area */
#content_right{margin: auto;float: right; text-align: center; width: 100%;clear: right;}
ul#availabilities{list-style: none; color: #369;}
#availabilities li{margin:24px 0; display: block;}
#availabilities a{color: #000;width: auto; padding: 8px 16px; border: 1px solid #000;}
#availabilities a:link{}
#availabilities a:hover{color: white; background-color: #30608f;border: 1px solid #aaa;}
.sh_logo { width: 50%; height: auto; position: relative;}
#content_right h1,#content_right h2,#content_right p {color: #202020;display: block; white-space: normal;}
#content_right p {width: 80%;clear: both;margin: 16px auto;}

/* navbar */
#nav_container{width: auto;padding-top: 16px;clear: both;text-align: center; bottom: 0; right: 50%; left: 50%;}
ul#navlist{margin: 0;padding: 0;list-style: none;}
#navlist li{margin:8px; display: inline;}
#navlist a{color: #000;width: auto; padding: 8px 16px; border: 1px solid #000;}
#navlist a:link, #navlist a:visited{color: #000;width: auto; padding: 8px 16px; border: 1px solid #000;}
#navlist a:hover{color: white; background-color: #30608f;border: 1px solid #aaa;}

/* footer */
#footer{margin:10px 0; float: left; clear: none; height: 50px;width: 100%;z-index: 3;background: url(../images/sheer_gray.png) repeat-x; border-top: 1px solid #cbcbcb;;border-bottom: 1px solid #cbcbcb; position: relative; bottom:0; }
#footer a, #footer a:link{position: relative;text-transform: uppercase;color: white;font-size: 16px; text-decoration: none; letter-spacing: 3px; line-height: 50px; margin-left: 5px;}

.smallcap{font-size: 20px;color: white;}
#footer img{float: left;margin:3px 0 0 7px;}
.explore, .explore a, .explore a:link {position: relative; float: right;color: white;font-size: 16px; text-decoration: none; line-height: 50px; display: inline; margin-right: 10px;}
.explore#footer a:hover{color: #942317;}


#contact p, label, legend { font: 16px; }

#contact h1 { margin: 10px 0 10px; font-size: 32px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; min-width: 500px; margin: auto; padding: 16px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 240px; font-size: 16px; -moz-border-radius:5px; -webkit-border-radius:5px;text-align: right; white-space: normal;}
.captcha{float: left; display: inline; margin-left:-48px; margin-right: 16px;}
.captcha_enter{display: inline; float:left;margin-left: 16px;}

.captcha_enter{display: inline; margin-left: 0;}
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:16px ; -moz-border-radius:5px; -webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { padding:10px; border:1px solid #eee; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact legend { font-size: 14px;padding:7px 10px; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 16px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#message { margin: 10px 0; padding: 0; }
.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }
