/* - - - - - - - - - - - - - - - - - - - - -

Title : Brand Built
Author : gabriel riciopppo
URL : http://www.brandbuilt.com

Description : portfoloio of gabriel ricioppo

Created : 2.7.08
Modified : 2.7.08

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Brand Built
Author : gabriel riciopppo
URL : http://www.brandbuilt.com

Description : portfoloio of gabriel ricioppo

Created : 2.7.08
Modified : 2.7.08

- - - - - - - - - - - - - - - - - - - - - */

body {
	background-color: #f0f0f0;
	font: 11px 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
}

img {
	border:0;
}


/* default links */

a:link {
	background-color: transparent;
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:visited, a:active, a:focus {
	text-decoration: none;
	color: #999;
}

/* headers here */

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 36px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 100%;

}

h2 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 24px;
	font-weight: bold;	
	line-height: 130%;
	color: #3A2B08;
	letter-spacing: -0.1em;
}

h3{
	margin: 0;
	padding: 25px;
	font-size: 18px;
	font-weight: normal;
	line-height: 130%;
}

h4{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	font-family: georgia, serif;
	color:#424242;
}

/* main wrapper that hold everything */

#wrapper {
	width: 960;
	margin: 0;
	padding: 0;
	
}

#nav {
	margin: 0;
	padding: 10px 50px 0 30px;
	float:left;
	width:230px;
	height: 468px;
}

#nav p{
	margin:0;
	padding:0 0 0 22px;
	width: 250px;
}

#nav h4 {
	margin: 0 0 20px 0;
	padding: 0 0 0 22px;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	font-family: georgia;
	color:#424242;

}

#nav h5 {
	margin: 0 0 20px 0;
	padding: 0 0 0 22px;
	font-size: 12px;
	font-weight: bold;
	color:#d1d1d1;

}

#content {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	background : #fff;
}

#front {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
}

#front img {
	margin: 0;
	padding: 0 0 50px 0;
	border: 0;
}


.container {
	padding: 0 50px 0 50px;
	width: 300px;
	height: 400px;
	position: absolute;
}

#subContainer {
	float: left;
	padding: 0 50px 0 50px;
	width: 250px;
}

ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

pre {
	margin: 0 0 0 340px;
	position: absolute;
}

pre img {
	padding-right: 100px;
}



p {
	padding: 0;
}

#footer {
	margin:0;
	padding: 50px;

}

.clear {
	clear: both;
}