/* Global Styles */

body {
	font-family:museo,sans-serif;
	background-color:#333;
	color: black;
	margin:auto;
  text-align: center;
	}

legend {
  border: brown;
}

a.login, input.box1, input.box2, input.box3, input.box4, input.box5, input.box6, input.box7, input.box8, input.box9, input.box10, input.box11  {
  color:#050; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color: transparent;
  border:0px;
  text-decoration: none;
}

input:hover, a:hover {
  color: blue;
}

input.box11 {
  font: bold 100% 'trebuchet ms',helvetica,sans-serif;
  color: #ccc;
  position: relative; top:5px; left: 2px;
}

input.box11:hover {
  color:yellow;
}
a.login {
  position: relative;
  left: 260px;
}



textarea, input, select {
  background-color: #d39a6d;
  border: solid 1px brown;
  margin: 2px;
}

/* ID Styles */
#logo {
  position: absolute; left: 160px; top:30px;
  width: 100px; height: 100px;
  background-image: url(images/logo.gif);
  z-index: 10;
}


#company_name {
  position: absolute; top: 45px; left: 150px;
  background-color: #666;
  border: 1px solid #d39a6d;
  width: 480px; height: 70px;
  color: #ccc;
  z-index: 5;
}

#company_name h1 {
  position: absolute; top: -21px; left: 167px;
  font-size: 2.6em;
  color: #d39a63;
}

#company_name p {
  position: absolute; top: 35px; left: 168px;
  font-size:  .7em;
  color: #999;
  
}

#navbar {
  position: absolute; left: 150px; top:140px;
  width: 698px; height: 30px;
  background-image: url(images/navbar.gif);
  background-color: #999;
  border: 1px solid #d39a6d;
  border-bottom: 1px solid #666;
  z-index: 10;
  
}

#nav {
  position: absolute; left: 21px; top:5px;
  color: #a26636;
  font-family: sans-serif;
}

#nav input.box5 {
  position: absolute; left: 600px; top:0px;
}

#header_frame {
  position: absolute; left: 100px; top:80px;
	border: solid  #d39a6d;
  border-width: .5px .5px 0px .5px;
  width: 600px; height: 290px;
}

#banner {
  position: absolute; left: 150px; top:150px;
  width: 700px; height: 80px;
  background-image: url(images/banner.gif);
  z-index: 5;
}

#skyline {
  position: absolute; left: 150px; top:170px;
  width: 700px; height: 200px;
  background-image: url(images/skyline.gif);
  z-index: 5;
}

#quote_box {
  position: absolute; top:200px; left: 25px;
  background-color: #666;
  border: 1px solid #d39a6d;
  width: 150px; height:45px;
  color: #ccc;
  z-index: 5;
}

#quote_box span {
  color: #ccc;
  position: relative; top:5px; left: 2px;
  Font: tahoma;
}

#quote_box_bg {
  position: absolute; top:196px; left: 141px;
  background-color: #333;
  width: 40px; height:55px;
  z-index: 5;
}

#mainbox {
  position: absolute; left: 150px; top:150px;
  width: 700px; height: 780px; 
  background: url(images/mainbox_bg2.gif) repeat-x;
}



#content_left_corner {
  position: absolute; left: -50px; top:-180px;
  border: solid  #d39a6d;
  border-width:  0px .5px .5px 0px;
  width: 220px; height: 400px;
  z-index: 4;
}

#content_right {
  position: absolute; left: 170px; top:220px;
  border: solid  #d39a6d;
  border-width:  .5px .5px .5px .5px;
  width: 580px; height: 550px;
}

#infobox {
	position: absolute; top: 250px; left: 200px;
	width: 400px; height: 350px;
  
	text-align: left;
	font-family: sans-serif;
	color: #333;
	padding: 0 5px;
}

#dataheader {
  position: absolute; top: 200px; left: 250px;
  font-size: 2em;
}

#footer {
  position: absolute; top: 900px; left: 150px;
  background-color:  #d39a6d;
  width: 700px; height: 30px;
}
#footer p {
  font-size: .5em
}

/* Class Styles  */

#image1 {
  position:absolute; top: 250px; left: 8px;
  width: 150px; height: 100px;
  background-image: url(images/image1.jpg);
  background-color: #666;
  border: 2px solid #d39a6d;
}

#image2 {
  position:absolute; top: 368px; left: 8px;
  width: 150px; height: 100px;
  background-image: url(images/image2.jpg);
  background-color: #666;
  border: 2px solid #d39a6d;
}

#image3 {
  position:absolute; top: 486px; left: 8px;
  width: 150px; height: 100px;
  background-image: url(images/image3.jpg);
  background-color: #666;
  border: 2px solid #d39a6d;
}