body {
  margin: 0px;
  padding: 0px;
}
#chromekitchen {
  position:relative;
  width:400px;
  right:527px;
}
#header {
  height:100px;
  width:800px;
  text-align:right;
}
#sig.header {
 position:absolute;
 top:0;
 right:0;
 width:200px;
}
#nav1 {
  position:absolute;
  /*top:-360px;*/
  bottom: 0px;
  height:25px;
  width:800px;
  background: #1e1e1c;
  color: #ffffff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;;
}
#nav2 {
  position:absolute;
  /*top:-360px;*/
  bottom: 347px;
  height:25px;
  width:800px;
  background: #e4e1c9;
  color: #FF0000;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;;
}
#portfolioContainer {
  position:relative;
  background: #000000;
  top: 20px;
  left: 180px;
  height: 520px;
  width: 800px;
}
#loadarea {
  position:relative;
  top:0px;
  left:0px;
  width:600px;
  height: 300px;
  background: #3f3f37;
}
#infobox1 {
  position:relative;
  top:0px;
  left:0px;
  width:550px;
  height: 300px;
  background: #000000;
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;;
}
#infobox2 {
  position:relative;
  top:0px;
  left:0px;
  width:540px;
  height: 60px;
  background: #1e1e1c;
  text-align:left;
}
#infobox3 {
  position: relative;
  top:-371px;
  left:550px;
  width:250px;
  height: 370px;
  background: #ffffff;
  color: #000000;
  font-size: 11px;
  font-family: arial, helvetica, sans-serif;;
  font-align:center;
}
 #infobox4 {
  position:relative;
  top:0px;
  left:0px;
  width:540px;
  height: 360px;
  background: #500000;
}
#infobox5 {
  position:relative;
  top:0px;
  left:0px;
  width:550px;
  height: 71px;
  background: #ffffff;
  text-align:left;
  color: #000000;
  font-family: arial, helvetica, sans-serif;;
  font-size:12px;
}
#infobox_large {
    position: relative;
        top: 0px;
        left: 0px;
        width: 800px;
        height: 371px;
        background: #ffffff;
           font-size: 12px;
    font-family: arial, helvetica, sans-serif;;
     color: #3f3f37;
}
#infobox6 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 550px;
    height: 374px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;;
    background: #ffffff;
    color: #3f3f37;
}

#infobox7 {
    position: relative;
    top: -374px;
    left: 550px;
    width: 250px;
    height: 374px;
    background: #1e1e1c;
}
#infobox7_media {
    position: relative;
    top: -370px;
    left: 600px;
    width: 200px;
    height: 371px;
    background: #ffffff;     
}
#infobox8 {
    position:relative;
    top:0px;
    left:0px;
    width: 800px;
    height: 300px;
    background: #6633ff;
}
#infobox9 {
    position:relative;
    top:0px;
    left:0px;
    width: 800px;
    height: 60px;
    background: #ff6633;
}
 #infobox10 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 550px;
    height: 348px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;;
    background: #999000;
    color: #3f3f37;
}
#infobox11 {
    position: relative;
    top: -348px;
    left: 550px;
    width: 250px;
    height: 325px;
    background: #ffffff;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;;
    color: #3f3f37;
    text-align: center;
}
 #infobox12 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 800px;
    height: 348px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;;
    background: #999000;
    color: #3f3f37;
}
#footer {
  position:relative;
    right: 400px;
   top:0px;
  height:100px;
  width:100%;
}
 #topbar {
  position:relative;
  height:20px;
  width:800px;
  background: #000000;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;;
  text-align: right;
  letter-spacing: 3px;
  padding-top: 4px;
}
.menu {
    float: left;
    color: white;
    font-family: arial, helvetica, sans-serif;;
    font-size: 9pt;
    font-weight: bold;
    border-right: 0px solid white;
    text-decoration: none;
    background-color: #1e1e1c;
    padding: 5px 15px 5px 15px;
}
.menu:hover {
    background-color: #ffffff;
    color: #000000;
}
.toolbar {
    background-color: #1e1e1c;
}
#modernbricksmenu{
    position:relative;
padding: 0;
    height:24px;
width: 100%;
background: #e4e1c9;
}
#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#modernbricksmenu li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
text-transform:uppercase;
}
#modernbricksmenu a{
float: left;
display: block;
color: #000000;
margin: 0 0px 0 0; /*Margin between each menu item*/
padding: 5px 20px;
text-decoration: none;
letter-spacing: 1px;
background-color: #e4e1c9; /*Default menu color*/
border-bottom: 0px solid white;
}
#modernbricksmenu a:hover{
background-color: #d0cdb7; /*Menu hover bgcolor*/
color: #000000;
}
#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #ffffff; /*Brown color theme*/
border-color: #ffffff; /*Brown color theme*/
}
#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 4px;
line-height: 4px;
background: #ffffff; /*Brown color theme*/
}

h1 {background-color: #1e1e1c}
h1 {font-family: arial, helvetica, sans-serif;}
h1 {font-size: x-small}
h1 {color: white}
h1 {letter-spacing: 0.1cm}
h1 {text-decoration: none}
p.margin {margin: 1cm 1cm 1cm 1cm}


a img {border: none; }


h2 {font-family: arial, helvetica, sans-serif;}
h2 {font-size: small}
h2 {font-style: normal}
h2 {color: #1e1e1c}
h2 {text-decoration: none}

h3 {font-family: arial, helvetica, sans-serif;}
h3 {font-size: x-small}
h3 {font-style: normal}
h3 {color: #1e1e1c}
h3 {text-decoration: none}

h4 {font-family: arial, helvetica, sans-serif;}
h4 {font-size: x-small}
h4 {font-style: normal}
h4 {vertical-align: middle}
h4 {color: #1e1e1c}
h4 {letter-spacing: 0.1cm}
h4 {text-decoration: none}

h6 {font-family: arial, helvetica, sans-serif;}
h6 {font-size: x-small}
h6 {color: white}
h6 {text-decoration: none}
h6 {text-align: center}

a {
   outline: none;
}