/* Stylesheet for criostal.com
 * David Devlin - 09/10/2007
 */

/* General Styling */
body {
  margin: 0;
  padding: 0;
  color: #000;
  background: #fff url(images/gradient.png) repeat-x;
  font: 90% helvetica, verdana, arial;
}

h1 {
  font-size:16px;
}

/* Styling for individual blocks */

#wrap, #header, #content, #footer {
  border: 1px solid #000;
}

#wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: .5em;
  width: 920px;
  background-color: #727b97;
}

#header {
  height:100px;
  width:900px;
  margin:10px;
  background: #fff url(images/header.png) no-repeat right;
}

#content {
  background:#fff;
  width:900px;
  height:350px;
  margin:10px;
  overflow:hidden;
}

#content_image {
  float:left;
  width:30%;
  margin:15px;
}

#content_text {
  background: #fff;
  text-align:justify;
  float:right;
  width:50%;
  margin:15px;
  margin-right:30px; 
}

#footer {
  background: #fff;
  clear:both;
  margin:10px;
  width:900px;
  height:40px;
}

#subfooter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  width: 920px;
  text-align:right;
}

/* Styling for Links */

a {
  text-decoration: none;
}
a:link {
  color: #000;
}

a:visited {
  color: #000;
}
a:hover {
  color: #727b97;
}

img.masked {
  border:none;
}

/* Styling for Footer Menu */
ul.menu {
  list-style:none; 
  padding:0px;
  margin:11px;  
}

ul.menu li{
  float:left;
  margin-right:18px;
}

ul.menu a{
  font-size:13px;
  font-weight:bold;
}

#copyright{
  float:right;
  margin-right:0px;
  margin-top:3px;
  font-size:9px;
}