/*  

	Title: Room/One-Eleven Design
	Description: The sixth iteration of Room/One-Eleven design.
	Version: 6.0
	Author: Adam Russell
	Author URL: http://www.room111.net/

	Don't believe in yourself! Believe in me, who believes in you!
	last edited 13 MAR 2010

*/

/* primary formatting */

html, body {
	height: 100%;
	color: rgb(96, 96, 96);
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	text-align: center;
	line-height: 21px;
	background-color: rgb(245, 245, 245);  
	background-image: url(images/bg_heading.jpg);
	background-repeat: repeat-x;  
	margin: 0;
	padding: 0;
	border: 0;
}

a:link, a:visited, a:active {
	color: rgb(0, 130, 130);
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	text-decoration: none;
	border-bottom: 1px solid;
	border-color: rgb(164, 217, 211);
}

a:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgb(0, 130, 130);
	border-bottom: 1px solid;
	border-color: rgb(164, 217, 211);
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2 {
	margin: 0;
	padding: 0;
	border: 0;
}

/* end primary formatting */

/* menu formatting */

#menu {
	width: 905px;
	height: 68px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#nav {
	display: inline;
	overflow: hidden;
	position: absolute;
	height: 46px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	list-style-type: none;
	margin: 0 auto; 
	padding: 0;
}

#nav a {
	float: left;
	overflow: hidden;
	height: 0px !important; 
	padding: 46px 0 0 0;
}

#nav a:hover { background-color: transparent !important; background-position: 0 -46px; }

#nav-home a { width: 115px; background: url(images/menu_home.jpg) no-repeat; }

#nav-services a { width: 138px; background: url(images/menu_services.jpg) no-repeat; }

#nav-portfolio a { width: 140px; background: url(images/menu_portfolio.jpg) no-repeat; }

#nav-downloads a { width: 164px; background: url(images/menu_downloads.jpg) no-repeat; }

#nav-about a { width: 112px; background: url(images/menu_about.jpg) no-repeat; }

#nav-contact a { width: 132px; background: url(images/menu_contact.jpg) no-repeat; }

#nav-store a { width: 104px; background: url(images/menu_store.jpg) no-repeat; }

body#home #nav-home a { width: 115px; background: url(images/menu_home.jpg) no-repeat; background-position: 0 -92px; }

body#services #nav-services a { width: 138px; background: url(images/menu_services.jpg) no-repeat; background-position: 0 -92px; }

body#portfolio #nav-portfolio a { width: 140px; background: url(images/menu_portfolio.jpg) no-repeat; background-position: 0 -92px; }

body#downloads #nav-downloads a { width: 164px; background: url(images/menu_downloads.jpg) no-repeat; background-position: 0 -92px; }

body#about #nav-about a { width: 112px; background: url(images/menu_about.jpg) no-repeat; background-position: 0 -92px; }

body#contact #nav-contact a { width: 132px; background: url(images/menu_contact.jpg) no-repeat; background-position: 0 -92px; }

body#store #nav-store a { width: 104px; background: url(images/menu_store.jpg) no-repeat; background-position: 0 -92px; }

/* end menu formatting */

/* layout formatting */

.logo {
	display: block;
	position: absolute;
	width: 400px;
	height: 67px;
	margin: 0 auto 0 0;
	padding: 0;
	border: 0;
}

#heading {
	width: 905px;
	height: 67px;
	text-align: left;
	background-image: url(images/bg_logo.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#container {
	position: relative;
	overflow: hidden;
	width: 905px;
	min-height: 100%;
	margin: 0 auto -45px auto;
	padding: 0;
	border: 0;
}

#content {
	float: left;
	width: 580px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#sidebar {
	float: left;
	width: 300px;
	text-align: left;
	margin: 0 auto 0 25px;
	padding: 0;
	border: 0;
}

#content_onecol {
	float: left;
	width: 905px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

.clear_footer { clear: both; height: 45px; }

#footer {
	clear: both;
	position: relative;
	width: 100%;
	min-width: 100%;
	height: 45px;
	color: rgb(245, 245, 245);
	background-color: rgb(0, 0, 0);
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#footer a {
	font-size: 12px;
	text-decoration: none;
	color: rgb(245, 245, 245);
	border: 0;
}

