@charset "utf-8";
/* CSS Document */

body{ font-size:11px; font-family:arial, Verdana, Geneva, sans-serif; }
.pageWrapper{ position:relative;}
.wrapper{ width:980px; margin:0 auto;}
.colMain{ width:555px; float:left; padding-top:10px;}
.colLeft{ width:298px; float:right; padding-top:10px;}
.mainContainer{ background:url(../images/white_bg.png) repeat; padding:15px; margin:0px 0 10px; overflow:hidden; }

ul.navigation{ overflow:hidden; margin-bottom:1px; margin-top:7px; margin-left:85px;}
ul.navigation li{ float:left; margin-right:1px;}
ul.navigation li a{ padding:5px; background:#fff;  color:#2f5197; display:block; text-decoration:none;}
ul.navigation li a:hover{ background:#4aa2dd; color:#fff;}
ul.navigation li a.current{ color:#fff; background:#305198;}
ul.navigation li a.commercial,ul.navigation li a.domestic{ background:#9e9ea1; color:#fff;}

ul.navigation li a.domestic:hover, ul.navigation li a.commercial:hover{ color:#2f5197;}
ul.navigation li a.domestic{ background:#7a4000;}
.blockSlider{ overflow:hidden; position:relative; }

.block{ background:#7a4000; margin-bottom:15px; color:#fff; padding:10px; }
.commercial .block{ background:#9e9ea1;}
.block h5{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.commercial .block h5{ color:#2f5197;}
.block p{ margin-bottom:10px;}
.block ul li{ font-weight:bold;  margin-bottom:10px; overflow:hidden;}
.block ul li label{ width:75px; display:block; float:left;}
.block ul li label.error{ display:none !important;}
.block ul li input.error{ border:1px solid red;}
.block ul li input{ float:left; width:175px;}
.block ul li input[type="submit"]{ margin-left:75px; background:#000; color:#fff; cursor:pointer; width:70px;}
.block ul li input[type="submit"]:hover{ background:#fff; color:#000;}


.requestQuote{ margin-bottom:0;}
.block input{ border:0; padding:2px;}
.block textarea{ border:0; width:173px; font-family:Arial, Helvetica, sans-serif; padding:3px; font-size:12px;}

.home .blockSlider .block{ background:url(../images/blockTop.png) no-repeat; width:226px; padding-top:6px; position:absolute; right:90px; top:130px; z-index:999;}


.blockContain{ background:url(../images/blockBg.png) repeat-y; padding:5px 15px;}
.blockBot{ background:url(../images/blockBot.png) no-repeat; width:226px; height:6px;}

.blockContain h5{ color:#fff; margin-bottom:5px;}
.blockContain ul li{ background:url(../images/bullets.png) no-repeat 0 2px; padding-left:20px;  margin-bottom:9px;}
.blockContain ul li a{ color:#555c63;}
.blockContain ul li a:hover{ color:#fff; text-decoration:none;}


.welcomeDiv{ position:absolute; bottom:70px; right:115px; width:340px; font-weight:bold; z-index:600;}
.welcomeDiv h2 { font-size:11px; color:#fff; font-weight:bold; margin-bottom:15px;}
.welcomeDiv h2 span{ font-size:16px;}
.welcomeDiv h2 em{ font-size:15px;}
.welcomeDiv em{ font-style:normal; color:#4aa2dd; font-size:16px;}

.slidingBlock{ position:absolute; bottom:15px; left:15px; z-index:500;}
.slidingBlock .sliding{ width:152px; height:34px; text-indent:-999em; float:left; margin-right:10px; background:url(../images/sliding_block.png) no-repeat; position:relative; cursor:pointer;}
.slidingBlock  li{ float:left;}

.slidingBlock ul{ overflow:hidden;}

.phylosophyBlockDiv .philosophy{  background:url(../images/sliding_block.png) no-repeat -163px 0;  width:152px; height:34px; text-indent:-999em; cursor:pointer;}
.servicesBlockDiv .services{  background:url(../images/sliding_block.png) no-repeat -326px 0; width:152px; height:34px; text-indent:-999em; cursor:pointer;}
.newsBlock .news{ background:url(../images/sliding_block.png) no-repeat -491px 0; width:60px; margin-right:2px; text-indent:-999em; height:34px;  }

.phylosophyBlockDiv{ position:absolute; bottom:15px;  z-index:500; left:175px;  }
.servicesBlockDiv{ position:absolute; bottom:15px;  z-index:500; left:337px; }
.newsBlock{ position:absolute; bottom:15px;  z-index:500; left:497px;}
.newsBlock li{ float:left;}

.slidingBlock .sliding:hover,
.servicesBlockDiv .services:hover,
.phylosophyBlockDiv .philosophy:hover{ filter: alpha(opacity=80); -moz-opacity:0.8;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  -khtml-opacity: 0.8; opacity:0.8;
}


.tcpBlock{ background:url(../images/tcp.png) repeat; width:140px;    padding:10px 5px; color:#fff; font-size:11px;/* position:absolute; top:-275px; */height:260px; display:none;}

.philosophyBlock{ background:url(../images/phylo.png) repeat; width:140px;  padding:10px 5px; color:#fff; font-size:11px; /*position:absolute; top:-427px;*/ height:412px; display:none; }

.servicesBlock{ background:url(../images/service.png) repeat; width:140px;   padding:10px 5px; color:#fff; font-size:11px; /*position:absolute; top:-200px;*/ height:185px; display:none;}

.servicesBlock li, .philosophyBlock li{ background:url(../images/bullets.png) no-repeat 0 2px; padding-left:20px; margin-bottom:10px;}

.servicesBlock li a, .philosophyBlock li a{ color:#fff;}
.servicesBlock h4, .philosophyBlock h4{ margin-bottom:10px;}

.newsTicker{ float:left; overflow:hidden; position:relative; width:264px;}
.newsTicker div.bg{ background:url(../images/newsbg.png) repeat-x; padding:0 0px 0 7px; float:left; color:#fff;  line-height:33px; font-weight:bold; width:250px; height:33px !important; }

.newsTicker div.bg ul{ height:33px !important; overflow:hidden !important;}
.newsTicker div.bg ul li{ height:33px !important;}
.newsTicker div.right{ background:url(../images/newsTicker.png) no-repeat right; line-height:33px; float:left; width:7px;}

.welcomeBlock{ overflow:hidden; } 
.welcomeBlock .leftBlock{  width:880px; float:left; margin-right:10px; }
.welcome{background:#fff url(../images/welcome.gif) no-repeat 15px 15px; padding:15px 15px 15px 70px; min-height:174px; }

.about .welcome{ background:#fff; padding-left:15px; }


.welcome p{ width:535px; margin-bottom:10px;}
.welcome h3{ color:#4aa2dd; font-size:18px; font-weight:bold; width:420px; margin-bottom:10px;}
.welcome h4{ color:#54616c; font-weight:bold; font-weight:bold; margin-bottom:10px;}
.welcome h4 span{ color:#4aa2dd; font-size:16px; text-transform:uppercase; }
.welcome h4 span span{ color:#54616c;}

.blockRight{ float:right; }


.blockRight img{ vertical-align:bottom;}




.contactBlock{ padding:0px 0px 7px; color:#fff; overflow:hidden; margin-bottom:50px;}
.contactBlock h5{ color:#fff; font-weight:bold; margin-bottom:3px;}
.contactBlock span{ display:block; margin-bottom:3px; /*background:url("../images/bullets.png") no-repeat scroll 0 2px transparent;padding-left:20px;*/ }
.noBg{ background:none !important; padding-left: 0 !important;}
.contactBlock span.inline, .contactBlock em{ display:inline-block; color:#4aa2dd;}
.contactBlock a{ color:#fff; text-decoration:underline;}
.contactBlock a:hover{ text-decoration:none;}
.contactBlock .contactLeft{ float:left; }

.contactBlock .socialIcons{ float:left; }
.socialIcons .social{ background:url(../images/social.png) no-repeat; width:23px; height:24px; display:block; float:left; text-indent:-999em; cursor:pointer; margin-right:5px; margin-bottom:0 !important; padding-left:0 !important;}
.socialIcons .social:hover{  filter: alpha(opacity=50); -moz-opacity:0.5;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  -khtml-opacity: 0.5; opacity:0.5;



}
.socialIcons .twitter{ background-position:-28px 0;}
.socialIcons .shard{ background-position:-55px 0;}

.footer .socialIcons .shard{ background:url(../images/shard.png) no-repeat;}

.footerContainer{background:#305198; padding:3px 0 0; position:fixed; bottom:0px; width:100%; line-height:16px; z-index:999;}
.footer{ color:#fff; overflow:hidden; width:980px; margin:0 auto;}
.footer address{ float:left; display:block;}
.footer address a{ color:#fff; text-decoration:underline; display:inline-block;}
.footer address a:hover{ text-decoration:none; display:inline-block;}
.footer address a span{ color:#fff; display:block; display:inline-block;}
.footer address .info{ letter-spacing:1px; font-weight:bold; text-transform:uppercase; margin-left:10px; display:inline-block;}
.footer ul{ float:right;}
.footer ul li{ float:left; margin-left:5px;}
.footer ul li a{ color:#fff; text-decoration:none;}
.footer ul li a:hover{ color:#fff; text-decoration:underline;}


#slider, #slider{ position:absolute; height:300px; /* filter: alpha(opacity=50); -moz-opacity:0.5;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  -khtml-opacity: 0.5; opacity:0.5; opacity:0.5; */top:0; z-index:99;}	
 #slideshow{ position:absolute; top:0;}
	#slider ul, #slider li,#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:883px;
		height:528px;
		overflow:hidden; 
		}	
#prevBtn,#nextBtn{ display:none;}

#slideshow {
    /*position:relative;
    height:350px;*/
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.logo{ width:473px; height:99px; display:inline-block; float:left; position:absolute; left:0; top:0; z-index:999; }
.about .logo{ position:absolute; right:0;}
.bannerText{ position:absolute; bottom:20px; left:20px; z-index:200;}

.about .blockSlider{ height:149px;}
.about .bodyContainer{ overflow:hidden;}
.about .leftContainer,
.about .middleContainer,
.about .block{ float:left;}
.about .leftContainer{ width:251px;}
.about .middleContainer{ width:370px; margin:0 10px 0 20px;}
.about .welcome p{ width:350px;}

.about .block{ background:url(../images/blueBox.gif) no-repeat; width:197px; padding-top:8px; margin-top:113px;}



.about .blockContain{ background:url(../images/blueBoxBg.gif) repeat-y;}
.about .blockBot{background:url(../images/blueBoxBot.gif) no-repeat; height:8px; width:197px;}



.about .pdfDownloader{ margin-top:15px;}
.about .pdfDownloader span{ display:block; background:url(../images/grayBullet.gif) no-repeat left; padding-left:15px; margin-top:5px;}
.about .pdfDownloader span a{ color:#555c63; text-decoration:underline;}
.about .pdfDownloader span a:hover{ text-decoration:none;}
.about .pdfDownloader span em{ color:#4aa2dd; font-style:normal;}

.about .middleContainer h4{ color:#4aa2dd; font-size:18px; font-weight:bold; width:370px;}
.about .middleContainer h5{ color:#54616c; font-weight:bold; margin-bottom:10px; font-size:11px;}
.about .middleContainer p{ color:#54616c;}
.about .blockContain ul li{ background:url(../images/brownBullet.png) no-repeat 0 3px;}
.about .blockContain h5{ color:#54616c; font-size:11px; font-weight:bold;}
.about .blockContain ul li{ color:#4aa2dd; font-weight:bold; margin-bottom:5px;}


/*CSS IE9 only hack*/
:root .philosophyBlock {position:absolute \0/IE9; top:-435px \0/IE9; height:420px \0/IE9;}

:root .servicesBlock { position:absolute \0/IE9; top:-220px \0/IE9;  height:205px \0/IE9; }  /* IE9 */


.leftHeader{  background:url(../images/headerBg.png) repeat-x scroll right top #004991; color:#fff; font-size:11px; padding-right:7px;  padding-bottom:7px; padding-top:51px; height:40px; margin-left:70px;}
.leftHeader ul{ margin-top:5px; float:left;}
.leftHeader ul li{ float:left; margin-left:7px; }
.leftHeader ul li a{ display:block; background:#9e9ea1; color:#fff; line-height:15px; padding:3px 5px; font-size:14px; text-decoration:none;}
.leftHeader ul li a:hover{ color:#2f5197;}
.leftHeader ul li.first{ margin-left:0;}
.leftHeader ul li.first a{ background:#7a4000;}
.leftHeader .container{  float:right; position:absolute; top:50px; right:7px; z-index:1000;}
.leftHeader .container span{ display:block;}

.headerOverlay{ background:url(../images/headerTop.png) no-repeat; position:absolute; z-index:998; top:0; height:99px; left:70px; width:880px;}

.homeSlider{ height:432px; margin-left:70px; position:relative; overflow:hidden;}

.textHidden{ display:block; text-indent:-999em; z-index:999;}

.domesticText{ background:url(../images/domestic.png) no-repeat; position:absolute; top:77px; left:-1000px; width:500px; height:86px; }
.commercialText{ background:url(../images/commercial.png) no-repeat; position:absolute; top:225px; right:-1500px; width:800px; height:86px; }


.securityText{  background:url(../images/security.png) no-repeat; position:absolute; top:77px; left:-1000px; width:545px; height:98px;}
.emergencyText{ background:url(../images/emergency.png) no-repeat; position:absolute; top:225px; right:-1500px; width:639px; height:103px;}


.fastText{  background:url(../images/fast.png) no-repeat; position:absolute; top:77px; left:-1000px; width:467px; height:102px;}
.fullyText{ background:url(../images/fully.png) no-repeat; position:absolute; top:225px; right:-1500px; width:747px; height:99px;}


.experinceText{ background:url(../images/fifty.png) no-repeat; position:absolute; top:77px; left:-1000px; width:652px; height:101px;}
.guaranteedText{  background:url(../images/guaranteed.png) no-repeat; position:absolute; top:225px; right:-1500px; width:761px; height:86px;}


.fullContainer{ margin-left:70px; overflow:hidden;}
.colMain h2{ color:#7a4000; font-size:16px; margin-bottom:10px; font-weight:bold;}
.commercial .colMain h2 { color:#9e9ea1;}
.colMain { font-size:11px;}
.colMain p{ margin-bottom:10px;}

.colMain a.title{ font-size:11px; font-weight:bold; margin-bottom:10px; display:block; cursor:pointer; color:#000; background:url(../images/close.gif) no-repeat right; padding-right:20px; clear:both; float:left;}
.colMain a.selected{ background:url(../images/open.gif) no-repeat right;}

.commercial .colMain a.title{ background:url(../images/b_close.gif) no-repeat right; }
.commercial .colMain a.selected{ background:url(../images/b_open.gif) no-repeat right;}

.colLeft h2{}
.accordion .info{ margin-bottom:10px; clear:both; float:none;}

.aboutus  .colMain h2,.aboutus .block h5{ color:#9e9ea1;}
.aboutus  .colMain ul li{ float:left; margin-right:5px;}
.aboutus .block{ background:#305197;}
.aboutus #vmarquee li.alter, .aboutus #vmarquee li.alter a{ color:#9E9EA1;}
.aboutus #vmarquee { height:170px !Important;}
.aboutus #vmarquee li a{ color:#fff; text-decoration:underline;}
.aboutus #vmarquee li a:hover{ text-decoration:none;}

.aboutus .requestForm li{ margin-bottom:10px;}

.testimonial .fullContainer h2{ color:#9e9ea1; margin:10px 0;}
.testimonial  .fullContainer p{ margin-bottom:10px;}
.testimonial .testimonialBlock{ float:left; width:310px; margin-right:13px;}
.testimonial .testimonialBlock p{ font-size:12px; color:#305198; font-style:italic; }
.testimonial .testimonialBlock em{ font-size:11px; color:#000; font-weight:bold;}
.testimonial .testimonialBlock li{ margin-bottom:10px;}
.imageBlock{ float:left; width:233px;}
.imageBlock li{ margin-bottom:10px;}
.colMainDiv{ overflow:hidden; margin-top:20px;}

.services  .block{ background:#305197;}
.services .colMain { float:right;}
.services .colLeft{ float:left;}
.services   .colMain h2,.services .block h5{ color:#9e9ea1;}

.security li, .services .colMain ul li{ background:url(../images/bullet.gif) no-repeat left; padding-left:15px;}
.services .colMain ul{ margin-bottom:15px;}
.services .colMain ul li{ margin-bottom:5px;}

.colMain a.alert{ color:#7A4000;}
.commercial .colMain a.alert{ color:#9E9EA1;}
.contact{ width:567px;}

.holder p,.holder h4 { margin-bottom:10px;}

.contactUs .security a{ color:#fff; text-decoration:underline;}
.contactUs .security a:hover{ text-decoration:none;}
p.message { color:#fff; font-style:italic;}