/* Reset font size for all elements to standard (16px) */

html * { font-size: 100.01%; }

/* Base layout standard font size (12px)*/

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 75%;
}

/* External Links */

a { color: #900; text-decoration:none; }
a:focus,
a:hover,
a:active { background-color: #fee; text-decoration:underline; }

/* Headers */

h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic; } /* 14px */

/* Paragraphs */

p { line-height: 1.5em; margin: 0 0 1em 0; padding: 1.5em 1.5em 0.5em 1.5em; }

/* Lists */

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
li { margin-left: 1.5em; line-height: 1.5em; }


/* Text formmating */

blockquote { font-style:italic; }
blockquote { margin: 0 0 1em 1.5em; }

strong,b { font-weight: bold; }
em,i { font-style:italic; }

pre, code { font-family: monospace; font-size: 1.1em; }


/************************
 *
 * 		LAYERS
 *
 ************************/

/* Gradient background */

body{
  margin: 0;
  background: #FFFFFF url('../img/bg.png');
  background-repeat: repeat-x;
}

/* Page */

#page{
  width: 800px;
  height: 100%;
  margin: auto;
}

/* Header */

#header{
  height: 130px;
  margin-top: 20px;
}

#header img.logoleft{
  float: left;
}

#header img.logoright{
  float: right;
  margin-top: 28px;
}

/* Body */

#body{
  background: #FFFFFF;
  height: 600px;
  margin: 10px 0 0 0;
}

/* Container strcuture*/

#quote{
  height: 47px;
  background: #ff9900 url('../img/quote.png');
  background-position-x: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;

}

#container{
  overflow: hidden;
}

#container p{
  color: #6A6A6A;
}

#projects_info{

  float: left;
  width: 600px;
}

/* Descriptión about sifia project */

#sifia_description{
  color: #4E5F71;
  font-size: 8pt;
}


/* UL List structure to show project info */

.project_name{
  height: 28px;
}


.project_description{
  color: #2A2A2A;
  font-size: 8pt;
}

.project_webpage A{
  font-weight: normal;
  color: #85A2C1;
  margin-top: 8px;
  list-style: square;
}

#slogan_container{

}

#slogan{
  margin: 1.5em 1.5em 0.5em 1.3em;
  border: 1px solid #C9C9C9;
}




/**********************

  GRID Structure

**********************/

#grid{
  margin-top: 20px;
  background: transparent url('../img/splitter.png') no-repeat 50% 0%;
}

#grid ul{
  margin-left: 0px;
  width: 42%;

}

#grid li{
  list-style: none;
  padding-left: 0px;
  margin-left: -25px;
}

/* Top grid */

#grid_top{
  overflow: auto;
  margin-bottom: 20px;
}

/* Bottom grid */

#grid_bottom{
  margin-bottom: 50px;
  overflow: auto;
}

#grid strong.project_title{
  color: #F69401;
  font-size: 14pt;
  font-weight: normal;
}

/***************

     Menu

***************/

#right_menu{
  float: right;
  width: 180px;
  border-left: 1px dotted #9a9a9a;
  height: 300px;
}

#right_menu a{
	color: #47585c;
}

ul.menu{
  margin: 7px 5px 0 -13px;
  padding: 5px;
}

ul.menu li{
  list-style: none;
  padding: 0px 0 5px 30px;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 8pt;
  border-bottom: 1px solid #B7B7B7;
}

li.menuitem_press{
  background: url('../img/menuitem_press.png') no-repeat;
}

li.menuitem_sourcecode{
  background: url('../img/menuitem_sourcecode.png') no-repeat;
}

li.menuitem_contact{
  background: url('../img/menuitem_contact.png') no-repeat ;

}

li.menuitem_about{
  background: url('../img/menuitem_about.png') no-repeat 3% 0%;
}

/***********************

    Project Header

************************/

#project_header{
  height: 130px;
  padding: 1em 1em 1em 1em;
}

#project_logo{
  float: left;
  margin-left: 5px;
}

#project_specs{
  float: right;
  width: 540px;
}

#project_specs p{
  color: #336699;
  font-size: 14pt;
  padding: 0;
}

#project_specs ul{
	margin-top: -5px;
}

#project_specs li{
  list-style: none;
  color: #949494;
  background: transparent url('../img/bullet.gif') no-repeat scroll 0 8px;
  padding: 3px 0 0 12px;
}


#project_overview{
  margin-top: 10px;
  padding: 1em 1em 1em 1em;
  color: #6A6A6A;
}

#project_overview p{
  padding: 1em 0 0 0;
}

.project_overview_text{
  padding: 0 0 2px 0;
  border-bottom: 1px solid #C9C9C9;
  font-weight: bold;
  color: #336699;
}

/**************
 *
 * 	Menu
 *
 *************/


#menu{
	margin: 0em 1.5em 0.5em 1.3em;
}

/********************
 *
 * Contact Layer
 *
 *******************/

#contact_container{
	margin: 100px auto;
	width: 400px;
	overflow: auto;
	text-align: center;
}

#contact_container ul{
	font-size: 9pt;
	margin: 4em 0 0 0;
	padding: 0;
}

#contact_container li{
	list-style: none;
	margin: 0;
	padding: 0;
}

/***************
 *
 * Logo Margins
 *
 **************/

.margin-yapp{
	margin-left: 45px;

}

.margin-jettag{
	margin-left: 45px;
	margin-top: 20px;
}

.margin-ontopya{
	margin-top: 40px;
}

.margin-classon{
	margin-top: 20px;
}