/*//////////////////////////
PROJECT: 	HPH
MEDIA:		ALL
CREATED: 	06.06.09
//////////////////////////*/


* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	background: #eff6fd url(../images/bk-body.gif) repeat-x top;
}


#pageWrapper {
	width: 988px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 988px;
	height: 104px;
	float: left;
}

#header p {
	float: left;
}

.googleAds {
	width: 468px;
	height: 60px;
	float: right;
	background: #fff;
	margin: 23px 28px 0px 0px;
}

#navigation {
	width: 988px;
	height: 81px;
	float: left;
	margin: 0px 0px 10px 0px;
}

#navigation ul {
	list-style-type: none;
}

.navMain {
	width: 988px;
	height: 45px;
	float: left;
}

.navMain li {
	float: left;
	height: 45px;
	background: url(../images/bk-nav-li.gif) no-repeat top left;
	padding: 0px 0px 0px 10px; 
}

.navMain li.active {
	background: url(../images/bk-nav-li-active.gif) no-repeat top left;
}

.navMain li a {
	color: #fff;
	float: left;
	height: 28px;
	background: url(../images/bk-nav-a.gif) no-repeat top right;
	text-decoration: none;
	padding: 17px 20px 0px 10px;
	font-size: 100%;
}

.navMain li.active a {
	color: #6699cc;
	background: url(../images/bk-nav-a-active.gif) no-repeat top right;
}

.navMain li a:hover {
	color: #6699cc;
}


.navSub {
	width: 988px;
	height: 36px;
	float: left;
}

.navSub li {
	float: left;
	height: 36px;
}

.blue .navSub li a {
	float: left;
	height: 24px;
	color: #6699cc;
	text-decoration: none;
	padding: 12px 20px 0px 20px;
}

.blue .navSub li a:hover {
	color: #b5d6ff;
}

.orange .navSub li a {
	float: left;
	height: 24px;
	color: #ffad01;
	text-decoration: none;
	padding: 12px 20px 0px 20px;
}

.orange .navSub li a:hover {
	color: #d99300;
}

.green .navSub li a {
	float: left;
	height: 24px;
	color: #c6cea5;
	text-decoration: none;
	padding: 12px 20px 0px 20px;
}

.green .navSub li a:hover {
	color: #a8b182;
}

.purple .navSub li a {
	float: left;
	height: 24px;
	color: #d69cff;
	text-decoration: none;
	padding: 12px 20px 0px 20px;
}

.purple .navSub li a:hover {
	color: #b468ea;
}



#mainContent {
	width: 988px;
	float: left;
	min-height: 200px;
}

#colLeft {
	width: 758px;
	float: left;
}

#colRight {
	width: 224px;
	float: right;
}

.imgleft 
{
    float: left;
    padding-right: 15px;
}


#panel1 {
	width: 728px;
	float: left;
	padding: 10px 20px 0px 10px;
	margin: 90px 0px 0px 0px;
}

#panel1Base {
	width: 758px;
	height: 8px;
	float: left;
	background: url(../images/base-panel1.gif) no-repeat top left;
	margin: 0px 0px 10px 0px;
}

#homePhotos {
	width: 380px;
	float: left;
	padding-right: 25px;
}

#mainPhoto {
	width: 380px;
	height: 215px;
	float: left;
	margin: 0px 0px 10px 0px;
}

#mainPhoto p {
	margin: 0px;
}

#mainPhoto img {
	display: block;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
}

#homePhotos ul {
	list-style-type: none;
}

#homePhotos li {
	float: left;
	width: 92px;
	height: 33px;
	text-align: center;
	padding: 17px 0px 0px 0px;
}

.homeImage1 {
	width: 92px;
	background: url(../images/bk-image-nav1.gif) no-repeat top left;
}
.homeImage2 {
	width: 93px;
	background: url(../images/bk-image-nav2.gif) no-repeat top left;
}
.homeImage3 {
	width: 93px;
	background: url(../images/bk-image-nav3.gif) no-repeat top left;
}
.homeImage4 {
	width: 92px;
	background: url(../images/bk-image-nav4.gif) no-repeat top left;
}

#homePhotos li:hover {
	background-position: right;
}

.homeImage1, .homeImage2, .homeImage3 {
	margin-right: 4px;
}


#panel1 h1 {
	color: #333333;
	font-weight: normal;
	font-size: 160%;
	margin: 10px 0px 15px 0px;
}

#panel1 p {
	color: #666;
	font-size: 100%;
	margin-bottom: 12px;
}


#panel2Wrapper {
	width: 351px;
	float: left;
	margin: 20px 5px 10px 0px;
}

#panel2 {
	width: 351px;
	float: left;
	background: url(../images/bk-panel2.gif) no-repeat top left;
	padding: 20px 0px 0px 0px;
	color: #fff;
}

#panel2Base {
	width: 351px;
	height: 10px;
	float: left;
	background: url(../images/base-panel2.gif) no-repeat top left;
}

