body {
	text-align:center;
	color:#555453;
	background:url(../images/bg.gif) repeat-x #555453;
	background-color: #555453;
	font-family:"Droid Serif", Arial, Helvetica, sans-serif;
	font:11px;
	padding:0;
	margin:0;
}

a {
	color:#f38b0f;
	text-decoration:none;
}

a:hover {
	color:#f38b0f;
	text-decoration:underline;
}

html,h1,h2,h3,h4,h4,h6,form,input,select,img,fieldset {
	font-family:"Droid Serif", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	border:none;
}

p {
	font-family:"Droid Serif", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0 0 1em 0;
}

b0 {
	font-family:"Droid Serif", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E77817;
	margin:0;
	padding:0 0 1em 0;
}

b {
	font-family:"Droid Serif", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#E77817;
	margin:0;
	padding:0 0 1em 0;
}

b1 {
	font-family:"Droid Serif", Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #999;
	margin:0;
	padding:0 0 1em 0;
}


/*		CLASSES		*/
.margin			{ margin:1em; }
.marginTop		{ margin-top:1em; }
.marginRight	{ margin-right:1em; }
.marginBottom	{ margin-bottom:1em; }
.marginLeft		{ margin-left:5em; }
.padding		{ padding:1em; }
.paddingTop		{ padding-top:1em; }
.paddingRight	{ padding-right:1em; }
.paddingBottom	{ padding-bottom:1em; }
.paddingLeft	{ padding-left:1em; }
.relative		{ position:relative; }
.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }
.left			{ float:left; }
.right			{ float:right;}
.clear			{ clear:both; }
.center			{ text-align:center; }
.smText			{ font-size:10px; }

#mainContainer {
	text-align:left;
	width:800px;
	margin:0 auto;
	position:relative;
}

/*		HEADER		*/
	#header {
		height:100px;
		position:relative;
		overflow:hidden;
	}
	
	#header h1 a {
		display:block;
		width:105px;
		height:70px;
		overflow:hidden;
		text-indent:-1000px;
		position:absolute;
		left:0;
		top:14px;
		background:url(../images/logo.png) no-repeat;
	}

	/*Nav NUEVO */

#pages {
	font-family: "Droid Serif", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:110px;
	top:40px;
}
#pages ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
padding: 0px 0px 0px 0px; 
margin-left: 10px; 
margin-top: 0px; 
margin-bottom: 0px;
}
#pages li { 
float: left; 
display: block; 
margin-top: 0px; 
margin-bottom: 0px;
}

#pages li a:link, #pages li a:visited {
float: left;
color: #999;
display: block;
height: 45px;
padding-top: 23px;
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0px;
}

#pages li a:hover, #pages li a:active {
color: #ffffff;
font-size: 14px;
margin-bottom: 0px;
background-position: top;
background-repeat: repeat-x;
text-decoration:none;
}

#pages1 {
	font-family: "Droid Serif", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:10px;
	top:40px;
}
#pages1 ul { 
list-style-type: none; 
list-style-image: none; 
float: left; 
padding: 0px 0px 0px 0px; 
margin-left: 10px; 
margin-top: 0px; 
margin-bottom: 0px;
}
#pages1 li { 
float: left; 
display: block; 
margin-top: 0px; 
margin-bottom: 0px;
}

#pages1 li a:link, #pages1 li a:visited {
float: left;
color: #999;
display: block;
height: 30px;
padding-top: 23px;
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0px;
}

#pages1 li a:hover, #pages1 li a:active {
color: #ffffff;
font-size: 14px;
margin-bottom: 0px;
background-position: top;
background-repeat: repeat-x;
text-decoration:none;
}


