/*--------- NOTCOT ABOUT css page JUNE 07 -----------*/

html {
    padding: 0;
    margin: 0;
    }

body {
    padding: 0;
    margin: 0;
    background: #ffffff;
    text-align: left;
    color: #eeeeee;
    font-family: trebuchet ms, Verdana, Arial, sans-serif;
    font-size: 12px;
    }


a {text-decoration: none; }
a:link {color: #11bbff;}
a:visited {color: #11bbff;}
a:active {color: #11bbff;}
a:hover {color: #11bbff;}


h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    }
/* ---------- Navigation ---------------------------------------------*/
#topnav {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:26px;
    background-image: url(http://www.notcot.com/navigation/nav-bg.gif);
    z-index: 5;
}
/* ---------- Navigation ---------------------------------------------*/
.navbar {
  display: block;
  width: 100%;
  height: 26px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  background: black url('http://static.notempire.com/images/newnavbar.gif') no-repeat -652px 1px;
}

/* Note: in this area selector specificity makes a big difference */
.navbar .notcotcom,
.navbar .notcotorg,
.navbar .notcouture,
.navbar .tasteologie,
.navbar .liqurious,
.navbar .notventures,
.navbar .notlabs,
.navbar .notcontests {
  display: inline-block;
  height: 25px;
  overflow: hidden;
  margin: 1px 0 0 0;
  padding: 0;
  float: left;
  background: black url('http://static.notempire.com/images/newnavbar.gif') no-repeat top left;
}

.navbar .notcotcom {
  margin-left: 108px;
  width: 60px;
  background-position: -3px 0;
}
.navbar a.notcotcom:hover {
    background-position: -3px -24px;
}

.navbar .notcotorg {
  width: 85px;
  background-position: -63px 0;
}
.navbar a.notcotorg:hover {
    background-position: -63px -24px;
}

.navbar .notcouture {
  width: 89px;
  background-position: -148px 0;
}
.navbar a.notcouture:hover {
    background-position: -148px -24px;
}

.navbar .tasteologie{
  width: 89px;
  background-position: -237px 0;
}
.navbar a.tasteologie:hover {
    background-position: -237px -24px;
}

.navbar .liqurious {
  width: 73px;
  background-position: -326px 0;
}
.navbar a.liqurious:hover {
    background-position: -326px -24px;
}

.navbar .notventures {
  width: 95px;
  background-position: -399px 0;
}
.navbar a.notventures:hover {
    background-position: -399px -24px;
}

.navbar .notlabs {
  width: 65px;
  background-position: -494px 0;
}
.navbar a.notlabs:hover {
    background-position: -494px -24px;
}

.navbar .notcontests {
  width: 93px;
  background-position: -471px 0;
}
.navbar a.notcontests:hover {
  background-position: -471px -24px;
}


/* --------- Full section that contains Container + Rrow+Lrow --------------- */

#body1 {
    position: relative;
    top: 28px;
    margin-left: auto;
    margin-right: auto;
    width: 998px;
    background-image: url(http://www.notcot.com/about/images/notcotlogo.jpg);
    background-repeat: no-repeat;
    }

#nav {
    float: left;
    width: 125px;
    position: relative;
    left: 40px;
    top: 80px;
    }

#nav a{
    display: block;
    color: black;
    margin-bottom: 7px;
    }

#nav a:hover{
    color:#11bbff;
}

/* --------- Full section that contains Banner and Main --------------- */

#container {
    float: left;
    position: relative;
    top: 70px;
    width: 700px;
    min-height: 400px;
    margin-bottom:20px;
    border-left: 1px dotted gray;
    border-top: 1px dotted gray;
    padding: 0;
    padding-left: 10px;
    }

.section{
    clear:both;
}

.image{
    margin: 10px;
    margin-left: 0;
    width: 500px;
    height: 417px;
    float:left;
}

.image a img{
    border:0;
}

.desc{
    width: 180px;
    height: 420px;
    margin: 10px;
    margin-left:0;
    margin-bottom: 10px;
    color: #333333;
    font-family: Trebuchet MS;
    font-size: 11px;
    text-align: left;
    float: left;
    border-top: 1px dotted gray;
    padding-top: 10px;
}

.desc h1{
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.desc a{
    color: #333333;
}

.desc a:hover{
    color: #11bbff;
}

.desc1{
    width: 550px;
    margin-bottom: 50px;
    margin: 10px;
    color: #333333;
    font-family: Trebuchet MS;
    font-size: 11px;
    text-align: left;
    float: left;
}

.desc1 h1{
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}

.desc1 h2{
    font-size: 11px;
    text-align: left;
    font-weight: bold;
}

.desc1 h3{
    font-size: 11px;
    text-align: left;
    font-style: italic;
}

.desc1 li{
    margin-bottom: 12px;
}


/*--------- copyright -----------*/
#cr{
    clear: both;
    position: relative;
    top: 60px;
    width: 522px;
    height: 45px;
    margin: 60px auto 7px auto;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, verdana, arial, sans-serif;
    font-size: 9px;
    color: #111111;
}

#cr span {
	position: relative;
	top: -35px;
	left: 43px;
}

#cr a {
	color: #11bbff;
	text-decoration: underline;
	margin-left: 5px;
}

#cr #wiredtree{
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url('images/wiredtree.gif') no-repeat;
}