/*****************************************HM .CSS**************************************************************/
@charset "utf-8";
/* CSS Document */
*{ 	
 margin: 0;
 padding: 0;
}
html {
height:100%;
width:100%;
}
p{
margin:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:13px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight:normal;
	margin: 0;
	padding: 0;
	background-image: url(images/bkg.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #137B95;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFB700;
	text-decoration:underline;
}
#wrapper {
width:100%;
margin:0px auto;
background-image:url(images/bkg.png);
background-repeat:repeat-y;
background-position:top center;
}

#main {
width:961px;
margin:0px auto;
}
#header {
background-image:url(images/headerbkg.jpg);
background-repeat:no-repeat;
background-position:top center;
height:184px;
}
#displayheader{
}
.displayimg{
width:696px;
height:251px;
float:left;
}
.featuredsite{
width:251px;
height:251px;
background-color:#434343;
float:right;
}
.grybx{
background-image:url(images/gr_bkg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#2B2A2A;
}
.ourservices{
}
.title{
background-image:url(images/tab.png);
background-repeat:no-repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
padding-left:14px;
width:237px;
height:46px;
line-height:46px;
border-bottom:1px solid #FFFFFF;
}
.sale{
background-image:url(images/red.jpg);
background-repeat:repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
font-style:oblique;
padding-left:8px;
width:269px;
height:24px;
line-height:24px;
border-bottom:1px solid #FFFFFF;
}
.sale2{
background-image:url(images/red.jpg);
background-repeat:repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
font-style:oblique;
padding-left:8px;
width:315px;
height:24px;
line-height:24px;
border-bottom:1px solid #FFFFFF;
}
.sale3{
background-image:url(images/red.jpg);
background-repeat:repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;
font-style:oblique;
padding-left:8px;
width:232px;
height:24px;
line-height:24px;
border-bottom:1px solid #FFFFFF;
}
.leftcol{
float:left;
width:251px;
}
.righcol{
float:right;
width:699px;
}
.rightheader{
width:689px;
height:36px;
background-image:url(images/titlecon.jpg);
background-repeat:no-repeat;
padding-left:10px;
line-height:36px;
margin:0px;
font-family:"Trebuchet MS", Arial;
font-size:15px;
font-weight:bold;
color:#000000;
}
#storefooter {
width:982px;
margin:0px auto;
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
background-position:top center;
height:61px;
padding-top:15px;
}
#footer {
width:982px;
margin:0px auto;
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
background-position:top center;
height:61px;
padding-top:15px;
}
.footerlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
color:#000000;
font-weight:bold;
padding-left:12px;
padding-right:12px;
}
.copyright{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}
.copyrightlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:7px;
padding-right:7px;
color:#DADADA;
}

.clear{
clear:both;
}
.he15{
clear:both;
height:15px;
}
.he10{
clear:both;
height:10px;
}

.content{
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
background-position:top;
background-repeat:repeat-x;
padding:14px;
color:#000000;
}

.pricing_content{
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
background-position:top;
background-repeat:repeat-x;
padding:7px;
color:#000000;
}

