@charset "UTF-8";
/* CSS Document */
  a {
  	color:#526c99;
	text-decoration:none;
  }
  a:hover {
  	color:#1c2124;
  }
  * { 
    margin: 0; 
    padding: 0;
  }
  body {
    background: #fff;
    font-family: 'Lucida Grande',Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
  }
  
img{
  border-style: none;
  }

  td {
  vertical-align:top;
  }
  p,
  ul,
  ol {
  	margin-bottom: 18px; 
  }
  ul {
    list-style-type: square;
    margin-left: 2em;
  }
  h1 {
  clear:both;
    font-size: 22px; 
    line-height: 36px;
    margin-bottom: 6px;
  }
  h2 {
    font-size: 18px; 
    line-height: 18px; 
    margin-bottom: 12px;
  }
  h3 { 
    font-size: 12px; 
    line-height: 18px; 
  }
  .left { 
    float: left; 
    margin: 0 18px 18px 0;
  }
  .right { 
    float: right; 
    margin: 0 0 18px 18px; 
  }
  .callout {
    font-size: 11px;
    color: #a39c8d;
    border: 1px solid #ddd;
    background: #f1f2e7;
    padding: 8px 10px;
    margin-bottom: 18px;
	width:130px;
  }
  .productCallout {
    font-size: 11px;
    color: #a39c8d;
    border: 1px solid #ddd;
    background: #f1f2e7;
    padding: 8px 10px;
    margin-bottom: 18px;
	width:260px;
	clear:none;
  }
  .callout :last-child { 
    margin-bottom: 0; 
  }
  .callout h4 { 
    font-size: 11px; 
    line-height: 18px; 
  }
  .callout img {
  	border:1px solid #ccc;
  }
  .column { 
    float: left; 
    width: 20%;
  }
  .sidebar {
    width:75%;
    font-size: 11px;
    color:#666666;
  }
  .sideslit {
  	width:15%;
	font-size:11px;
    color:#666666;
  }
  #content {
    margin: 36px 36px 36px 36px;
    min-width: 80em;
    max-width: 100em;
    !width: 90em;
  }
  #footer {
  	clear:both;
	float:left;
	min-width: 80em;
    max-width: 100em;
    !width: 90em;	
    margin: 0px 36px 36px 36px;
  }
  #biopic {
    width: 98px;
  }
  
  /* product thumbnails */
  
  #productThumb {
    width: 120px;
  }
  
  /* header */
  
   #header {
   	clear:both;
	min-width:82em;
    !width:100%;
	background-color:#1c2124;
	background-image:url(images/site_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	height:100px;
  }
  
  #newcontact {
  	margin-left:18px;
	float:left;
	margin-top:28px;
	height:12px;
	color:#ccc;
  }
  #newcontact a {
	margin:10 0 0 2px;
	padding:5px 10px;
	text-align:center;
	color:#ccc;
	text-decoration:none;
	position:relative;
	line-height:1.2em;
	border:none;
	}
	#newcontact a:hover {
		border:none;
		color:#fff;
		background-color:#526c99;
	}
	#newcontact a.active,
	#newcontact a.active:hover {
	    color:#fff;
		background-image:url(images/link_arrow.gif);
		background-repeat:no-repeat;
		height:35px;
	}
  

  
  #login {

      float:left;
      margin-top:10px;
      margin-left:-7px;
      height:30px;
      text-align:right;
      width:30%;
      color:#ccc;
  }

  #login  a {
	margin:10 0 0 2px;
	padding:5px 10px;
	text-align:left;
	text-decoration:none;
	position:relative;
	line-height:1.2em;
	border:none;
	}
	#login a:hover {
		border:none;
		color:#fff;
		background-color:#526c99;
	}
	#login a.active,
	#login a.active:hover {
	    color:#fff;
		background-image:url(images/link_arrow.gif);
		background-repeat:no-repeat;
		height:35px;
	}

  #social {
        clear:none;
        margin-left:-18px;
	float:left;
	margin-top:0px;
        margin-bottom:0px;
        padding-right:30px;
	height:38px;
        width:30%;
        text-align:right;
	color:#ccc;
}
  
  #contact {
  	margin-left:-18px;
	float:left;
	margin-top:0px;
	height:12px;
	color:#ccc;
        white-space:nowrap;
        width:30%;
        text-align:right;
  }
  #contact a {
	margin:10 0 0 2px;
	padding:5px 10px;
	text-align:right;
	color:#ccc;
	text-decoration:none;
	position:relative;
	line-height:1.2em;
	border:none;
	}
	#contact a:hover {
		border:none;
		color:#fff;
		background-color:#526c99;
	}
	#contact a.active,
	#contact a.active:hover {
	    color:#fff;
		background-image:url(images/link_arrow.gif);
		background-repeat:no-repeat;
		height:35px;
	}
  .search {
  	margin-left:-18px;
  	margin-top:10px;
  	width:30%;
 	padding:10px 10px 10px 10px;
	float: left;
	background-color:#1c2124;
  }
  
  #search {
  	margin-left:18px;
  	margin-top:10px;
  	width:30%;
 	padding:0;
	float: left;
	background-color:#1c2124;
  }
  
  .headercolumn {
    padding: 2px 0px 0px 34px;
    float: left; 
    width: 60%;
  }
  
  /* header links */
  #header ul {
	    clear:none;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:12px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:10 0 0 2px;
	    padding:5px 10px;
	    text-align:center;
	    color:#526c99;
	    text-decoration:none;
	    position:relative;
		line-height:1.2em;
		border:none;
	}
	#header ul li a:hover {
		border:none;
		color:#1c2124;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
		background-image:url(images/link_arrow.gif);
		background-repeat:no-repeat;
		height:35px;
	}
.linkedDiv {
cursor:pointer;
}	
	/* navigation links 
	#navigation ul li {
	    list-style:none;
		margin-left:-29px;
	    padding:4px;
	}
	#navigation ul li a {
		padding:3px 0 4px 8px;
	    margin-right:-10px;
		clear:both;
		float:left;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
		display:block;
		width:100%;
	}
	#navigation ul li a:hover {
		border:none;
		color:#1c2124;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	#navigation ul li a.active,
	#navigation ul li a.active:hover {
	    color:#fff;
		background-color:#526c99;
		border-bottom:1px solid #526c99;
		border-right:1px solid #526c99;
		border-left:1px solid #526c99;
	}

*/