#panelrWrapper {
	width: 351px;
	float: right;
	margin: 20px 5px 10px 0px;
}

#panelr {
	width: 351px;
	float: left;
	background: url(../images/bk-panel2.gif) no-repeat top left;
	padding: 20px 0px 0px 0px;
	color: #fff;
}

#panelrBase {
	width: 351px;
	height: 10px;
	float: left;
	background: url(../images/base-panel2.gif) no-repeat top left;
}

.newsItem {
	width: 316px;
	float: left;
	padding: 0px 25px 10px 10px;
}

.newsItem h2 {
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.newsItem h3 {
	font-weight: normal;
	font-size: 120%;
	margin-bottom: 10px;
}

.newsItem p {
	text-align: justify;
	font-size: 100%;
	line-height: 140%;
}

.quote {
	width: 261px;
	float: left;
	border-top: 1px solid #cdcece;
	border-bottom: 1px solid #cdcece;
	background: url(../images/bk-quote.gif) no-repeat top left;
	padding: 15px 10px 15px 80px;
}

.panel2Nav {
	width: 351px;
	float: left;
}
.panel2Nav ul {
	float: right;
	list-style-type: none;
	padding: 0px 10px 0px 0px;
}
.panel2Nav  li {
	float: left;
	color: #fedd11;
	padding: 8px 3px 0px 0px;
}

.panel2Nav  li a {
	color: #fedd11;
	text-decoration: none;
}

.panel2Nav  li a:hover {
	text-decoration: underline;
}


#panel3Wrapper {
	width: 402px;
	float: right;
	margin: 0px 0px 10px 0px;
}

#panel3 {
	width: 382px;
	float: left;
	background: #fff url(../images/bk-panel3.gif) no-repeat top left;
	padding: 20px 10px 0px 10px;
}

#panel3Base {
	width: 402px;
	height: 7px;
	float: left;
	background: url(../images/base-panel3.gif) no-repeat top left;
}

#panel3 h2 {
	color: #6699cc;
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 10px;
}

#panel3 p {
	font-size: 100%;
	line-height: 150%;
	margin-bottom: 10px;
	text-align: justify;
	color: #666;
}

ul.buyersGuide {
	width: 187px;
	float: right;
	background: url(../images/base-buyers-guide.jpg) no-repeat bottom left;
	padding: 0px 0px 14px 0px;
	list-style-type: none;
	margin: 0px 0px 0px 25px;
}

ul.buyersGuide li img {
	display: block;
}

ul.buyersGuide li a {
	width: 157px;
	float: left;
	background: #d69cff;
	color: #fff;
	text-decoration: none;
	margin-bottom: 1px;
	padding: 5px 15px 5px 15px;
}
ul.buyersGuide li a:hover {
	background: #efdeff;
}


.panelSub {
	width: 190px;
	float: left;
	background: #fff url(../images/bk-sub.gif) no-repeat top left;
	padding: 8px 17px 0px 17px;
}



.panelSubBase {
	width: 224px;
	height: 8px;
	float: left;
	background: url(../images/base-sub.gif) no-repeat top left;
	margin: 0px 0px 10px 0px;
}


.saleItem {
	width: 190px;
	float: left;
	border-bottom: 1px dotted #6699cc;
	padding: 10px 0px 10px 0px;
}

.saleItem img {
	float: left;
	margin: 0px 15px 0px 0px;
}

.saleItem p {
	float: left;
	color: #666;
	line-height: 130%;
	font-size: 90%;
}

.saleItemBody {
	width: 190px;
	float: left;
	padding: 10px 10px 10px 0px;
	margin-right: 30px;
}

.saleItemBody img {
	float: left;
	margin: 0px 15px 0px 0px;
}

.saleItemBody p {
	float: left;
	color: #666;
	line-height: 130%;
	font-size: 90%;
}


.homeTabBlue {
	width: 190px;
	float: left;
	border-bottom: 1px solid #6699cc;
	list-style-type: none;
}

.homeTabBlue li {
	float: left;
	text-transform: uppercase;
	color: #6699cc;
}

.homeTabBlue li.homeTabBlue1 {
	border-right: 1px solid #6699cc;
	padding: 3px 30px 3px 0px;
}
.homeTabBlue li.homeTabBlue2 {
	padding: 3px 0px 3px 20px;
}

.homeTabBlue li a {
	float: left;
	color: #6699cc;
	text-decoration: none;
}


.homeTabGreen {
	width: 190px;
	float: left;
	border-bottom: 1px solid #c6cea5;
	list-style-type: none;
	margin-bottom: 10px;
}

.homeTabGreen li {
	float: left;
	text-transform: uppercase;
	color: #c6cea5;
}

.homeTabGreen li.homeTabGreen1 {
	border-right: 1px solid #c6cea5;
	padding: 3px 30px 3px 0px;
}
.homeTabGreen li.homeTabGreen2 {
	padding: 3px 0px 3px 20px;
}

