//css

*{
	margin:0px;
	border:0px;
	padding:0px;
	outline: none;
}
img, a{
	border:0px;
	outline: none;
}
html{
	background:url(/images/bg2.jpg) repeat-x;
	height:100%;
}
body{
	
	height:100%;
}
#containerMain {
background:url(/images/bgmain.jpg) no-repeat;
	height: 100%;
	width: 780px;
	margin: 0 auto 0 auto;
	min-height: 590px;
}
div.loader{
	background:url(images/hphpdesign.jpg) no-repeat;
	background:url(images/hphparch.jpg) no-repeat;
	background:url(images/hphpdelivery.jpg) no-repeat;
	background:url(images/hphpserv.jpg) no-repeat;
	background:url(images/hphpmain.jpg) no-repeat;
	margin-left:-1000px;
}

#header{
	background:url(/images/bgband.png) no-repeat 44px 23px;
	height: 73px;
}
#header h1{
	background:url(/images/houstonphplogoweb.png) no-repeat 10px 28px;
	text-indent: -9999px;
 	width: 300px;
 	height: 83px;
}


#header #nav1{
	margin: -42px 70px 0 auto;
	float:right;
	display:inline;
}

#header #nav1 a{
	height:22px;
	margin: 0px 0px 0px 25px;
	display:block;
	border:0px;
	float:left;
	text-indent:-9999px;
	
}
#header #nav1 li{
    display:inline;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
#header #nav1 a.aboutus {
	width:85px;
	background:url(/images/aboutus.png) no-repeat 0px 0px;
}

#header #nav1 a:hover.aboutus {
	background-position:0px -22px;
}

#header #nav1 a.products {
	width:69px;
	background:url(/images/products.png) no-repeat 0px 0px;
}

#header #nav1 a:hover.products {
	background-position:0px -22px;
}
#header #nav1 a.services {
	width:61px;
	background:url(/images/services.png) no-repeat 0px 0px;
}

#header #nav1 a:hover.services {
	background-position:0px -22px;
}

#header #nav1 a.contactus {
	width:81px;
	background:url(/images/contactus.png) no-repeat 0px 0px;
}

#header #nav1 a:hover.contactus {
	background-position:0px -22px;
}

#header  #nav1 li ul.subnav {  
     list-style: none;  
     position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
     font-family:Arial, Helvetica, sans-serif;
	 color:#666666;
	 font-size:10px;
     left: 0; top: 35px;  
     background: #333;  
     margin: 0; padding: 0;
    /* display: none; */
     float: left;  
     width: 120px;  
     border: 1px solid #111;  
 }  

#header  #nav1 li ul.subnav li{ 
	display: block; 
     margin: 0; padding: 0;  
     border-top: 1px solid #252525; /*--Create bevel effect--*/  
     border-bottom: 1px solid #444; /*--Create bevel effect--*/  
     clear: both;  
     width: 120px;  
}

 html #header  #nav1  li ul.subnav li a {  
     float: left;  
     width: 110px;  
     background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  
     padding-left: 20px;  
 }  

html #header  #nav1  li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
     background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
 }  
#contentBody{
	height:460px;
	width:767px;
	background:url(/images/hphpbg3.png) 0px -25px no-repeat;
}
#contentBody #mainimg{
	text-indent:-9999px;
	height:450px;
	width:740px;
	background:url(/images/hphpmain.png) 40px 10px no-repeat;
}

#contentBody #mainimg2{
	text-indent:-9999px;
	height:450px;
	width:740px;
	background:url(/images/hphpdesign.png) 40px 10px no-repeat;
}
#contentBody #mainimg3{
	text-indent:-9999px;
	height:450px;
	width:740px;
	background:url(/images/hphparch.png) 40px 10px no-repeat;
}
#contentBody #mainimg4{
	text-indent:-9999px;
	height:450px;
	width:740px;
	background:url(/images/hphpdel.png) 40px 10px no-repeat;
}
#contentBody #mainimg5{
	text-indent:-9999px;
	height:450px;
	width:740px;
	background:url(/images/hphpserv.png) 40px 10px no-repeat;
}

#contentBody #mainimg #mainlkns2{
	margin: 0px 0px 0px 50px; 
	height: 25px;
	width: 350px;
	float:left;
}

#contentBody #mainimg #mainlkns2 a{

	height: 25px;
	width: 80px;
	display:block;
	float:left;
}

#contentBody #maintxt{
text-indent:0px;
margin: 15px 20px 20px 420px; 
padding: 15px 0 0 0;
width:300px;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:14px;
}

#contentBody #maintxt p{
padding:0px 10px 15px 10px;
}

#contentBody #maintxt .bodylist{
	font-size:10px; 
	margin:-10px 0 0 25px; 
	list-style:square; 
	color:#CCCCCC;
	/*color:#FF9900;*/
}

#contentBody #maintxt .bodylist li span{
	color:#000000;
}

#footer {
	height: 85px;
	min-width: 780px;
	width: 100%;
	margin: -85px auto 0 auto;
	background-color:#000000;
	color:#555555;
	font-family :Arial, Helvetica, sans-serif;
	font-size:8px; 

}
#footer .legal{
	height:30px;
	width:450px;
	margin: 32px auto auto 20px;
	float:left;
}

#footer .social{
float:right;
margin: 15px 20px 15px auto;

}

#footer .social a{
    height:55px;
	width:30px;
	display: block;
	float:left;
	text-indent:-9999px;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;


}
#footer a.facebook{
	background:url(/images/facebook.png) no-repeat;
}

#footer a:hover.facebook{
	
  filter:alpha(opacity=100);
  opacity:1.0;

}

#footer a.twitter{
	background:url(/images/twitter.png) no-repeat;
}
#footer a:hover.twitter{
	
  filter:alpha(opacity=100);
  opacity:1.0;

}



#footer a.linkedin{
	background:url(/images/linkedin.png) no-repeat;
}

#footer a:hover.linkedin{
	
  filter:alpha(opacity=100);
  opacity:1.0;

}
#footer a.addthis{
	background:url(/images/addthis.png) no-repeat;
}
#footer a:hover.addthis{
	
  filter:alpha(opacity=100);
  opacity:1.0;

}
#footer a.optin{
	background:url(/images/mail.png) no-repeat;
}
#footer a:hover.optin{
	
  filter:alpha(opacity=100);
  opacity:1.0;

}
#footer a.rss{
	background:url(/images/rss.png) no-repeat;
}
#footer a:hover.rss{
	
  filter:alpha(opacity=100);
  opacity:1.0;

}

.style2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
#emailer input, textarea{
	border:1px solid #999999;
}
#forms{
	margin:5px 0 0 28px;
	
}
.ctitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#555555;
	font-weight:bold;
	margin: 0px 0px 10px 0px;	
	
}

.cbody{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;	
	margin: 0px 0px 5px 0px;
}
#form1 ul{
	list-style-type:none;
	
}
#form1 label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	font-weight:bold;
	margin: 0px 10px 0px 0px;
	height: 15px;
	width: 90px;
	display: block;
	text-align:right;
	float:left;
}

#form1 li input, textarea{
	width:220px;
}

#form1 #name, #email_address, #subject, #message{
	border: 1px solid #999999;
}

#form1 .buttons{
	width: 80px;
	margin: 0 10px;
	border: 1px solid #CCCCCC;
}
#form1  .buttnss{
	margin: 10px 0 0 90px;
}