*
{
padding:0px;
margin: 0px;
}

html {
	height:100%;
}

body
{
background: #000000 url('images/htw-mainbg_01.jpg') repeat-x;
font-size: 11px;
font-family:Arial, sans-serif;
color:#b0a17b;
line-height: 18px;
height: 100%;
}

#flash {
    z-index: 1;
	position: relative;
	background:url(images/htw-flashbase_04.jpg)
}

a
{
color: #FFF;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

sup
{
font-size: 0.5em;
}


p
{
margin-bottom: 14px;
text-align: justify;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}


#outer
{
position: relative;
width: 907px;
background:#000;
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
z-index:1;


}

#inner
{
position: relative;
padding: 0px 38px 0px 38px;
z-index: 2;
width:831px;


}

h5
{
position: relative;
top: 4px;
line-height: 25px;
font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 26px;
font-weight:normal;
color:#BA952F;
border-bottom: 1px dotted #CCCCCC;
margin: 0px 20px 15px 0px;
padding: 0px 0px 10px 10px;

}
h5 a
{
	color:#FFF;
	text-decoration:none;

}

h5 a:visited
{
	color:#FFF;
	text-decoration:none;

}
h5 a:hover
{
	color:#BA952F;
	text-decoration:none;

}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
	height:343px;
	width:907px;
	background:url(images/loading.gif) no-repeat 50% 50%;
	margin:auto;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:10px;
	float:right;
	bottom:5px;
	z-index:100000;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	position:relative;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/


 /**************************************************************
    Header/Menu
 **************************************************************/

#topheader
{
position: relative;
width:907px;
height: 93px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:url('./images/htw-main_02.jpg');
}

.headerhomemenu
{
position:relative;
width:505px;
height:106px;
padding: 0;
margin: 0;
z-index:2;
float:right;
}

#menumain
{
position: relative;
width:900px;
height: 50px;
padding: 0 0 0 7px;
margin: 0;
z-index:500;
background: url('images/htw-menubg_05.gif');
}

#menubottom
{
background: url('images/htw-menubottom_11.jpg');
height: 37px;
width:907px;
}

ul.topnav {
	list-style: none;
	padding: 3px 0px 0 48px;
	margin: 0;
	float: left;
	width: 859px;
	font-family: Calibri, Verdana, Ariel, sans-serif;
    font-size: 17px;
	
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 5px 55px 0 8px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #afa07a;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	color:#FFF;
}
ul.topnav li span { /*--Drop down trigger styles--*/
    
	width: 17px;
	height: 35px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 160px;
	border: 1px solid #111;
	font-size:14px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 160px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

 /**************************************************************
    End Header/Menu
 **************************************************************/

#upbg
{
position: absolute;
top: 0px;
left: 0px;
background: url('images/htw-upbg_12.jpg') no-repeat;
width: 907px;
height: 169px;
top:499px;
z-index: 1;
}


/**************************************************************
    Left Column Home 
 **************************************************************/

#secondarycontent
{
position: relative;
width: 265px;
height:100%;
margin-left:5px;
margin-bottom:0px;
padding: 0px 10px 20px 0px;
border-color:#FFF;


}

#secondarycontent h3
{
position: relative;
top: 4px;
font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 26px;
line-height: 25px;
color:#FFF;
letter-spacing: 0px;
padding: 0px;
margin-bottom: 15px;
font-weight:normal;

}
#secondarycontent h1
{
position: relative;
top: 4px;
font-size: 18px;
font-weight:bold;
line-height: 25px;
letter-spacing: 0px;
padding: 0px 0px 10px 0px;
margin-bottom: 15px;
margin-left:8px;


}

#secondarycontent .content
{
padding: 0px 10px 0px 0;
margin-bottom: 0px;
}


/**************************************************************
    End Left Column Home 
 **************************************************************/
 
 /**************************************************************
    Right Column Home 
 **************************************************************/

#primarycontent
{
position: relative;
width: 530px;
float: right;
min-height: 100%;
}

#primarycontent h1
{
position: relative;
top: 4px;
font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 26px;
color:#FFF;
line-height: 25px;
padding: 0px 0px 10px 15px;
margin-bottom: 15px;
font-weight:normal;
}

#primarycontent h3
{
position: relative;
top: 4px;
line-height: 25px;
font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 26px;
color:#FFF;
letter-spacing: 0px;
padding: 0px 0px 10px 0px;
margin-bottom: 15px;
font-weight:normal;


}

#primarycontent .content
{
padding: 0px 15px 0px 0;
margin-bottom: 20px;
}

#primarycontent .post
{
margin-bottom: 0px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

 /**************************************************************
    End Right Column Home 
 **************************************************************/
#contact-right
{
position: relative;
width: 530px;
float: right;
margin:0px;
padding-bottom:20px;
}

#contact-left
{
position: relative;
width: 300px;
margin:0px;
float:left;
padding-bottom:20px;
}

#contact-left .content
{
font-size:14px; font-weight:400; padding-top:20px;
}

#contact-right .content
{
width:500px; padding-top:20px;
}
/**************************************************************
   2 Column Layout A
 **************************************************************/
#floatLeft_width80
{

	width: 100%;
	margin-left: auto;
margin-right: auto;
	z-index:5000;
}

#floatLeft_width80 h3
{
position: relative;
top: 4px;
font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 26px;
color:#FFF;
line-height: 25px;
margin-bottom: 15px;
font-weight:normal;
width:98%;
}

#floatLeft_width80 h2
{position: relative;
padding: 0px 0px 10px 20px;
margin-bottom: 15px;
font-size:10px;
}


.layout2 {
  float: left;
  width:831px;
  height:100%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px dotted #2d2a23;
  margin-top:15px;

}

.layout2 .image {
  display: block;
  padding-bottom:10px;
  padding-right:25px;
  top: 0;
  width: 300px;
  float:left;
  min-height:100%;
  
}



.layout2 .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
}

.layout2 .title a {
text-decoration:none;
color: #FFF;
}

.layout2 .titleimage {
  display: block;
  padding: 0 0 5px 0;
}


/**************************************************************
    End 2 Column Layout A
 **************************************************************/

/**************************************************************
   2 Column Layout B
 **************************************************************/
#floatLeft_width60
{

	width: 99%;
	margin-left: auto;
margin-right: auto;
	padding:15px;
}

#floatLeft_width60 h3
{
position: relative;
top: 4px;
line-height: 15px;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size: 26px;
color:#FFF;
padding: 0px 0px 10px 0px;
margin-bottom: 15px;
font-weight:normal;
}


.layout2_60 {
  float: left;
  width: 99% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px dotted #2d2a23;
  margin-top:15px;
}

.layout2_60 .image {
  display: block;
  padding:20px 0px 10px 20px;
  top: 0;
  width: 398px;
  float:right;
}



.layout2_60 .title {
  display: block;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFF;
}

.layout2_60 .subtitle {
  padding: 0 0 0px 5px;

}

.layout2_60 .titleimage a {
border:none;
}

.layout2_60 .titleimage {
  display: block;
  padding: 0 0 5px 0;
}

.layout2_60 p {
  margin: 0 420px 0 0px;
  padding:  0 0 1em 1.2em;

}

/**************************************************************
    End 2 Column Layout B
 **************************************************************/

 .clear {clear:both;}
 /**************************************************************
   Footer
 **************************************************************/
 
#footer
{
height: 118px;
width:907px;
position: relative;
clear: both;
background: url('images/htw-footer_14.jpg') no-repeat;
color:#584837;
margin: 0px 1px 0px 0px;

}

.footer, .push {
	height: 50px; /* .push must be the same height as .footer */}


#footer a
{
color: #584837;
}


#footer .content
{
position: relative;
width:638px;
float:right;
padding-top:33px;

}

#footer .content a
{
color:#584837;
text-decoration:none;


}

#footer .image
{
position: absolute;
padding:0px 0px 0px 180px;
z-index:0;
}

#footer .image2
{
position: absolute;
padding:0px 0px 0px 88px;
z-index:0;
}

#footer ul{list-style:none;overflow:hidden;}#footer li{float:left;padding:0 12px;background:url(./images/divider.gif) no-repeat left;margin:0 1px 0 -1px;display:inline;}
#footer ul a{color:#584837;}

/**************************************************************
   End Footer
 **************************************************************/
 
