/*

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: 89%;

	margin: 0;

	padding: 0;

	background-color:#367ba2;

	text-align:center;

	min-width:950px;

	font-family: Arial, sans-serif;

	line-height: 1.4em;

	color: #282828;

}



a:link, a:visited {

	color: #DF6B1A;

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #ed1c24;

	text-decoration: none;

	font-weight: bold;

} 


p.nolink {

	color: #df6b1a;

}


#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-image: url("images/subcontentbg.jpg");

	background-repeat: repeat-y;

	width:950px;

	margin:0 auto;

	text-align:left;

	clear: both;

	overflow: hidden;

}



#pagecontent .sidebar {

clear:right;

float:left;

overflow:hidden;

padding-left:34px;

padding-right:0px;

text-align:justify;

width:225px;

}

#pagecontent .bodytext {

margin-left:285px;

padding-left:20px;

padding-top:30px;

text-align:left;

width:595px;

}





#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/subshadow.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;

}







#childrenlist {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin-left:2px;

padding:0;

text-align:left;

margin-top: 0px;

}



#childrenlist li{

border-bottom:1px dotted #999999;

font-size:1em;

line-height:1.5em;

margin-left: 0px;

padding:1px 0px 1px 0px;

text-align:left;

}



#childrenlist li ul{

margin: 0px;

padding: 0px 0px 0px 15px;

text-align: left;

}



#childrenlist li li{

border-bottom: none;

font-size:1em;

line-height:1.3em;

margin: 0px;

padding:1px 0 1px 0;

text-align:left;

}





#pagecontent .sidebar a {

	color: #114f7a;

	text-decoration: none;

	font-weight: bold;

}



#pagecontent .sidebar a:hover {

	color: #34789f;

	text-decoration: none;

	font-weight: bold;

}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	FOOTER CONTROL

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



#footer .contactinfo{background-image: url('images/footersub.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;

}



h3 {padding-bottom:0px; font-size: 17px; border-bottom: none; margin-bottom: 4px; width:90%; }

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; }

.storycontent p {margin-top: 0px}

#pickupformwrapper {
width:  455px; margin: 0px auto; text-align: center;	
}

#pickupformright {
text-align: right;	
}

.pickupformlabel {font-size: .9em; text-transform: uppercase; line-height: 1.5em;}

.textfield {
	background-color:#edecdc;
border:1px solid #c0c0b2;
font-size:12px;
padding:3px 1px 3px 1px;
text-transform: none;
}

.textfieldspace {
	background-color:#edecdc;
border:1px solid #c0c0b2;
font-size:12px;
padding:3px 1px 3px 1px;
text-transform: none;
margin-right: 6px;
}
.submitbutton {background-color:#34789f;
border:1px outset #114F7A;
font-size:14px;
padding:4px;
vertical-align:middle;
width:45px;
color: #fff;
}
.wpcf7-not-valid-tip-no-ajax {color: red;}

.wpcf7-response-output wpcf7-mail-sent-ok p{font-weight: bold; color: green;}

.threebar {width: 45%; float:left; padding: 0 5px 0 0;}

.bottomspace {clear:both; margin: 0 0 15px 0;}

.contact_map { width:475px; height:250px; background:url(ajax-loader.gif) center center no-repeat; margin-bottom:60px; }

img#wpstats	{ display:none; }
