/* @override http://benoterodesign.com/css/styles.css */

/* @group GLOBALS */
#container		{ width:280px; margin:0 auto; position:relative; }

/* @end */

/* @group CONTENT */
#content h2			{ 
					  margin:0; padding-bottom:17px;font-family:verdana, arial, sans-serif; color:#e6f9ff; font-weight:normal; 
					  background:url(../images/underline.gif) repeat-x left bottom; text-transform:uppercase;
					}
#content h2 span	{ color:#b5daff; }
#contact			{ 
					  display:block; float:right; width:280px; height:46px; background:url(../images/request_free_quote.jpg) no-repeat left bottom; 
					  text-indent:-999em; position:relative; top:-10px;
					}
#contact:hover		{ background-position:left top; }
#contact:focus		{ outline:none; }



/* @group CONTACT FORM */
#form				{ display:block; padding:75px; width:678px; height:200px; background:url(../images/contact_form_bg.png) no-repeat; 
					  position:absolute; top:-500px; left:-230px; z-index:1000;
					}
#form.hidden		{ display:none; }
#form form			{ margin:0; padding:0; position:relative; }
#form #close		{ 
					  display:block; width:41px; height:41px; background:url(../images/closebox.png) no-repeat; text-indent:-999em; 
					  position:relative; top:-0px; left:-0px;
					}
#form #close:focus	{ outline:none; }
#form fieldset		{ margin: 0; padding:0; border:none; float:left; width:235px; }
#form fieldset.right{ width:0px; position:relative; }
#form label			{ display:block; font-size:1.5em; color:#b5daff; font-family:helvetica, sans-serif; margin-bottom:0px; }
#form #nlabel		{ width:42px; background:url(../images/name_label.gif) no-repeat; text-indent:-999em; }
#form #elabel		{ width:43px; background:url(../images/email_label.gif) no-repeat; text-indent:-999em; }
#form #mlabel		{ width:67px; background:url(../images/message_label.gif) no-repeat; text-indent:-999em; }
#form textarea,
#form input			{ 
					  display:block; background:#e2e2e2; font:1.3em helvetica, arial, sans-serif; color:#333333; padding:4px; 
					  border:1px solid #404e79; border-right-color:#283352; border-top-color:#03050a; border-left-color:#080c16; 
					  margin-bottom:20px; position:relative; left:-2px;
					}
#form textarea		{ height:120px; width:350px; padding:px; }

#form #cancel		{ 
					  margin-top:0; margin-right:10px; font-size:1em; color:#333333; text-decoration:none; padding-bottom:3px; 
					  border-bottom:1px solid #88a1ba; position:; right:150px; padding-top:5px;
					}
#form #send:hover	{ background-position:left bottom; }
#form #send:focus	{ outline:none; }

#result				{ padding:5px; background:#e6f9ff; display:none; position:relative; top:-0px; }
#result li,
#result p			{ font-size:1.4em; color:#505f73; font-style:italic; }
#result ul			{ margin:0; padding:0; list-style:none; }

/* @end */