* {
    margin: 0;
    padding: 0;
}
/* General Style Info */
html {
    overflow-y: scroll;
}

body {
    background-color: #fff;
    color: #000;
    font-family: arial, verdana, helvetica, arial, sans-serif;
    font-size: 80%;
    margin: 0;
    text-align: center;
}

a {
    background-color: inherit;
    color: #003d4c;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    background-color: inherit;
    color: #003d4c;
    text-decoration: none;
}

a img {
    border: none;
}

h1, h2, h3, h4 {
    background-color: inherit;
    font-weight: bold;
}

h2 {
    color: #000;
    font-family: /*'Arial Black',*/ arial, helvetica; /*font-size: 190%;
     margin: 0.3em 0;
     padding-top: 0.8em;*/
    font-size: 1.2em;
}

h3 {
    color: #99C81E;
    font-family: /*'Arial Black', */arial, helvetica; /*font-size: 165%;
     padding-top: 1.5em;*/
    font-size: 1.0em;
}

h4 {
    color: #993;
    font-weight: normal;
    padding-top: 0.5em;
}

ul, li {
    margin: 0 12px;
}
/* Layout */
#container {
    width: 800px;
    margin: 0 auto;
    text-align: left;
}

#header {
    height: 122px;
    width: 100%;
}

#header span {
    display: none;
		
}

#header2 {
	 height:122px;
     width: 800px;
	 background-image: url(../img/assets/pixelLinea.gif);
	 background-repeat:no-repeat;
	 background-position: center bottom;
}

#header2 span {
    display: none;
		
}

#content {
    clear: both;
    color: #000;
}

#destacado {
    width: 100%;
    height: 90px;
    border-bottom: solid #7F7F7F thin;
    padding-bottom: 5px;
}

#destacadoImg {
    border-bottom: solid #7F7F7F thin;
    padding-bottom: 2px;
}

#cabeceraFlash{
	position:absolute;
}

#footer {
    clear: both;
    text-align: right;
    height: 23px;
    width: 100%;
    background-color: #99C81E;
}
#footer a img{ margin-right:5px; padding-top:2px;}
#footerCreative {
    clear: both;
    text-align: right;
    height: 23px;
    width: 100%;
    background-color: #009194;
}
#footerCreative a img{ margin-right:5px; padding-top:2px;}
#menu {
    height: 48px;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 6px 0;
}

#menu li {
    float: left;
    margin: 0;
    margin-right: 8px;
    padding: 0;
}

#menu li.space {
    margin-right: 9px;
}

.aireCos {
    padding: 25px;
    padding-right: 0;
}

.aireCos:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.aireCos {
    height: 1%;
}

#contentText {
    width: 600px;
    float: left;
}

#contentText.project {
    width: 450px;
}
#contentText.project h3{ 
 font-size: 1.2em;
}
#contentText.project div{ 
	margin-top:10px;
}




#contentText.history ul {
	margin-bottom:10px;
}
#contentText.history li {
	list-style-image: url(../img/assets/square.gif);
	
}
#contentText h3 {
    margin-bottom: 20px;
}

#contentText span {
    color: #99C81E;
}

#contentText a {
    text-decoration: none;
    color: #99C81E;
    font-weight: normal;
}

#contentText a:hover {
    text-decoration: underline;
}

#buttons {
    float: right;
}

#buttons  a.bot {
display:block;
    margin-bottom: 20px;
}

#buttons #foto li{display:inline; margin:0; padding:0;}
#buttons #foto {margin-bottom:20px;}
#buttons #foto li a {

}
#peu {

}

#menu a {
    background-position: 0 0;
    display: block;
    background-repeat: no-repeat;
}

a.home {
    background-image: url(../img/menu/home.gif);
}

a:hover.home {
    background-image: url(../img/menu/homeOn.gif);
}

a.homeCreative {
    background-image: url(../img/menu/home.gif);
}

a:hover.homeCreative {
    background-image: url(../img/menu/creative/homeOn.jpg);
}

#contentText.home li {
	list-style-image: url(../img/assets/square.gif);
	
}
#contentText.estates li {
	list-style-image: url(../img/assets/square.gif);
	
}

.homeSelect{
  background-image: url(../img/menu/homeOn.gif);
}

a.clients {
    background-image: url(../img/menu/clients.gif);
}

a:hover.clients {
    background-image: url(../img/menu/clientsOn.gif);
}

