/* ===================================== *\
	CLIENT:				Vissa Homes	
	BUILT & POWERED BY:	Commercial Design
	DATE:				March 2008
	TITLE:				MAIN STYLESHEET
\* ===================================== */
@import 'menuconfig.css';
/* GRAND MASTER 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,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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus 	{ outline: 0; }
body 	{ line-height: 1; color: black; background: white; }
ol, ul 	{ list-style: none; }
table	{ border-collapse: separate; border-spacing: 0; }
caption, th, td	{ text-align: left; font-weight: normal; }
form	{ display: inline; }
/* ----------------- */
html,body,
#string		{ min-height: 100%; height: 100%; padding: 0; margin: 0;}
body		{ height: auto; background: url(/img/backgrounds/wallpaper.png); font-family: "Lucida Grande", Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(198,198,198); }

/* Frick I needed to use string! */
#string		{ position: absolute; top: 0; left: 0; height: auto; width: 100%; }
/* Untie the knot. You following? */
html>body #string, html>body { height: auto;}

#tupperware	{ float: right; width: 93%; min-width: 56.25em; max-width: 75.00em; margin: 4% 0 0 4%;}
.extended #tupperware	{ float: right; width: 93%; min-width: 56.25em; max-width: 75.00em; margin: 4% 0 0 4%;}
#container	{ padding-right: 589px; overflow: hidden; }
#col1		{ width: 100%; margin-bottom: -4999.06em; padding-bottom: 5000em; }
#col2		{ width: 36.94em; margin-right: -40.07em; margin-bottom: -4999.06em; padding-left:1.88em; padding-bottom: 5000em;}
#col2 img	{ border: 3px double rgb(56,55,53); border-right: 0; }
#logo		{ height: 130px; margin-left: 3.13em; background: url(/img/misc/logo.png) no-repeat 50% 50%; text-indent: -5000em; }
#col1 p		{ margin-top: 2.31em; padding-left: 3.13em; font: 1em/1.6em "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; /*text-transform: uppercase;*/ letter-spacing: 1px; text-align: center;}
#col1 h1	{ margin: 2.31em 0 1em; font: 1.2em/1.6em "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; /*text-transform: uppercase;*/ letter-spacing: 1px; text-align: center;}
#col1 p.author	{ margin-top: 1em; padding-left: 3.13em; font: italic 1.2em/1.6em "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; letter-spacing: 0px; text-align: left; text-transform: none; color: rgb(110,106,102); }
#menu		{ height: 1.56em; margin: .94em 0 3.13em; background: rgb(56,55,53); clear: both; }

#footer		{ position: absolute; bottom: 0.06em; width: 100%; height: 1.88em; border: 1px solid rgb(46,45,43); border-width: 1px 0; background: rgb(30,30,30); color: rgb(129,126,122); clear: both; overflow: hidden; }
#footer ul				{ float: right; width: 94%; max-width: 75.00em; margin: 0 0 0 4%; overflow: auto;}
#footer li				{ float: right; display: block; margin-right: 1.11em; font-size: 0.56em; line-height: 3.78em; /*text-transform: uppercase;*/ letter-spacing: 1px; font-weight: 100; }
#footer li:first-child	{float: left; }

.col		{float: left; position: relative;}
strong		{ font-weight: 700;}
#audiohub	{ display: none;}

.extended #tupperware	{ margin-bottom: 6%; }
.extended #menu		{ margin-top: 0; }
.extended #footer ul {width: 100%; max-width: 100%; }
.extended #footer li:first-child	{ margin-left: 18px; }
.extended #col2		{ width: 39em;padding-left: 1em;}
.extended #col2 img	{ border: 3px double rgb(56,55,53); margin: 4px 1px; }

.hide,
#audioHub			{display:  none; }
.formItem {
	clear: both;
	padding: 10px 0 0 60px;
}
.formItem label		{ display: block; float: left; width: 65px; padding: 0; margin: 0 8px; font: 1em/1.6em "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif; /*text-transform: uppercase;*/ letter-spacing: 1px;  text-align: right; }
.formItem input, .formItem textarea {
	background: #1E1E1E;
	border: 1px solid #2E2D2B;
	color: #C6C6C6;
	padding: 2px;
	font-size: 1em;
	font-family: "Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;
}
.formItem textarea {
	width: 440px;
	height: 200px;
}
#contact input[type='text'] { float:left; width: 200px;}
#contact textarea 		{width: 100%;}
#contact input + label { clear: left; }