.homeTabGreen li a {
	float: left;
	color: #c6cea5;
	text-decoration: none;
}

.jobItem {
	width: 180px;
	float: left;
	margin-bottom: 1px;
	padding: 5px;
	background: #c6cea5;
}

.jobItem:hover {
	background: #dee7c6;
}

.jobItem img {
	float: left;
	margin: 0px 10px 0px 0px;
}

.jobItem p {
	font-size: 90%;
	line-height: 130%;
}

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


#panel4Wrapper {
	width: 758px;
	float: left;
	margin: 0px 0px 10px 0px;
}

#panel4 {
	width: 728px;
	float: left;
	background: #fff url(../images/bk-panel4.gif) no-repeat top left;
	padding: 15px 15px 0px 15px
}

#panel4Base {
	width: 758px;
	height: 8px;
	background: url(../images/base-panel4.gif) no-repeat top left;
	float: left;
}

#panel4Content  h1 {
	color: #6699cc;
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 10px;
}

#panel4Content p {
	color: #666;
	font-size: 100%;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 15px;
}

#panel5Wrapper {
	width: 223px;
	float: right;
	margin: 0px 0px 10px 0px;
}

#panel5 {
	width: 203px;
	float: left;
	background: #6699cc url(../images/bk-panel5.gif) no-repeat top left;
	padding: 10px 10px 0px 10px
}

#panel5Base {
	width: 223px;
	height: 10px;
	background: url(../images/base-panel5.gif) no-repeat top left;
	float: left;
}

#panel5 h2 {
	color: #fff;
	font-weight: normal;
	font-size: 130%;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.subItem {
	width: 191px;
	float: left;
	background: #feae01;
	padding: 5px;
	border: 1px solid #fff;
}

.subItem:hover {
	background: #ffcf65;
}

.subItem p {
	font-size: 90%;
	line-height: 150%;
}

.subItem a {
	color: #000;
	text-decoration: none;
}
.subItem a:hover {
	text-decoration: underline;
}


#panel6Wrapper {
	width: 988px;
	float: right;
	margin: 0px 0px 10px 0px;
}

#panel6 {
	width: 858px;
	float: left;
	background: #fff url(../images/bk-panel6.gif) no-repeat top left;
	padding: 40px 70px 0px 60px
}

#panel6Base {
	width: 988px;
	height: 8px;
	background: url(../images/base-panel6.gif) no-repeat top left;
	float: left;
}

#panel6 img {
	float: left;
	margin: 0px 55px 0px 0px;
}


.genContent {
	float: left;
	width: 560px;
	color: #666;
}

#panel6 h2 {
	color: #6699cc;
	font-size: 180%;
	font-weight: normal;
	margin-bottom: 10px;
}

.genContent p {
	font-size: 100%;
	line-height: 150%;
	margin-bottom: 15px;
	text-align: justify;
}




#panel7Wrapper {
	width: 335px;
	float: left;
	margin: 0px 15px 0px 0px;
}

#panel7 {
	width: 305px;
	float: left;
	background: #feae01 url(../images/bk-panel7.gif) no-repeat top left;
	padding: 15px 15px 0px 15px
}

#panel7Base {
	width: 335px;
	height: 8px;
	background: url(../images/base-panel7.gif) no-repeat top left;
	float: left;
}

#panel7 h2 {
	color: #fff;
	font-weight: normal;
	font-size: 170%;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.subItem2 {
	width: 305px;
	float: left;
	margin: 0px 0px 20px 0px;
}

.subItem2 img {
	float: left;
	margin: 0px 15px 0px 0px;
}

.subItem2 h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 5px;
}

.subItem2 p {
	font-size: 90%;
	line-height: 140%;
}








#footerWrapper {
	width: 100%;
	text-align: center;
	background: #6699cc;
	float: left;
}

#footerContentWrapper {
	width: 988px;
	margin: 0 auto;
	text-align: left;
}

#footerContent {
	width: 988px;
	margin: 0 auto;
	float: left;
	text-align: left;
	background: url(../images/bk-footer.gif) no-repeat top right;
	padding: 30px 0px 0px 0px;
}


.footLink {
	list-style-type: none;
	width: 205px;
	padding: 0px 10px 0px 0px;
	float: left;
}

.footLink li a {
	color: #fff;
	text-decoration: none;
}

.footLink li a:hover {
	text-decoration: underline;
}

.footNav {
	list-style-type: none;
	float: right;
	padding: 120px 0px 20px 0px;
	font-size: 90%;
}

.footNav li {
	float: left;
	color: #fedd11;
	padding: 0px 5px 0px 0px;
}

.footNav li a {
	float: left;
	text-decoration: none;
	color: #fedd11;
	padding: 0px 5px 0px 0px;
}

.footNav li a:hover {
	text-decoration: underline;
}






.access {
	display: none;
}