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

/* @group GLOBALS */
body			{ 
				  font-size:62.5%; font-family:"Lucida Grande", "Lucida Sans Unicode", helvetica, arial, sans-serif; 
				  
				}
#container		{ width:780px; margin:0 auto; position:relative; }
.hidden			{ display:none; }
.show			{ display:block; }
/* @end */

/* @group HEADER */
#header				{
	position:relative;
	height:90px;
	border-bottom: 1px solid #151e2e;
}
#header h1,
#header h1 a		{ display:block; width:321px; height:26px; }
#header h1			{ margin:3px 0 10px; padding:0; background:url(images/logo.png) no-repeat; text-indent:-999em; }
#header p			{ font-size:1em; color:#b5daff; text-transform:uppercase; margin:0;  }
#header p#services	{ 
					  position:absolute; right:-10px; top:10px; display:block; width:293px; height:12px; 
					  background:url(images/services_bg.png) no-repeat; text-indent:-999em; 
					}
#header p#services span		{ color:#000; font-style:italic; }
/* @end */

/* @group CONTENT */
#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:202px; height:29px; background:url(images/contact_button.png) no-repeat left bottom; 
					  text-indent:-999em; position:relative; top:-45px;
					}
#contact:hover		{ background-position:left top; }
#contact:focus		{ outline:none; }

/* @group PROJECT */
.project			{ height:219px; padding:25px 0 0; border-bottom:1px solid #151e2e; clear:both; }
.details			{ float:left; width:238px; height:197px;position:relative; }
.project dl			{ width:238px; margin:0; padding:0; }
.project dt			{ margin:0; padding:0 0 8px; font-size:1.4em; color:#e6f9ff; line-height:22px; }
.project dd			{ margin:0; padding:0; font-size:1em; font-weight:bold; color:#505f73; text-transform:uppercase; } 
.details p.dev,
.details a.visit	{ 
					  display:block; width:202px; height:28px; background:url(images/visit_btn.gif) no-repeat; text-indent:-999em; 
					  position:absolute; left:0; bottom:0;
					}
.details a.visit:hover	{ background-position:left bottom; }
.details p.dev		{ margin:0; padding:0; line-height:1; background:url(images/dev_visit_btn.gif) no-repeat; }
.project img		{ float:left; border:12px solid #0f172a; } 
.project img:hover	{ border-color:#1a2642; }
/* @end */
/* @end */

/* @group FOOTER */
#footer				{ clear:both; padding-bottom:50px; }
#footer p#copy		{ font-size:1em; color:#505f73; font-weight:bold; float:right;}
#footer p			{ float:right; font-size:1em; font-weight:bold; color:#505f73; margin:19px 0 0; }
#footer a			{ color:#505f73; text-decoration:none;  }
#footer a.cm		{ color:#88a1ba; }
#footer a:hover		{ text-decoration:underline; }
/* @end */

/* @group CONTACT FORM */
#form				{ 
					  display:block; padding:75px; width:678px; height:200px; background:url(images/contact_form_bg.png) no-repeat; 
					  position:absolute; top:135px; left:-23px; 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(js/zoom/closebox.png) no-repeat; text-indent:-999em; 
					  position:absolute; top:-72px; left:-72px;
					}
#form #close:focus	{ outline:none; }
#form fieldset		{ margin: 0; padding:0; border:none; float:left; width:235px; }
#form fieldset.right{ width:419px; position:relative; }
#form label			{ display:block; font-size:1.5em; color:#b5daff; font-family:helvetica, sans-serif; margin-bottom:10px; }
#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:#0f172b; font:1.3em helvetica, arial, sans-serif; color:#88a1ba; padding:4px; 
					  border:1px solid #404e79; border-right-color:#283352; border-top-color:#03050a; border-left-color:#080c16; 
					  margin-bottom:30px; position:relative; left:-2px;
					}
#form textarea		{ height:130px; width:377px; padding:10px; }
#form #send			{ 
					  display:block; width:127px; height:28px; background:url(images/send.gif) no-repeat; text-indent:-999em; 
					  position:absolute; right:20px; 
					}
#form #cancel		{ 
					  margin-top:0; margin-right:10px; font-size:1em; color:#88a1ba; text-decoration:none; padding-bottom:3px; 
					  border-bottom:1px solid #88a1ba; position:absolute; right:150px; padding-top:5px;
					}
#form #send:hover	{ background-position:left bottom; }
#form #send:focus	{ outline:none; }

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

/* @end */