#wrapper {
	overflow: hidden;
	position: relative;
	width: 905px;
	height: 45px;
	list-style: none;
	background-image: url(images/footer_copy.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#wrapper ul { float: right; margin: 0; padding: 0; }

#wrapper li {
	display: inline;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

#wrapper a {
	float: left;
	overflow: hidden;
	height: 0px !important;
	margin: 0;
	padding: 45px 0 0 0;
}

#wrapper a:hover { background-color: transparent !important; background-position: 0 -45px; }

#wrapper-xhtml a { width: 46px; background: url(images/footer_xhtml.jpg) no-repeat; margin: 0 0 0 20px; }

#wrapper-css a {  width: 26px; background: url(images/footer_css.jpg) no-repeat; margin: 0 0 0 20px; }

#wrapper-508 a { width: 25px; background: url(images/footer_508.jpg) no-repeat; margin: 0 0 0 20px; }

/* end layout formatting */

/* content formatting */

.envelope { float: right; }

.cut {
	float: right;
	text-align: right;
	margin: 0 auto 25px auto;
	padding: 0;
	border: 0;
}

.featured, .services, .downloads, .designer, .website, .contact_me {
	width: 580px;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

.featured { background-image: url(images/heading_featured.jpg); background-repeat: no-repeat; }

.services { background-image: url(images/heading_services.jpg); background-repeat: no-repeat; }

.downloads { background-image: url(images/heading_downloads.jpg); background-repeat: no-repeat; }

.designer { background-image: url(images/heading_designer.jpg); background-repeat: no-repeat; }

.website { background-image: url(images/heading_website.jpg); background-repeat: no-repeat; }

.contact_me { background-image: url(images/heading_contact.jpg); background-repeat: no-repeat; }

.profile, .status, .network, .facts, .resume,
.address, .availability, .terms, .overview {
	width: 300px;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

.profile { background-image: url(images/heading_profile.jpg); background-repeat: no-repeat; }

.status { background-image: url(images/heading_status.jpg); background-repeat: no-repeat; }

.network { background-image: url(images/heading_network.jpg); background-repeat: no-repeat; }

.facts { background-image: url(images/heading_facts.jpg); background-repeat: no-repeat; }

.resume { background-image: url(images/heading_resume.jpg); background-repeat: no-repeat; }

.address { background-image: url(images/heading_address.jpg); background-repeat: no-repeat; }

.availability { background-image: url(images/heading_availability.jpg); background-repeat: no-repeat; }

.terms { background-image: url(images/heading_terms.jpg); background-repeat: no-repeat; }

.overview { background-image: url(images/heading_overview.jpg); background-repeat: no-repeat; }

.portfolio {
	width: 905px;
	height: 40px;
	text-align: right;
	padding: 0;
	border: 0;
}

.portfolio { background-image: url(images/heading_portfolio.jpg); background-repeat: no-repeat; }

.sub {
	overflow: hidden;
	position: relative;
	width: 905px;
	height: 40px;
	background-image: url(images/heading_portfolio.jpg);
	background-repeat: no-repeat; 	
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

.sub ul { float: right; margin: 1px 0; padding: 0; }

.sub li {
	display: inline;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

.sub a {
	float: left;
	overflow: hidden;
	height: 0px !important;
	margin: 0;
	padding: 38px 0 0 0;
	border: 0;
}

.sub a:hover { background-color: transparent !important; background-position: 0 -38px; }

.sub-web a { width: 27px; background: url(images/sub_web.jpg) no-repeat; margin: 0 15px 0 0; }

.sub-print a { width: 36px; background: url(images/sub_print.jpg) no-repeat; margin: 0 15px 0 0; }

.sub-motion a { width: 48px; background: url(images/sub_motion.jpg) no-repeat; margin: 0 15px 0 0; }

.sub-apparel a { width: 55px; background: url(images/sub_apparel.jpg) no-repeat; margin: 0 15px 0 0; }

.sub-photography a { width: 89px; background: url(images/sub_photography.jpg) no-repeat; margin: 0 10px 0 0; }

.sub-web_on a { width: 27px; background: url(images/sub_web.jpg) no-repeat; background-position: 0 -38px; margin: 0 15px 0 0; }

.sub-print_on a { width: 36px; background: url(images/sub_print.jpg) no-repeat; background-position: 0 -38px; margin: 0 15px 0 0; }

.sub-motion_on a { width: 48px; background: url(images/sub_motion.jpg) no-repeat; background-position: 0 -38px; margin: 0 15px 0 0; }

.sub-apparel_on a { width: 55px; background: url(images/sub_apparel.jpg) no-repeat; background-position: 0 -38px; margin: 0 15px 0 0; }

.sub-photography_on a { width: 89px; background: url(images/sub_photography.jpg) no-repeat; background-position: 0 -38px; margin: 0 10px 0 0; }

.work { margin: 0 20px 0 0; padding: 0; }

.dwork { outline: none; margin: 0 16px 0 0; padding: 0; }

.work a:active, .dwork a:active { outline: none !important; }

.wlink { background-color: transparent !important; border: 0 !important; }  

.wlink a {
  display: block;
  overflow: hidden;
  width: 285px;
  height: 226px;
  background-color: transparent !important;
  border: 0 !important;
}

.wlink a:hover { display: block; background-color: transparent !important; background-position: 0 -226px; border: 0 !important; }

.section { clear: both; }

#latest {
	width: 580px;
	overflow: hidden;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}  

#latest li {
	float: left;
	display: inline;
	width: 580px;
	list-style-type: none;
	margin: 0 auto 20px 0; 
	padding: 0;
}

#latest a {
	float: left;
	overflow: hidden;
	height: 0px !important; 
	padding: 270px 0 0 0;
	border: 0;
}

#latest a:hover { background-color: transparent !important; background-position: 0 -270px; }

#latest-first a { width: 580px; background: url(images/featured_first.jpg) no-repeat; }

#latest-second a { width: 580px; background: url(images/featured_second.jpg) no-repeat; }

#latest-third a { width: 580px; background: url(images/featured_third.jpg) no-repeat; }

.profile_right  { float: right; margin: 0 0 0 15px; }

.headline {
  color: rgb(43, 158, 145);
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid;
	border-color: rgb(164, 217, 211);
}

.date, .date a { font-size: 14px; }

.title {
  color: rgb(43, 158, 145);
  font-weight: bold;
	border-bottom: 1px solid;
	border-color: rgb(164, 217, 211);
}

.banner {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}

/* end content formatting */

/* form validation formatting */

form, fieldset {
  text-align: right;
  margin: 0;
  padding: 0;
  border: 0;
}

input {
  width: 570px;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  color: rgb(0, 130, 130);
	background-image: url(images/bg_input.jpg);
	background-repeat: no-repeat;  
	background-position: 0% 50%;
  margin: 0 0 25px 0;
  padding: 6px 0 4px 5px;
  border: 1px solid;
  border-color: rgb(192, 192, 192);
}

textarea {
  width: 570px;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  color: rgb(0, 130, 130);
  background-image: url(images/bg_text.jpg);
	background-repeat: no-repeat;  
	background-position: 0% 0%;
  margin: 0 0 25px 0;
  padding: 6px 0 4px 5px;
  border: 1px solid;
  border-color: rgb(192, 192, 192);
}

input:hover, textarea:hover, .button:hover { border: 1px solid; border-color: rgb(128, 128, 128); }

input.border:focus { border: 1px solid; border-color: rgb(0, 130, 130); }

.button {
	width: 70px;
	text-align: center;
	color: rgb(92, 92, 92);
	background-image: url(images/bg_input.jpg);
	background-repeat: no-repeat;  
  margin: 0 0 25px 0;
  padding: 5px 0;
  border: 1px solid;
  border-color: rgb(192, 192, 192);
}

.LV_validation_message { font-weight: bold; margin: 0 0 0 5px; }

.LV_valid { display: none; }
	
.LV_invalid { display: none; }
    
.LV_valid_field, input.LV_valid_field:hover,
input.LV_valid_field:active, textarea.LV_valid_field:hover,
textarea.LV_valid_field:active { border: 1px solid; border-color: rgb(192, 192, 192); }
    
.LV_invalid_field, input.LV_invalid_field:hover,
input.LV_invalid_field:active, textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active { border: 1px solid; border-color: rgb(0, 130, 130); }

.validate { visibility: hidden; display: none; }

/* end form validation formatting */