/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

body {
margin: 0 auto;
font: normal 100% Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(images/bg.jpg);
background-size: 100% auto;
background-color: #000000;
background-repeat: no-repeat;
background-position: middle center;
background-attachment: fixed;
}

img {max-width: 100%; height: auto; width: auto; /* ie8 */}
#quarter {width: 12.5%; float: left;}
#leftthird {width: 29%; float: left; text-align: center; margin-top: 4em; margin-right: 3%; margin-bottom: 4em;}
#centerthird {width: 30%; float: left; text-align: center; margin-top: 4em; margin-right: 3%; margin-left: 3%;}
#rightthird {width: 29%; float: left; text-align: center; margin-top: 4em; margin-left: 3%;}
#leftthird img {opacity: 0.5;}
#leftthird img:hover {opacity: 1;}
#centerthird img {opacity: 0.5;}
#centerthird img:hover {opacity: 1;}
#rightthird img {opacity: 0.5;}
#rightthird img:hover {opacity: 1;}
#toptop {max-width: 100%; float: left; margin: 0 0 0 0;}
#bridge {max-width: 100%; margin: 0 0 -4px 0; float: left;}
#grab {vertical-align: baseline;}
#lefthalf {width: 50%; margin: 0 auto; float: left; vertical-align:text-bottom;}
#righthalf {width: 50%; margin: 0 auto; float: left; text-align: right; vertical-align:text-bottom;}
#whole {width: 100%; float: left; margin: 0 auto;}
#header {width: 75%; margin-left: auto; margin-right: auto; margin-top: 3em; margin-bottom; 4em; float: left;}
#header h1 {opacity: 0.75; font: 3em Times; font-style: italic;}
#header h2 {opacity: 0.75; font: 2em Times; font-style: italic;}
#bottom {width: 100%; margin-bottom: 0; margin-top: 0; background-color: #222222; font: 0.875em Helvetica, Arial, sans-serif; color: ffffff; float: left;}
#contact {width: 75%; margin-left: auto; margin-right: auto;}
#contact h2 {opacity: 0.75; font: 3em Times; font-style: italic; margin-top: 1em;}
#contactform {margin-left: 25%; margin-right: 25%; text-align: center; float: left;}

#contact-area {width: 100%;	margin-top: 3em; margin-bottom: 4em;

}

#contact-area input, #contact-area textarea {
	padding: 0.5em;
	width: 100%;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 0.5em;
	border: 2px solid #fff; float: left;
	background-color: #222222;
	color: #ffffff
}

#contact-area textarea {
	height: 8em;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #f6b900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1em;
	color: fff;
}