a.clientsCreative {
    background-image: url(../img/menu/clients.gif);
}

a:hover.clientsCreative {
    background-image: url(../img/menu/creative/clientsOn.jpg);
}

.clientsSelect{
  background-image: url(../img/menu/clientsOn.gif);
}

a.projects {
    background-image: url(../img/menu/projects.gif);
}

a:hover.projects {
    background-image: url(../img/menu/projectsOn.gif);
}
a.projectsCreative {
    background-image: url(../img/menu/projects.gif);
}

a:hover.projectsCreative {
    background-image: url(../img/menu/creative/projectsOn.jpg);
}

.projectsSelect{
  background-image: url(../img/menu/projectsOn.gif);
}

a.history {
    background-image: url(../img/menu/history.gif);
}

a:hover.history {
    background-image: url(../img/menu/historyOn.gif);
}
a.historyCreative {
    background-image: url(../img/menu/history.gif);
}

a:hover.historyCreative {
    background-image: url(../img/menu/creative/historyOn.jpg);
}

.historySelect{
  background-image: url(../img/menu/historyOn.gif);
}

a.contact {
    background-image: url(../img/menu/contact.gif);
}

a:hover.contact {
    background-image: url(../img/menu/contactOn.gif);
}
a.contactCreative {
    background-image: url(../img/menu/contact.gif);
}

a:hover.contactCreative {
    background-image: url(../img/menu/creative/contactOn.jpg);
}

.contactSelect{
   background-image: url(../img/menu/contactOn.gif);
}

#portafolioFlash {
    clear: both;
    padding-top: 30px;
}

.projectButtons {
    width: 300px;
}

#contentText ul {
    margin: 0;
    padding: 0;
}
/*
.artists ul {
    margin: 0;
		margin-top:5px;
    padding: 0;
   /* float: left;*/
}
*/
.artists {

}

p.artist{
		display:inline;
    float: left;
    padding: 0;
    margin-right: 5px;
    font-weight: bold;

}

div.descriptionArtist {
	
	font-weight: normal;display:inline;
    color: #99C81E;
    background-image: url(../img/assets/coma.gif);
    padding-right: 2px;
    background-repeat: no-repeat;
    background-position: bottom right;
	
}
/*
.artists li {
    list-style-type: none;
		display:inline;
    float: left;
		margin: 0;
    padding: 0;
    margin-right: 10px;
    font-weight: bold;
}

.artists li li {
    font-weight: normal;display:inline;
    color: #99C81E;
    background-image: url(../img/assets/coma.gif);
    padding-right: 2px;
    background-repeat: no-repeat;
    background-position: bottom right;
}*/

.otherprojects ul, .otherprojects li{ margin:0; padding:0; list-style-type:none;}
.otherprojects ul {margin-top:5px;}
.otherprojects li{ font-weight:bold;}
.otherprojects li li{ margin-bottom:10px; font-weight:normal;}
.otherprojects .title {
	color:#000;
	padding-left:15px;
	background-image: url(../img/assets/flecha.gif);
	background-repeat:no-repeat;
}
.otherprojects .place {
	color:#99C81E;font-weight:normal;
	padding-left:15px;
}
.otherprojects .title a{
	color:#000; text-decoration:none;
}
.otherprojects .place a{
color:#99C81E; text-decoration:none;
}

.otherprojects .place a:hover, .otherprojects .title a:hover{
	text-decoration:underline;
}

.projectButtons h3 {
font-size: 0.6em; font-weight:normal;
}


#contentText.creative {

}
#contentText.creative ul{
	
}
#contentText.creative a:link, #contentText.creative .telefon{
	color:#009193;
}

#contentText.creative li {
	list-style-image: url(../img/assets/squareCreative.gif);
	
}

.projectList h3 {
	font-size: 1.2em;
}
 

#contentText.maryseacole a:link{
color:#99C81E;
}

#contentText.maryseacole h2 {
color:#99C81E;
}

#contentText.maryseacole h3 {
color:#000;
}

#contentText.creative h2 {
color:#009193;
}

#contentText.contact div {
float:left; 
margin-right:5px;
color:#99C81E;
font-weight:bold;
}

.projectList li  { margin:0; padding:0; list-style-type:none; clear:both; margin-bottom:20px;}
.projectList li {height:1%;}
.projectList li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.projectList li img{ float:left; margin-right:10px;}


