/*

Theme Name: HONBLUE

Author: Nicole Wilke

Description: Original Wordpress theme developed for HONBLUE.

*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	PRIMARY LAYOUT CONTROL

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





html, body {

	margin: 0;

	padding: 0;

	height: 100%

}



img {

	vertical-align: bottom;

}



a img { border: none; outline:none; } 



body {

	width: 100%;

	height: 100%;

	font-size: 90%;

	margin: 0;

	padding: 0;

	background-color:#367ba2;

	text-align:center;

	min-width:950px;

	font-family: Arial, sans-serif;

	line-height: 1.6em;

	color: #282828;

}



a:link, a:visited {

	color: #ff8f13;

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #ed1c24;

	text-decoration: none;

	font-weight: bold;

} 



#wrapper {

	width:100%;

	margin:0 auto;

}



#top {

	height: 217px;

	width: 100%;

	background-image: url("images/subtopbg.jpg");

	background-repeat: repeat-x;

	margin: 0;

	padding: 0;

}









#contentcontainer {

	background-color:  #f3f2e0;

	width: 100%;

	margin: 0;

	padding: 0;

}



#pagecontent {

	background-color:  #f3f2e0;

	width:900px;

	margin:0 auto;

	text-align:left;

	clear: both;

overflow: auto;



}



.resultsheader {

	background-image: url('images/searchresults.jpg');

	background-repeat: no-repeat; 

	background-color: transparent;

	background-position:top;

	width:369px;

	height:36px;

}



.resultsheader h2{

	display: none;

}



.buildersheader {

	background-image: url('images/servicesforbuilders.jpg');

	background-repeat: no-repeat; 

	background-color: transparent;

	background-position:top;

	width:369px;

	height:36px;

}



.buildersheader h2{

	display: none;

}





.designersheader {

	background-image: url('images/servicesfordesigners.jpg');

	background-repeat: no-repeat; 

	background-color: transparent;

	background-position:top;

	width:369px;

	height:36px;

}



.designersheader h2{

	display: none;

}



.resultstitle {line-height: 1.2em; margin:0; padding:0; font-size: 110%;}





#footer {

	clear: both;

	background: #367ba2;

	width: 100%;

	height: 300px;

	background-image: url("images/footerbg.jpg");

	background-repeat: repeat-x;

}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	HEADER CONTROL

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.topbgtext {

	float: right;

	width:200px;

	height:92px;

	margin: 0 auto;

	padding-left: 375px;

	padding-top: 11px;

	padding-right: 16px;

	text-align: left;

}



#topbg {

	background-image: url('images/topheadbg.jpg');

	background-repeat: no-repeat; 

	background-color: transparent;

	background-position:top;

	width:950px;

	height:125px;

	margin: 0 auto;

	text-align: left;

	color: #fff;

	font-family: Arial;

	font-size: 11px;

	letter-spacing:0.1em;

}



#secondnav {

background-position:right top;

background-repeat:no-repeat;

float:right;

height:45px;

padding-top:0px;

width:264px;

text-align: left;

}





  #buildersdesigners {

	width: 264px;

	height: 45px;

	background: url(images/secondnav.jpg);

	margin: 0 auto;

	padding: 0;

	position: relative;

	overflow: hidden;

	}



#buildersdesigners li {

	margin: 0; padding: 0;

	list-style: none;

	position: absolute; top: 0;

	}



#buildersdesigners li, #buildersdesigners a {

	height: 45px;

	display: block;
	
	outline:none;
}



#buildersdesigners span {display: none;}



#designers {

	width: 127px;

	height: 45px;

	left: 0px;

}



#builders {

	width: 137px;

	height: 45px;

	left: 127px;

}



#designers a:hover {

	background: transparent url(images/secondnav.jpg) 0 -45px no-repeat;

}



#builders a:hover {

	background: transparent url(images/secondnav.jpg) -127px -45px no-repeat;

}





#search {

background-image:url('images/searchbg.jpg');

background-position:right top;

background-repeat:no-repeat;

float:right;

height:35px;

padding-top:10px;

width:249px;

text-align: left;

}



#search form, fieldset, legend, label, select, textarea {

border:0 none;

margin:0;

outline-color:-moz-use-text-color;

outline-style:none;

outline-width:0;

padding:0;

}



#search #s {

background-color:transparent;

border:medium none;

float:left;

font-size:1.2em;

height:auto;

margin:10px 18px 0px 40px;

width:148px;

color: #fff;

}



#search #searchsubmit {

margin: 0px;

margin-top: 4px;

width:26px;

}



#shadow {

	background-image: url('images/shadowplain.jpg');

	background-repeat: no-repeat; 

	background-color: transparent;

	background-position:top;

	width:950px;

	height:44px;

	margin: 0 auto;

}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	NAVIGATION

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#navlist {

background-color:transparent;

background-image:url(images/navbarbgsub.jpg);

background-position:center top;

background-repeat:no-repeat;

height:48px;

margin:0 auto;

text-align:left;

width:950px;

}

#nav, #nav ul {

font-size:12px;

line-height:22px;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

padding:0;

z-index:1000;

}

#nav li a {

color:#FFFFFF;

display:block;

height:48px;

line-height:22px;

text-indent:-999em;

width:13em;

outline:none;
}

#nav li:hover {

background:transparent url(images/navbarbgsubover.jpg) repeat scroll 0 0;

}

#nav li.hometab {

width:116px; height: 48px;

}

#nav li.hometab a {

width:116px; height: 48px;

}



#nav li.hometab ul li a {

height: 22px;

}



#nav li.hometab:hover {

background-position:0 0;

}

#nav li.aboutustab {

width:124px;

}

#nav li.aboutustab ul li a {

height: 22px; width:13em;

}

#nav li.aboutustab a{

width:124px; height:48px;

}

#nav li.aboutustab:hover {

background-position:-116px 0;

}

#nav li.documentservicestab {

width:137px;

}

#nav li.documentservicestab ul li a {

height: 22px; width:13em;

}

#nav li.documentservicestab a{

width:137px; height:48px;

}

#nav li.documentservicestab:hover {

background-position:-240px 0;

}

#nav li.presentationgraphicstab {

width:157px;

}



#nav li.presentationgraphicstab ul li a {

height: 22px; width:13em;

}



#nav li.presentationgraphicstab a{

width:157px; height: 48px;

}

#nav li.presentationgraphicstab:hover {

background-position:-377px 0;

}

#nav li.onlineservicestab {

width:127px;

}

#nav li.onlineservicestab a{

width:127px; height: 48px;

}

#nav li.onlineservicestab ul li a {

height: 22px; width:13em;

}

#nav li.onlineservicestab:hover {

background-position:-534px 0;

}

#nav li.equipmenttab {

width:140px;

}

#nav li.equipmenttab ul li a {

height: 22px; width:13em;

}

#nav li.equipmenttab a{

width:140px; height: 48px;

}

#nav li.equipmenttab:hover {

background-position:-661px 0;

}

#nav li.ordertab {

width:149px;

}

#nav li.ordertab ul li a {

height: 22px; width:13em;

}

#nav li.ordertab a{

width:149px; height: 48px;

}

#nav li.ordertab:hover {

background-position:-801px 0;

}

#nav li li a {

height:22px;

text-indent:0;

}

#nav li li {

background-color:#444444;

border-bottom:1px solid #666666;

border-left:1px solid #666666;

border-right:1px solid #666666;

}

#nav li {

float:left;

width:13em;

}

#nav li ul {

background:#444444 none repeat scroll 0 0;

left:-999em;

position:absolute;

width:13em;

}
#nav li ul a{

padding-left: 3px;

}

#nav li li:hover {

background:#808080 none repeat scroll 0 0;

}

#nav li ul ul {

margin:-22px 0 0 13em;

}

#nav li:hover ul ul, #nav li.sfhover ul ul {

background-color:#808080;

left:-999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {

left:auto;

}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	SIDEBAR CONTROL

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#childrenlist {

list-style-type:none;

margin-left:10px;

margin-top:0;

padding-left:0;

width:280px;

}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	FOOTER CONTROL

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#footer .contactinfo{background-image: url('images/plainfooter.jpg');

	background-repeat: no-repeat; 

	background-color: transparent;

	background-position:top;

	width:950px;

	height:102px;

	margin: 0 auto;

}



#footer .contactinfo strong{

	display: none;

}





  #footerroll {

	width: 950px;

	height: 96px;

	background: url(images/footrollover.jpg);

	margin: 0 auto;

	padding: 0;

	position: relative;

	overflow: hidden;

	}



#footerroll li {

	margin: 0; padding: 0;

	list-style: none;

	position: absolute; top: 0;

	}



#footerroll li, #footerroll a {

	height: 96px;

	display: block;
	
	outline:none;
	
}



#footerroll span {display: none;}



#fblackbird {

	width: 168px;

	height: 96px;

	left: 0px;

}



#fjet {

	width: 154px;

	height: 96px;

	left: 168px;

}



#fzoombis {

	width: 211px;

	height: 96px;

	left: 322px;

}



#fhbmaui {

	width: 212px;

	height: 96px;

	left: 532px;

}



#frepromax {

	width: 206px;

	height: 96px;

	left: 744px;

}

#fblackbird a:hover {

	background: transparent url(images/footrollover.jpg) 0 -96px no-repeat;

}



#fjet a:hover {

	background: transparent url(images/footrollover.jpg) -168px -96px no-repeat;

}



#fzoombis a:hover {

	background: transparent url(images/footrollover.jpg) -322px -96px no-repeat;

}



#fhbmaui a:hover {

	background: transparent url(images/footrollover.jpg) -532px -96px no-repeat;

}



#frepromax a:hover {

	background: transparent url(images/footrollover.jpg) -744px -96px no-repeat;

}





#footer .footertext {

	width: 900px;

	margin: 0 auto;

	padding-top: 10px;

	text-align: right;

	color: #fff;

	font-family: 'Arial';

	font-size: 10.5px;

}



.searchresult {line-height: 1.4em; margin-bottom:20px;}



.searchresult p {margin: 0px;}

h2.fancytitle {padding-bottom:0px; font-family:Georgia, "Times New Roman", serif; font-size:24px; font-weight:normal; color:#000; border-bottom:1px solid #ccc; margin-bottom: 5px; }

img#wpstats	{ display:none; }