@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#004352;
background: #fff;
}
img{
border:0px;
}
a{
	text-decoration:none;
	color: #333;
}
.header{
	background: url(../images/top_bk-the-woodlands-garage-doors.jpg) repeat-x;
}
.logo h1{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
}
.logo h1 span{
	color: #ae2d27;
	text-transform: uppercase;
}
.logo span{
	color: #fff;
	text-transform: uppercase;
}
.phone h1{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
font-weight:bold;
color:#FFFFFF;
}
.phone1 h1{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
color:#FFFFFF;
}
.search_box{
width:200px;
height:22px;
border-radius:5px;
border:0px;
text-indent:3px;
}
.search_btn{
background:url(../images/search_btn.png);
width:30px;
height:24px;
border:0px;
cursor:pointer;
}
.menu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-bottom:12px;
font-weight:bold;
background:url(../images/menu_center-the-woodlands-garage-doors.png) repeat-x;
height:43px;
}
.menu ul{
margin:0px;
padding:0px;
}
.menu li{
list-style:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.menu li.menuline{
width:4px;
height:43px;
}
.menu li a{
color:#FFFFFF;
line-height:40px;
padding:15px 16px 10px 16px;
}
.menu li a:hover{
color:#FFFFFF;
text-decoration:none;
}
.menu li a.active{
color:#FFFFFF;
text-decoration:none;
}
.footer{
background-color:#043266;
height:55px;
}
.footer h2{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
}
.footer h2 a{
color:#FFFFFF;
padding:0px 12px 0px 12px;
font-weight:bold;
}
.footer h2 a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.footer span{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
font-weight:normal;
}
.txt1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000033;
	font-weight: bold;
}
.serviceareas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #003;
}

.txt2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#666165;
font-weight:bold;
}
.txt3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#004352;
line-height:19px;
text-align:justify;
}
.txt4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.txt4 a{
color:#194695;
}
.txt4 a:hover{
color:#194695;
text-decoration:underline;
}
.txt5{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:25px;
}
.txt5 a{
color:#3f3f3f;
font-weight:bold;
}
.txt5 a:hover{
color:#014f26;
}
.txt5 a.active{
color:#014f26;
}
.txt6 h1{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
color:#005160;
}
.txt7{
color:#63e3a39;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:justify;
}
.txt8{
	color: #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.txt6 span{
font-family:Arial, Helvetica, sans-serif;
font-size:15x;
font-weight:bold;
color:#005160;
}
.box{
background-color:#FFFFFF;
border-radius:5px;
-moz-border-radius:5px;
padding:15px 0px 1px 0px;
}
.box1{
border:1px solid #c2bec2;
border-radius:5px;
-moz-border-radius:5px;
padding:10px;
}
.img_border{
	border:1px solid #b5b3b3;
	padding:4px;
	background-color:#454444;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	color: #003;
}
.services a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: bold;
	color: #003;
}
#formtxt{width:250px;float:left;padding-left:15px;padding-top:10px;background-color:#eaeaea;box-shadow:0 0 1px #666;}
.name{width:195px;height:45px;float:left}
.email{width:195px;height:45px;float:left}
.city{width:195px;height:45px;float:left}
.tele{width:195px;height:45px;float:left}
.textarea{width:195px;height:45px;float:left}
textarea{font-family:Calibri}
.buttonok{width:195px;height:45px;float:left}
.submit{width:80px;height:35px;float:left;margin-top:10px}
.reset{width:80px;height:35px;float:left;margin-top:10px}

#phonenumber{display: none}
@media only screen and (max-width:980px){
#phonenumber{width: 100%; position: relative; top: 0;display: block;font-size: 44px;font-weight: bolder;text-align:center;}
#phonenumber a{font-size: 44px;font-weight: bolder;text-align: center;color:#063569;}
#phonenumber a:hover{color:#000000;}}
@media only screen and (max-width:700px){
#phonenumber{width: 100%; position: relative; top: 0;display: block;font-size: 40px;font-weight: bolder;}
#phonenumber a{font-size: 44px;font-weight: bolder;text-align: center}}
@media only screen and (max-width:400px){
#phonenumber{width: 100%; position: relative; top: 0;display: block;font-size: 210%;font-weight: bolder;text-align: center}
#phonenumber a{font-size: 120%;font-weight: bolder;text-align: center}}