/*		CONTENT		*/
	#content {
		height:455px;
		overflow:hidden;
	}
	
	#content-grafic {
		height:255px;
		overflow:hidden;
	}
	
	#content-web {
		height:255px;
		overflow:hidden;
	}
	
	#content .left a {
		color:#110a02;
	}
	
	#content .inner {
		padding-top:45px;
	}
	
	#content .right {
		width:246px;
		line-height: 18px;
	}
	
	#content h2 {
		color:#110a02;
		font-size:11px;
		padding-bottom:15px;
		margin-bottom:20px;
		border-bottom:1px solid #d2d2c9;
	}
	
	/*		PHOTO		*/
		.photo {
			background:url(../images/photo_bg.gif) no-repeat 0 0;
			width:539px;
			height:376px;
			overflow:hidden;
		}
		
		.photo img {
			width:505px;
			height:342px;
			margin:17px;
		}
		
		ul.photoNav {
			padding:0;
			margin:6px 0 0;
			list-style:none;
		}
		
		ul.photoNav li {
			float:left;
			font-size:11px;
			margin:0;
			padding:0 12px 0 10px;
			background:url(../images/photo_pipe.gif) right center no-repeat;
		}
	
		ul.photoNav li.last {
			background:none;
		}
	
		#content ul.photoNav li a.active {
			color:#f38b0f;
		}
	
	/*		HEADERS		*/
		h2.graphicHead {
			height:41px;
			overflow:hidden;
			text-indent:-1000px;
			background-repeat:no-repeat;
			background-position:0 0;
		}
		
		h2#project_listings { background-image:url(../images/head_project_listings.gif); }
		h2#personal_projects { background-image:url(../images/head_personal_projects.gif); }
		h2#project_grafica { background-image:url(../images/head_trabajos_grafica.gif); }
		h2#project_grafica01 { background-image:url(../images/head_trabajos_grafica01.gif); }
		h2#project_web { background-image:url(../images/head_trabajos_web.gif); }
		h2#hello { background-image:url(../images/head_hello.gif); }
		h2#servicios { background-image:url(../images/head_servicios.gif); }
		h2#contacto { background-image:url(../images/head_contactese.gif); }
		h2#testimonials { background-image:url(../images/head_testimonials.gif); }
		h2#traditional_means { background-image:url(../images/head_traditional_means.gif); }
		h2#links { background-image:url(../images/head_links.gif); }
	
	/*		SECTION NAV		*/
		ul.lineList {
			list-style:none;
			padding:0;
			margin:0;
		}
		
		ul.lineList li {
			padding:0;
			margin:0;
		}
		
		ul.lineList li a {
			color:#ffffff;
			display:block;
			border-bottom:1px solid #666;
			padding-bottom:5px;
			margin-bottom:15px;
			zoom:1;
		}
		
		ul.lineList li a:hover, ul.lineList li.active a {
			border-bottom-color:#f38b0f;
			text-decoration:none;
			color:#FFFFFF;
		}
		
		div.sectionNav {
			padding-top:50px;
		}
		
		div.sectionNav ul.lineList {
			width:836px;
		}
		
		div.sectionNav ul.lineList li {
			float:left;
			width:246px;
			margin-right:31px
		}

	/*		FOOTER		*/
		p#footer {
			margin:0;
			padding:20px 0 20px;
			font-size:10px;
			text-align:center;
			color:#cccccc;
		}

/*		HOMEPAGE	*/
	body#home {
		background-image:url(../images/bg_home.gif);
	}
	
	body#home div#homeCM {
		background:url(../images/cesarminetti.jpg) no-repeat center 4px;
		background-color:#ffffff;
		position:absolute;
		left:0;
		top:100px;
		width:100%;
		height:254px;
	}
	
	#homeContent {
		color:#ffffff;
		line-height:21px;
		padding-top:50px;
	}
	
	#homeContent .left, #homeContent .right {
		position:relative;
	}
	
	#homeContent .left {
		width:523px;
	}
	
	#homeContent .right {
		width:245px;
	}
	
	#homeContent h2, .contactContent h2 {
		position:absolute;
		left:0;
		top:-91px;
		width:160px;
	}
	
