@charset "utf-8";
/* Holomis CSS Document */

body {
	text-align: center; /* centers IE6 */
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 80%;
	background-color: #000; /*in case reader can't view background image*/
}

/* general link formatting */
a:link {
  color: #03C; background: transparent;
  text-decoration: none;
}
a:visited {
  color: #6F6F6F; background: transparent;
  text-decoration: none; /*removes underline*/
}
a:hover {
  color: #06F; background: transparent;
  text-decoration: none; /*removes underline on hover*/
}
a:active {
  color: #06F; background: transparent;
  text-decoration: none; 
}

/*wrapper for home page*/
#wrapper {
  width: 900px;
  margin:0 auto; /*centers page for modern browsers such as firefox and ie7 */
  text-align: left; /* background colour added so columns appear balanced and are some color */
}

#wrapperMain {
  width: 700px;
  margin:0 auto; /*centers page for modern browsers such as firefox and ie7 */
  text-align: left; /* background colour added so columns appear balanced and are some color */
}

/*header style*/
#header {
  width: 600px;
  color: #FFF; background: #000;
  margin: 2px 0px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-variant: small-caps;
  font-style: italic;
  float: left;
}

#headerMain {
  width: 700px;
  color: #FFF; background: #000;
  margin: 2px 0px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-variant: small-caps;
  font-style: italic;
  text-align: center;
}

#header h1 {
  padding: 2px 5px;
  font-size: 225%;
}

/* navigation menu style */
#headersidebar {
  float: left; /* need to add so background color will appear in all browsers */
  color: #FFF; background: #000;
  margin: 0;
  padding: 30px 0 0 0;
  width: 300px;
}

#headersidebar ul {
  margin: 0px;
  padding: 0px 15px 0px 5px; /* this is to adjust where the menu starts */
  list-style-type: none;
  text-align: center;
}

#headersidebar ul li {
  display: inline;  /* horizontal navigation bar*/
}

#headersidebar ul li a {
  float: right; /* turns the links into "block boxes" -- fixes the problem of vertical padding not being added to "inline" elements - make sure this gets cleared in the sidebar div */
  color: #fff; background: transparent;
  padding: 2px 5px;
  margin-right: 1px;
  text-decoration: none;
  font-size: 105%;
}

#headersidebar li a#current {/* highlights the menu item of the current page */
  color: #FFF; background: #1F1F1F;
}

#headersidebar a:hover {
  color: #fff; background: #333;
}

#headersidebar p {
  color: #FFF; background: #000;
  padding: 25px 0px 10px 0px;
}

#banner {
  clear: both;
  color: #CCC; background: #000;
  height: 1px;
}

#topnav ul {
  margin: 5px;
  padding: 0px 5px; /* this is to adjust where the menu starts */
  list-style-type: none;
  text-align: center;
}

#topnav ul li {
  display: inline;  /* horizontal navigation bar*/
}

#topnav ul li a {
  float: left; /* turns the links into "block boxes" -- fixes the problem of vertical padding not being added to "inline" elements - make sure this gets cleared in the topnav div */
  color: #fff; background: #000;
  padding: 0;
  text-decoration: none;
  border: 0;
}

img.button {
  padding: 0 26px;
  background: transparent;
  border: 0;
}

img.mainimage {
  float: left;
  border-top: 1px solid #F00;
  border-bottom: 1px solid #F00;
  margin: 5px 0;
  padding: 15px 0px;
}

#lownav ul {
  margin: 5px;
  padding: 0px 5px; /* this is to adjust where the menu starts */
  list-style-type: none;
  text-align: center;
}

#lownav ul li {
  display: inline;  /* horizontal navigation bar*/
}

#lownav ul li a {
  float: left; /* turns the links into "block boxes" -- fixes the problem of vertical padding not being added to "inline" elements - make sure this gets cleared in the topnav div */
  color: #fff; background: #000;
  padding: 0;
  text-decoration: none;
  border: 0;
}

img.lefttop {
  position: absolute;
  top: 85px;
  left: 20px;
  width: 215;
  height: 43px;
}

img.middletop {
  position: absolute;
  top: 85px;
  left: 250px;
  width: 215;
  height: 43px;
}

img.righttop {
  position: absolute;
  top: 85px;
  right: 20px;
  width: 215;
  height: 43px;
}

/* navigation menu style */
#navcontainer {
  float: left; /* need to add so background color will appear in all browsers */
  color: #FFF; background: #000;
  margin: 0;
  padding: 0;
  width: 100%;
}

#navcontainer ul {
  margin: 0px;
  padding: 0px 15px 0px 5px; /* this is to adjust where the menu starts */
  list-style-type: none;
  text-align: center;
}

#navcontainer ul li {
  display: inline;  /* horizontal navigation bar*/
}

#navcontainer ul li a {
  float: left; /* turns the links into "block boxes" -- fixes the problem of vertical padding not being added to "inline" elements - make sure this gets cleared in the sidebar div */
  color: #fff; background: transparent;
  padding: 2px 5px;
  margin-right: 1px;
  text-decoration: none;
  font-size: 105%;
}

#navcontainer li a#current {/* highlights the menu item of the current page */
  color: #FFF; background: #1F1F1F;
}

#navcontainer a:hover {
  color: #fff; background: #333;
}

/* side nav bar */
#navbar {
  width: 200px;
  float: left; 
  color: #FFF; background-color: #000;
  font-size: 110%; 
}

#navbar ul {
  margin: 5px;
  padding: 5px 10px 5px 0px;
  list-style-type: none;
}

#navbar li {
  color: #FFF; background: #1F1F1F;
  margin: 0 0 3px 0; /* space between nav items */
}

/* side bar nav format */
#navbar a {
  display: block;
  color: #FFF; background: #1F1F1F;
  width: 150px;
  padding: 5px 20px 5px 5px;
  text-decoration: none;
}

#navbar a:hover {
  color: #FFF; background: #000;
}

#navbar a#current { /*style for current page link */
  color: #FFF; background: #000;
  text-decoration: none;
}

#content {
  color: #000; background: transparent;
  margin: 0;
}

#contentMain {
  position: relative;	
  width: 495px;
  height: 200px;
  color: #000; 
  background-image: url(images/contentBackground.jpg);
  float: right;
  margin: 8px 0;
  border: #EAEAEA 1px solid;
}


#contentMain h2 {
  color: #333; background: transparent;
  font-size: 125%;
  padding: 0 10px;
}

#contentMain p {
  color: #000; background: transparent;
  font-size: 105%;
  padding: 0 20px;
}

#contentMain ul {
  color: #000; background: transparent;
  font-size: 105%;
  padding: 0 50px 5px 50px;
  list-style: square;
  line-height: 120%;
}

.special {
	color:#F00
}

img.simdes {
  float: right;
  background: #000;
}

img.contact {
  float: right;
  padding: 10px 10px 10px 10px;
}

#footer {
  width: 900px;
  clear: both; /* to clear floating elements */
  color: #FFF; background: #000;
} 

#footer p {
  padding: 30px 6px 6px 6px;
  text-align: center;
}

#footerMain {
  width: 700px;
  clear: both; /* to clear floating elements */
  color: #FFF; background: #000;
} 

#footerMain p {
  padding: 6px;
  text-align: center;
}

/*** Simolo Designs ***/

#portfolio {
  font-size: 110%;
  color: #C6F; background: transparent;
  border: none;
  position: absolute;
  width: 165px;
  height: 20px;
  right: 3px;
  top: 3px;
}

#contentMain portfolio p a {
  text-decoration: none;
}