.building{
width:112px;
height:133px;
background-image:url(http://metrotechsolutions.us/images/building.jpg);
background-repeat:no-repeat;
background-position:top center;
float:left;
}

.metrologo{
width:289px;
height:133px;
background-image:url(images/metrotech.jpg);
background-repeat:no-repeat;
background-position:top center;
display:block;
float:left;
}
.followus{
width:260px;
height:133px;
background-image:url(images/followus.jpg);
background-position:top right;
background-repeat:no-repeat;
float:right;
}
.followicon{
height:31px;
text-align:right;
padding-top:10px;
padding-right:10px;
}
.followicon img{
padding-left:6px;
}
.phoneno{
background-image:url(images/phone.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
height:29px;
font-size:25px;
line-height:25px;
float:right;
margin-top:15px;
}
.emailme{
background-image:url(images/email.png);
background-position:left top;
background-repeat:no-repeat;
padding-left:25px;
height:29px;
font-size:11px;
line-height:12px;
float:right;
margin-top:15px;
color:#C80E1E;
display:block;
font-weight:bold;
}
.navbar{
background-image:url(images/navbkg.jpg);
background-repeat:repeat-x;
height:51px;
}
.navleft{
background-image:url(images/leftcor.jpg);
background-repeat:repeat-x;
width:11px;
height:51px;
float:left;
}
.navright{
background-image:url(images/rightcor.jpg);
background-repeat:repeat-x;
width:11px;
height:51px;
float:right;
}

.searchbar{
width:242px;
height:42px;
padding-top:9px;
padding-left:6px;
float:left;
}
.searhbox1{
width:160px;
height:26px;
padding-top:5px;
padding-left:5px;
background-image:url(images/searchbk1.jpg);
background-repeat:no-repeat;
float:left;
}
.searchinput {
width:157px;
height:23px;
border:0px #ffffff;
line-height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:lighter;
text-align:center;
}
.searchbutton{
float:left;
width:71px;
height:31px;
border:0px;
}
/* menu dropdown */
.mattblacktabs{
width:690px;
height:51px;
float:left;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding-left:25px;
padding-right:25px;
background-image:url(images/navgap.jpg);
background-position:right bottom;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color: #E7CCCE;
height:51px;
line-height:51px;
}

.mattblacktabs li a:visited{

}

.mattblacktabs li a:hover{
color:#FFFFFF;

}
.mattblacktabs li a span{
background-image:url(images/arrowbottom.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:51px;
display: inline-block; 
color:#FFFFFF;
}

.jqueryslidemenu{
width:690px;
float:left;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background-image:url(images/navgap.jpg);
background-position:right bottom;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color: #E7CCCE;
padding-left:25px;
padding-right:25px;
line-height:51px;
height:51px;
text-decoration: none;
margin: 0;
}
.jqueryslidemenu li a span{
background-image:url(images/arrowbottom.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:51px;
display: inline-block; 
color:#FFFFFF;
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

}

.jqueryslidemenu ul li a:hover{
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 220px; /*width of sub menus*/
padding-left:5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #333333;
background-color:#000000;
background-image:none;
height:30px;
line-height:30px;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background-color:#B30016;
color: #ffffff;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}




/*logi */
.loginpanelbox{
width:190px;
padding-left:16px;
padding-top:10px;
padding-bottom:12px;
font-family:"Trebuchet MS", Arial;
font-size:13px;
color:#ffffff;
}
.loginpanelbox a{
font-family:"Trebuchet MS", Arial;
font-size:13px;
color:#FFB700;
}
.txtform{
width:162px;
height:23px;
background-image:url(images/boxshd.jpg);
border:1px solid #727272;
font-family:"Trebuchet MS", Arial;
font-size:15px;
color:#000000;
line-height:23px;
padding-left:7px;
font-weight:bold;
}
.formtxt{
font-family:"Trebuchet MS", Arial;
font-size:16px;
color:#ffffff;
padding-bottom:5px;
font-weight:bold;
}
.formtxt2{
padding-bottom:7px;
}
.btnlable{
background-image:url(images/login_btn.gif);
width:116px;
height:33px;
text-align:center;
line-height:20px;
font-family:"Trebuchet MS", Arial;
font-size:16px;
text-transform:uppercase;
border:0px;
font-weight:bold;
margin-top:8px;
margin-bottom:8px;
background-color:#353333;
}

.toktumi{
color: #FFB700;
padding-bottom:14px;
padding-top:9px;
padding-left:15px;
padding-right:15px;
}

.arrowlistmenu{
padding-bottom:14px;
padding-top:9px;
padding-left:15px;
}


.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #FFB700;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 14px; /*link text is indented 19px*/
text-decoration: none;
font-family:Tahoma, Arial;
font-size: 13px;
}

.arrowlistmenu ul li a:visited{

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
font-family:Tahoma, Arial;
font-size: 13px;
color: #ffffff;

}


.arrowlistmenu2{
padding-bottom:14px;
padding-top:9px;
padding-left:15px;
}


.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu2 ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu2 ul li span{
color: #ffffff;
background: url(images/arrowbullet2.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0;
padding-left: 14px; /*link text is indented 19px*/
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}
.arrowlistmenu2 ul li a{
color:#FFB700;
padding-left: 14px;
font-size:11px;
padding-bottom:12px;
display:block;
}
.arrowlistmenu2 ul li a:visited{

}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color:#ffffff;
padding-left: 14px;
font-size:11px;

}