/*		GRAFICPAGE	*/
	body#grafic {
		background-image:url(../images/bg_home.gif);
	}
	
	body#grafic div#graficCM {
		background:url(../images/grafico.jpg) no-repeat center 4px;
		background-color:#ffffff;
		position:absolute;
		left:0;
		top:100px;
		width:100%;
		height:254px;
	}
	
	#graficContent {
		color:#ffffff;
		line-height:21px;
		padding-top:50px;
	}
	
	#graficContent .left, #graficContent .right {
		position:relative;
	}
	
	#graficContent .left {
		width:523px;
	}
	
	#graficContent .right {
		width:245px;
	}
	
	#graficContent h2, .contactContent h2 {
		position:absolute;
		left:0;
		top:-91px;
		width:160px;
	}
	
	
/*		GRAFICPAGE	*/
	body#web {
		background-image:url(../images/bg_home.gif);
	}
	
	body#web div#webCM {
		background:url(../images/web.jpg) no-repeat center 4px;
		background-color:#ffffff;
		position:absolute;
		left:0;
		top:100px;
		width:100%;
		height:254px;
	}
	
	#webContent {
		color:#ffffff;
		line-height:21px;
		padding-top:50px;
	}
	
	#webContent .left, #webContent .right {
		position:relative;
	}
	
	#webContent .left {
		width:523px;
	}
	
	#webContent .right {
		width:245px;
	}
	
	#webContent h2, .contactContent h2 {
		position:absolute;
		left:0;
		top:-91px;
		width:160px;
	}

	
	
	blockquote {
		padding:0 0 10px;
		margin:0 0 10px;
	}
	
	blockquote.borderBottom {
		background-image:url(../images/dotted.png);
		background-repeat:no-repeat;
		background-position:bottom left;
		
	}
	
	blockquote p {
		color:#E77817;
		font-size:16px;;
		padding:0;
		margin:5px;
	}
	
	blockquote cite {
		color:#ffffff;
		font-style:normal;
		text-align:right;
		display:block;
	}
	
/*		CONTACT PAGE		*/
	body#contact #content .left {
		float:right;
	}

	body#contact #content .right {
		float:left;
		line-height:21px;
	}
	
	p.logoQuestion a {
		display:block;
		width:246px;
		height:42px;
		background:url(../images/logo_design.gif) no-repeat;
		text-indent:-1000px;
		overflow:hidden;
	}
	
	p.available, p.not_available {
		height:20px;
		color:#f2f2ed;
		font-size:10px;
		font-weight:bold;
		line-height:20px;
		background:url(../images/available.gif) no-repeat 0 0;
		overflow:hidden;
		padding:0 0 0 39px;
		margin-top:3em;
	}
	
	 p.not_available {
	 	background-position:0 -20px;
	 }
	 
	 h3 {
	 	color:#f2f2ed;
		margin-bottom:1.5em;
		font-size:12px;
	 }
	 
	 .contactContent {
	 	padding-top:50px;
		color:#82826c;
		line-height:21px;
	 }
	 
	 .contactContent p {
	 	margin-bottom:0.5em;
	 }
	 
	 .contactContent .aColumn {
	 	width:256px;
		float:left;
		margin-right:10px;
		position:relative;
	 }
	 
	 /*		CONTACT FORM		*/
	 	#contactForm {
			padding:30px;
			color:#82826c;
		}
		
		form#contactForm label {
			float:left;
			width:125px;
			padding:2px;
		}
		
		form#contactForm input, form#contactForm textarea {
			border:1px solid #b3b3b3;
			padding:2px;
			width:325px;
			font:12px "Droid Serif", Arial, Helvetica, sans-serif;
		}
		
		form#contactForm  textarea {
			height:100px;
		}
		
		#contactForm h2 {
			font-size:20px;
			font-weight:normal;
			border-bottom-style:dotted;
		}
		
		form#contactForm p.submit input {
			border:0;
			background:none;
			font-size:14px;
			font-weight:bold;
			color:#c81818;
			text-align:left;
			cursor:pointer;
		}


/* Fix's containers not clearing inner floats in firefox */
.clearIt:after, ul.rightNav.pricing li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

html .clearIt, html ul.rightNav.pricing li {
	height: 1%;
}

a { outline:none; }

body#home #content { height:255px; }