/*----- MAIN HTML ELEMENTS ---------------------------------------*/
						
a { text-decoration:none; border-bottom:1px dotted blue;}

ul {list-style-type:circle;}

ul > ul {list-style-type:square;}

li {line-height:1.6em;}			

#navcontainer a {border:none;}

#banner a {border:none;}

img, img a {
			border:none;
			margin:0;
			padding:0;
			
			}
			
.sidetitle a, .sidetitle-shadow a {border:none;}

/*---MAIN DIV ELEMENTS---------------------------------------*/


body {

			text-align:center;
			background: url(images/hb_body_background.gif) repeat;
			background-position:center;
			margin:0;
			
			}

#container {
			width: 742px;
			padding: 0;
			margin:0;
			background:#efefef;
			voice-family: "\"}\""; /*-- Be nice to Windows IE --*/
  			voice-family:inherit;
  			width: 740px;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
		}

#banner {
			padding: 0;
			margin-bottom: 0;
			background-color: #fff;
			font:0;
		}

#content {
			padding: 0;
			margin-left: 180px;
			margin-right: 180px;
			text-align:left;
			
		}

#content-left {
			padding:0;
			margin:0;
			margin-right: 250px;
			text-align:left;
			background:#fff;
			border-right:1px solid #999;
			}
			
#content-right {
			padding:0;
			margin-left: 250px;
			text-align:left;
			background:#fff;
			border-left:1px solid #999;

			}
			
#main-sub-nav {

			clear:both;
			margin:0;
			padding:0;
			background: #fff;
			height:200px;
			text-align:left;
			border-bottom:1px solid #000;
			background-image:url(images/workplace_featurepic.jpg);
			background-position: right;
			background-repeat:no-repeat;
			
			}
			
#sub-nav {

			margin:0;
            width:338px;
			padding:0;
			background:#fff;
			
			}
			
#side-left {
			float: left;
			width: 250px;
			margin: 0;
			margin-right: 0;
			padding: 0;
			text-align:left;

		}

#side-right {
			float: right;
			width: 250px;
			margin: 0;
			margin-left: 0;
			padding: 0;
			text-align:left;

		}

#footer {
			clear: both;
			padding: 7px;
			margin-top: 0;
			background-color: #006;
			border-top:1px solid gray;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-weight:normal;
			font-size:10px;
			text-transform: uppercase;
			letter-spacing:.1em;
			color:white;
			border-right:1px solid #006;
			border-left:1px solid #006;
		}
		
#feature {

			clear:both;
			margin:0;
			padding:0;
			background: #efefef;
			height:200px;
			border-bottom:2px solid #006;
			
			}
		
#separation {

			clear:both;
			margin:0;
			padding:0;
			
			}



/*---MAIN MENU ELEMENTS---------------------------------------*/	

#navcontainer ul {

			padding:0; 
			margin: 0; 
			background-color: #006; 
			color: White;
			float:left;
			width: 100%; 
			font-family: Lucida, Lucida Grande, Verdanda, arial, helvetica, sans-serif;
			font-size:10px; 
			font-weight:bold;
			border-bottom:1px solid black;
			border-top:1px solid black;
			text-align:center;
			
			}

#navcontainer li { display: inline; } 

#navcontainer li a {

			padding: 4px 12px;
			margin:0; 
			background-color: #006; 
			color: White; 
			text-decoration: none; 
			float:left;

			}

#navcontainer li a:hover  {

			background-color: #efefef; 
			color: #006; 
			
			}

			

/*---- MAIN CLASS ELEMENTS ----------------------------------------*/

.feature-video {

			margin:0;
			padding:0;
			text-align:center;
			font-family:Lucida, Lucida Grande, Verdana, arial, sans-serif;
			font-weight:bold;
			font-size:10px;
			color:#fff;
			background:#000;
			
			}
			
.feature-video p{

			padding:0 10px 10px 10px;
			text-align:center;
			font-family:Lucida, Lucida Grande, Verdana, arial, sans-serif;
			font-weight:bold;
			font-size:10px;
			color:#fff;
			background:#000;
			
			}
			
