/* ----- initialize -----*/
html, body {margin: 0; padding: 0; background: #fff; border: none; text-align: left; font: 10px Helvetica, Arial, Verdana, sans-serif; color: #7f7f7f;}
p, a, br, img, map, area, form, input, textarea, select, option {margin: 0; padding: 0;}
p, a, br, img, map, area {border: none;}
p {line-height: 13px;}
p a, p a:link, p a:visited {text-decoration: none; color: #7f7f7f;}
p a:hover, p a:active {text-decoration: none; color: #262626;}
br {line-height: 8px;}
/* ----- classes -----*/
.hide {display: none;}
.clear {clear: both;}
.darkgrey {color: #262626;}
.lightgrey {color: #7f7f7f;}
.ultralightgrey {color: #bfbfbf;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.font {font: 10px Helvetica, Arial, Verdana, sans-serif;}
.margin1 {margin: 0;}
.margin2 {margin: 0 8px 0 0;}
.container1 {padding: 0; width: 118px; float: left; display: block;}
.container2 {padding: 0; width: 244px; float: left; display: block;}
.container3 {padding: 0; width: 488px; float: left; display: block;}
.contactform {width: 177px;}
/* ----- divisions -----*/
#wrapper {margin: 0 0 0 8px; padding: 0; width: 992px;}
#submenu {margin: 0 0 8px 0; padding: 0; width: 756px; height: 118px;}
#gallery {margin: 0 8px 8px 0; padding: 0; width: 748px; height: 370px; float: left; display: block;}
#specifications {margin: 0 0 8px 0; padding: 0; width: 236px; height: 370px; float: left; display: block;}
#curriculum {margin: 0; padding: 0; width: 488px;}
#admin {margin: 0 0 8px 0; padding: 0; width: 756px;}
/* ----- menu -----*/
#menu {margin: 0 0 8px 0; padding: 0; width: 992px; height: 126px; position: relative; background: #fff url(../img/menu.gif) no-repeat;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute;}
#menu li, #menu a {display: block;}
/* ----- menu list items -----*/
#inicio {left: 0; top: 55px; width: 157px; height: 29px;}
#informacion {left: 252px; top: 55px; width: 78px; height: 12px;}
#proyectos {left: 378px; top: 55px; width: 65px; height: 12px;}
#contacto {left: 504px; top: 55px; width: 59px; height: 12px;}
#nexos {left: 630px; top: 55px; width: 37px; height: 12px;}
/* ----- menu list links -----*/
#inicio a {height: 29px;}
#informacion a, #proyectos a, #contacto a, #nexos a {height: 12px;}
/* ----- menu list links hover -----*/
#inicio a:hover {background: transparent url(../img/menu.gif) 0 -126px no-repeat;}
#informacion a:hover {background: transparent url(../img/menu.gif) -252px -126px no-repeat;}
#proyectos a:hover {background: transparent url(../img/menu.gif) -378px -126px no-repeat;}
#contacto a:hover {background: transparent url(../img/menu.gif) -504px -126px no-repeat;}
#nexos a:hover {background: transparent url(../img/menu.gif) -630px -126px no-repeat;}
/* ----- end -----*/