/* @group Global Assignments */
body {
	color: #898989;
	font-family: Verdana;
	font-size: 12px;
	background: #fff url(/i/bg/bgBody2.gif) repeat-x 0 -37px;
	/* background: #fff url(/i/bg/bgBody.gif) repeat-x 0 -400px; */
}


/* @end */

/* @group Text Assignments */
h1, h2, h3, h4, h5, h6 {
	
}
h2, h3 {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
	color: #363636;
}
h2 span {
	color: #898989;
}
#wrapper p {
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 8px;	
}
a {
	color: #363636;
	text-decoration: none;	
}
a:hover {
	color: #a1a1a1;
	text-decoration: underline;	
}
/* @end */

/* @group Common Classes */
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}

/* @end */

/* @group Layout */
div#wrapper {
	width: 800px;
	margin: 13px auto;
}
ul#navMain {
	width: 800px;
	height: 34px;
	background: #fff url(/i/bg/bgNavMain2.gif) no-repeat 0 0;
}
div#footer {
	height: 30px;
	line-height: 30px;	
}
div#footer span {
	margin-left: 20px;
	line-height: 30px;	
}
/* @end */
/* @group nav */
ul#navMain li {
	float: left;
	display: inline;
	margin: 0 20px;
}
ul#navMain li.first {
	margin-left: 26px;
}
ul#navMain li.project {
	margin-left: 25px;
}
ul#navMain li.roberto {
	margin-left: 35px;
}
ul#navMain li.contact {
	margin-left: 30px;	
}
ul#navMain li a {
	height: 34px;
	width: 80px;
	display: block;
	text-indent: -999em;
	background: #fff url(/i/bg/bgNavMain2.gif) no-repeat 0 0;
}
/*specific nav*/
/*
ul#navMain li.home a {
	width: 22px;
	background-position: -26px 0;
}
*/
ul#navMain li.pureGrain a {
	width: 169px;
	background-position: -26px 0;	
}
ul#navMain li.project a {
	width: 124px;
	background-position: -240px 0;		
}
ul#navMain li.roberto a {
	width: 75px;
	background-position: -419px 0;
}
ul#navMain li.contact a {
	width: 80px;
	background-position: -543px 0; 
}
/*hovers*/
ul#navMain li.pureGrain a:hover {
	background-position: -26px -34px;	
}
ul#navMain li.project a:hover {
	width: 124px;
	background-position: -240px -34px;		
}
ul#navMain li.roberto a:hover {
	background-position: -419px -34px;
}
ul#navMain li.contact a:hover {
	background-position: -543px -34px; 
}
/*active*/
ul#navMain li.pureGrain a.active {
	background-position: -26px -68px;	
}
ul#navMain li.project a.active {
	background-position: -240px -68px;		
}
ul#navMain li.roberto a.active {
	background-position: -419px -68px;
}
ul#navMain li.contact a.active {
	background-position: -543px -68px; 
}
/* @end */
/* @group content */
div#wrapperContent {
	padding-left: 10px;
}
ul#contentWindow {
	width: 780px;
	height: 534px;
	overflow: hidden;
	border: 1px solid #aaa;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top: 0 none;
}
ul#contentWindow li {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
ul#contentWindow li.content {
	width: 780px;
	height: 534px;
	position: relative;
}
ul#contentWindow li.content {
	background: #fff url(/i/bg/bgContentInner.jpg) no-repeat 0 0;
}
/* @group home */
ul#contentWindow li#home.content {
	background: #fff url(/i/bg/bgHome.jpg) no-repeat 0 0;
}
ul#contentWindow li#home .wrapperText {
	padding: 80px 0 0 45px;
}
li#home .wrapperText ul.thumbs {
	height: 66px;
	width: 259px;
	margin-right: 54px;
	float: right;
	display: inline;
	background: transparent url(/i/bg/bgThumbs.gif) no-repeat 0 0;
}
li#home .wrapperText ul.thumbs li {
	margin-right: 9px;
	float: left;
	display: inline;
}
li#home .wrapperText ul.thumbs li.last {
	margin-right: 0;
} 
ul#contentWindow li#home .wrapperText ul.thumbs li a {
	height: 66px;
	width: 80px;
	display: block;
	text-indent: -999em;
}

ul#contentWindow li#home .wrapperText p {
	width: 260px;
	margin: 10px 0 0 4px;
}
/* @end */
/* @group Project / Roberto */
#project .wrapperText {
	padding: 118px 0 0 24px;
}
#roberto .wrapperText {
	padding: 50px 0 0 24px;
}
#roberto .wrapperText div,
#project .wrapperText div {
	width: 250px;
	margin-right: 20px;
	float: left;
	display: inline;
}
#roberto .wrapperText div.text {
	width: 440px;
	margin-right: 0;
}
#roberto .wrapperText div.text div {
	width: 210px;
	margin-right: 20px;
	float: left;
	display: inline;
}
#roberto .wrapperText div.text div.last {
	margin-right: 0;
}
/* @end */
/* @group contact */
ul#contentWindow li#contact.content {
	background: #fff url(/i/bg/bgContentContact.jpg) no-repeat 0 0;
}
ul#contentWindow li#contact .wrapperText {
	padding: 180px 0 0 520px;	
}
/* @end */

/* @end */
/* @group lists */
#wrapper dl {
	font-size: 12px;
	line-height: 20px;
}
dl dt {
	font-weight: normal;
}
dd{
	margin-bottom: 10px;
}
/* @end */