.feature-video a {text-decoration:none; color:#ccc;}

.center {

			text-align:center;
			padding:0;
			margin:0;
			margin-right:auto;
			margin-left:auto;
			border-bottom: 2px solid gray;
			
			}


.content-body, content-body p {

			padding:0 15px;
			margin:0;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: black;
			line-height: 1.6em;
			font-weight:normal;
			
			}
			
.content-title {

			margin:0 15px;
			padding:10px 0 5px 0;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: large;
			font-weight:bolder;
			color:black;
			border-bottom:1px solid #ccc;
			
			}
			
			
.featurepic {

			padding:0;
			margin:0;
			border-bottom:1px solid gray;
			
			}
			
.photocenter360 {

			text-align:center;
			width:362px;
			voice-family: "\"}\""; /*-- Be nice to Windows IE --*/
  			voice-family:inherit;
  			width:360px;
			padding:0;
			border:1px solid gray;
			margin:15px 0 5px 0;
			margin-right:auto;
			margin-left:auto;
			
			}
			
.photocenter360 p {

			padding:5px 10px 10px;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight:normal;
			color:black;
			line-height:1.5em;
			text-align:left;
			
			}
			
.photocenter360 h3 {

			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
			border-bottom:1px solid gray;
			padding:5px 10px 3px;
			margin:0;
			
			}
			
			
.side, .side-circle {

			padding:5px 10px 10px 10px;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight:normal;
			color:black;
			line-height:1.5em;
			
			}
			
.side ul {list-style-type:none; padding:0; margin:0;}

.side-circle ul {list-style-type:circle; padding:0 15px; margin:0;}

.side li {padding:0; margin:0; margin-bottom:10px;}
			
			
.sidetitle-shadow, sidetitle-shadow a {

			margin:0;
			padding:5px 10px 5px 10px;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color:#006;
			line-height:1.5em;
			text-transform:uppercase;
			text-decoration:none;
			letter-spacing:0.1em;
			background:url(images/feature_background_shadow.gif);
			border-bottom:1px solid #ccc;
			
			}
			
.sidetitle {

			margin:0;
			padding:5px 10px 5px 10px;
			background:url(images/feature_background_noshadow.gif);
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight:bold;
			color:#006;
			line-height:1.5em;
			text-transform:uppercase;
			letter-spacing:0.1em;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			}
			
.sidesubtitle {

			padding:5px 10px;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight:bold;
			color:black;
			line-height:1.5em;
			
			}
			
.floatpic-right {

			float:right;
			margin:5px 0 10  px 10px;
			padding:0;
			border:1px solid gray;
			
			}
			
.floatpic-right150 {

			float:right;
			width:162px;
			voice-family: "\"}\""; /*-- Be nice to Windows IE --*/
  			voice-family:inherit;
  			width:150px;
			margin:5px;
			padding:5px;
			border:1px solid gray;
			
			}			

.floatpic-right150 p {

			padding:5px 10px 10px;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight:normal;
			color:gray;
			line-height:1.5em;
			text-align:left;
			
			}
			
.floatpic-right175 {

			float:right;
			width:197px;
			voice-family: "\"}\""; /*-- Be nice to Windows IE --*/
  			voice-family:inherit;
  			width:175px;
			margin:5px;
			padding:5px;
			border:1px solid gray;
			
			}
			
.floatpic-right175 p {

			padding:5px 10px 10px;
			font-family:Lucida, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight:normal;
			color:gray;
			line-height:1.5em;
			text-align:left;
			
			}
			
.floatpic-left {

			float:right;
			margin:5px;
			padding:0;
			border:1px solid gray;
			
			}
			
.credits {

			text-align:center;
			font:normal 9px Lucida, Lucida Grande, Verdana, Arial, sans-serif;
			color:#999;
			margin:0;
			padding:10px;
			
			}