@charset "utf-8";
/*	CSS Document
	Name: Stair Lock 
	Date: Monday, 30 Decemeber 2011
	Description: HTML5 and CSS3 goodness.
	Author: Sigma Infotech
*/

/***** Global *****/
body, td, th {font-family: Arial, Geneva, sans-serif; font-size: 12px; color:#515151;}
body {background: #fff; margin:0px;	padding:0;}
h1, h2, h3, h4, h5, h6, form, ul, li, p {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-family:'OrbitronLight', Arial, Geneva, sans-serif;}
textarea, input, select {font-family:Arial, Geneva, sans-serif;	color:#646464;	font-size:11px;}
a {color:#3551a2; text-decoration:none;}
a:hover{color:#666;}
img {border:0;}
.blue{color:#3551a2;}
.clear {clear:both;}
.leftS {float:left;} .rightS {float:right;}

/*for html5*/
article, aside, figure, footer, header, hgroup, nav, section {display:block;}

/*************************************** Orbitron font ***********************************/
@font-face {
 font-family: 'OrbitronLight';
 src: url('../fonts/orbitron-light-webfont.eot');
 src: url('../fonts/orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/orbitron-light-webfont.woff') format('woff'),  url('../fonts/orbitron-light-webfont.ttf') format('truetype'),  url('../fonts/orbitron-light-webfont.svg#OrbitronLight') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'OrbitronMedium';
 src: url('../fonts/orbitron-medium-webfont.eot');
 src: url('../fonts/orbitron-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/orbitron-medium-webfont.woff') format('woff'),  url('../fonts/orbitron-medium-webfont.ttf') format('truetype'),  url('../fonts/orbitron-medium-webfont.svg#OrbitronMedium') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'OrbitronBold';
 src: url('../fonts/orbitron-bold-webfont.eot');
 src: url('../fonts/orbitron-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/orbitron-bold-webfont.woff') format('woff'),  url('../fonts/orbitron-bold-webfont.ttf') format('truetype'),  url('../fonts/orbitron-bold-webfont.svg#OrbitronBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'OrbitronBlack';
 src: url('../fonts/orbitron-black-webfont.eot');
 src: url('../fonts/orbitron-black-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/orbitron-black-webfont.woff') format('woff'),  url('orbitron-black-webfont.ttf') format('truetype'),  url('../fonts/orbitron-black-webfont.svg#OrbitronBlack') format('svg');
 font-weight: normal;
 font-style: normal;
}

/*common width*/
header, nav .ddsmoothmenu, #bannerHolder, #proCatsHolder, section, #preFooter, #breadcrumb, #innerContainer{ width:1000px; margin:0 auto;}

/*start page holder*/
#pageHolder{ border-top:4px solid #3551a2;}

/*start header*/
header .leftS{ width:45%; padding:15px 0;}
header .rightS{ width:270px; text-align:right; padding-top:30px;}
header .rightS .email{ font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:11px; color:#989a9d; letter-spacing:1px;}
header .rightS .callNow a{ display:block; background:url(../images/callnow-bg.jpg) no-repeat; width:190px; height:90px; margin-top:10px; font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:11px; color:#3551a2; text-align:left; line-height:21px; padding-left:80px;padding-top:2px;}
header .rightS .callNow a:hover{color:#a8a9ac;}

/*start nav*/
nav{ background:#3551a2; clear:both;height:40px; }
nav ul li{ list-style:none; float:left;}
nav ul li a{display:block; font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-transform:uppercase; padding:0 25px; line-height:40px; height:40px; font-style:italic; letter-spacing:1px;}
nav ul li a:hover, nav ul li a.active{color:#c6d6f6;}


/*start banner*/
#bannerHolder{ margin-top:10px;}
#bannerHolder #banner{ width:750px; height:250px; float:left;}
#bannerHolder #rightBanner{width:220px; height:230px; background:url(../images/right-banner-bg.png) no-repeat; float:right; padding:10px;}
#bannerHolder #rightBanner h3{ font-size:16px; color:#3551a2; font-style:italic; letter-spacing:1px; margin-bottom:8px;}
#bannerHolder #rightBanner #rightBlockPic{ height:104px; margin-bottom:10px;}
.btcontactUs a{ display:block; background:#a43a3a url(../images/icons/clock.png) no-repeat 95%; width:100px; text-transform:uppercase; color:#fff; padding:4px 5px; margin-top:10px;}
.btcontactUs a:hover{background:#666 url(../images/icons/clock.png) no-repeat 95%;}

/*home products*/
#proCatsHolder{ overflow:hidden; margin-top:10px;}
#proCatsHolder #proCats{ width:1020px;}
#proCatsHolder #proCats ul{ background:url(../images/pro-cat-bg.png) no-repeat; width:222px; height:240px; padding:10px; float:left; margin:0 10px 10px 0;}
#proCatsHolder #proCats ul li{ list-style:none;}
#proCatsHolder #proCats ul li h2{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; background:#3551a2; padding:10px;}
#proCatsHolder #proCats ul li.moreInfo a{ display:block; background:url(../images/icons/blue-clock.png) no-repeat 0 0px; padding-left:20px; font-size:14px; font-weight:bold; height:15px; width:70px;}
#proCatsHolder #proCats ul li.moreInfo a:hover{ color:#a8a9ac; background:url(../images/icons/blue-clock.png) no-repeat 0 -15px; }

/*start bottom row*/
#bottomRow .leftS{ width:745px;}
#bottomRow .leftS #colOne{width:360px; border:1px solid #e7e8e9; padding:10px; height:366px; float:left;}
#bottomRow .leftS #colOne h1{ color:#3551a2; font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; font-style:italic; margin-bottom:5px;}
#bottomRow .leftS #colOne p{ line-height:16px;}

#bottomRow .leftS #colTwo{width:330px; padding:10px; height:366px; background:url(../images/phone-bg.jpg) repeat-x; float:right; color:#93a3d1; font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; letter-spacing:1px;}
#bottomRow .leftS #colTwo span{ color:#fff;}
#bottomRow .leftS #colTwo h4{font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:35px; font-weight:normal; line-height:35px; padding:5px 0 10px;}
#bottomRow .leftS #colTwo li{ list-style:none; border-top:1px dashed #ccc; padding:10px 0;}
#bottomRow .leftS #colTwo li strong{ font-family:'OrbitronLight', Arial, Helvetica, sans-serif; font-size:25px;}
#bottomRow .rightS{ width:242px;}

#rightInfo{ border:1px solid #e7e8e9; padding:10px;}
#rightInfo li{ list-style:none; background:url(../images/icons/arrow.png) no-repeat 0 5px; padding:4px 0 4px 12px;}
#rightInfoPic{ height:130px; margin-bottom:10px;}
.subHeadings{font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:18px; color:#3551a2; letter-spacing:1px; font-style:italic; margin-bottom:5px;}


#recentProject{width:380px; float:left; margin-top:10px;}
#testimonialHolder{width:350px; float:right; margin-top:10px;}

.heading{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:bold; background:url(../images/blue-bg.jpg) repeat-x; padding:5px 10px; margin-bottom:10px;}
.viewAll{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#fff; background:url(../images/blue-bg.jpg) repeat-x; margin-top:10px;}
.viewAll a{color:#fff; background:url(../images/icons/clock.png) no-repeat 98% 3px; display:block;padding:4px 10px;}
.viewAll a:hover{color:#9ca5d3;}
#recentProject .leftS{ width:150px;}
#recentProject .rightS{ width:200px; border:1px solid #e7e8e9; padding:10px; min-height:128px;}

#testimonials{border:1px solid #e7e8e9; padding:10px;}
#testimonials .leftS{ width:90px;}
#testimonials .rightS{ width:225px;}


/*start footer*/
footer{ background:#dadbdd; border-top:4px solid #3551a2; margin-top:10px; padding:10px 0 0;}
footer #preFooter .colums{ float:left; width:32%;}
footer #preFooter .colums ul li{ list-style:none; color:#6f6f6f;}
footer #preFooter .colums ul li a{color:#6f6f6f; font-size:11px;}
footer #preFooter .colums ul li a:hover{color:#3551a2;}
footer #preFooter .colums h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444; font-weight:normal;}

#bottomFooter{ background:#3551a2; padding:10px 0; text-align:center; color:#fff; font-size:11px; line-height:18px; margin-top:10px;}
#bottomFooter a{ color:#fff;}
#bottomFooter a:hover{ color:#8096d7;}

/*start breadcrumbs*/
#breadcrumbsHolder{ background:#e7e7e8; padding:5px 0; font-size:11px; color:#a2a2a2;}
#breadcrumbsHolder #breadcrumb a{color:#a2a2a2; text-decoration:underline;}
#breadcrumbsHolder #breadcrumb a:hover{text-decoration:none;}

section#innerContainer{ margin-top:10px;}
#innerContainer aside{width:220px; float:left;}
#innerContainer .rightS{ width:770px;}

#rightPanel h1{ font-size:22px; color:#3551a2; letter-spacing:1px; font-style:italic; padding-bottom:10px;}
#rightPanel h2{ font-size:15px; color:#3551a2; letter-spacing:1px; font-style:italic; padding-bottom:5px;}
#rightPanel h3{ font-size:12px; color:#3551a2; letter-spacing:1px; font-style:italic; padding-bottom:5px;}
#rightPanel p{ line-height:16px;}

#subMenu ul li{ list-style:none; background:#fff url(../images/submenu-bg.jpg) repeat-x left bottom;}
#subMenu ul li a{ display:block; border:1px solid #e0e0e0; background:url(../images/icons/arrow1.gif) no-repeat 8px 10px; padding:8px 22px; color:#787A7C; text-transform:uppercase; font-size:11px; margin-bottom:1px;}
#subMenu ul li a:hover{ border:1px solid #ccc; background:url(../images/icons/arrow1.gif) no-repeat 10px 10px; color:#666;}

.cta1, .cta2, .cta3 {width:200px; height:55px; margin:0 0 10px 0; padding:0 10px; text-align:left; font-family:'ColaborateBoldRegular', Arial, Helvetica, sans-serif;; font-size:20px; line-height:24px; text-transform:uppercase; font-weight:bold; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.cta1 p, .cta2 p, .cta3 p {font-size:12px; height:20px; width:170px; margin:0 0 0 5px; padding:10px 0 0 0; display:block; line-height:14px; line-height:20px; text-transform:capitalize; }
.cta1 a, .cta2 a, .cta3 a {color:white; text-decoration:none;}

.cta1 { display:block; text-decoration:none; background:url(../images/cta1-bg.gif) no-repeat; border:2px solid #5e5ed3;}
.cta1 a{line-height:55px}

.cta2 { display:block; text-decoration:none; background:url(../images/cta2-bg.gif) no-repeat; border:2px solid #4A8A4A; }

.cta3 { background:#C94545 url(../images/cta3-bg.gif) no-repeat left top; border:2px solid #DF5E5E; color:#fff; }


.list1 li{ list-style:none; background:url(../images/icons/arrow1.gif) no-repeat 2px 5px; padding:2px 0 2px 15px;}
.list1 li a{ color:#515151;}
.list1 li a:hover{ color:#3551a2; text-decoration:underline;}

.list2 li{ list-style:none; background:url(../images/icons/pdf.png) no-repeat 0px 5px; padding:4px 0 4px 18px; font-weight:bold;}
.list2 li a{ color:#515151;}
.list2 li a:hover{ color:#3551a2;}

#contactBlockHoler{ background:url(../images/gray-pattern.gif) repeat-x left bottom; padding-bottom:30px; margin-bottom:2px;}
#contactBlockHoler .leftS{ width:375px;}
#contactBlockHoler .rightS{ width:365px;}
#contactBlockHoler .rightS #googleMap{ border:5px solid #e5e5e5; height:180px; width:350px;}

#contactForm{ background:#fbfbfb; border:1px solid #e4e4e4; padding:10px;}
#contactForm li{ list-style:none; float:left; width:50%; margin-bottom:10px;}
#contactForm label{padding-bottom:2px; display:block;}
.listmenu{ background:#fff; border:1px solid #e0e0e0; padding:6px 10px;}
.textbox{ background:#fff; border:1px solid #e0e0e0; padding:6px 10px; width:340px;}
.textarea{ background:#fff; border:1px solid #e0e0e0; padding:6px 10px; width:720px; height:150px; resize:none;}
.bt_submit{ background:#3551a2; font-family:'OrbitronBold', Arial, Helvetica, sans-serif; font-size:13px; text-transform:uppercase; font-style:italic; letter-spacing:1px; border:0; padding:8px 20px; color:#fff; cursor:pointer;}

#shortInfo{ padding:10px; border:1px solid #e0e0e0; background:#fafafa;}

#productsHolders{ width:770px; overflow:hidden; margin-top:10px;}
#productsHolders #products{ width:790px;}
#productsHolders #products ul{width:163px; height:220px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
#productsHolders #products ul li{ list-style:none;}
#productsHolders #products ul li.proPic{ width:163px; height:110px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
#productsHolders #products ul li.proDetail{ font-size:11px;}
#productsHolders #products ul li h4{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3551a2; padding-bottom:5px;}

#productDetailHolder #bigPic{ float:left; width:270px;}
#productDetailHolder #productDetail{ float:right; width:490px;}

.productDetailHolders{ margin-bottom:10px; border-bottom:1px dashed #e5e5e5; margin-bottom:10px; padding-bottom:10px;}
.productDetailHolders .bigPic{ float:left; width:270px;}
.productDetailHolders .productDetail{ float:right; width:490px;}

.orderNumTable{ border:1px solid #e0e0e0; border-width:0 1px 1px 0;}
.orderNumTable td{ border:1px solid #e0e0e0; border-width:1px 0 0 1px; padding:6px;}


#techInfoHolders{ width:770px; overflow:hidden; margin-top:10px;}
#techInfoHolders #products{ width:790px;}
#techInfoHolders #products ul{width:163px; height:155px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
#techInfoHolders #products ul li{ list-style:none;}
#techInfoHolders #products ul li.proPic{ width:163px; height:110px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
#techInfoHolders #products ul li.proDetail{ font-size:11px;}
#techInfoHolders #products ul li h4{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3551a2; padding-bottom:5px;}

.clocksHolder{ width:770px; overflow:hidden; margin-top:10px;}
.clocksHolder .products{ width:820px;}
.clocksHolder .products ul{width:163px; height:180px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
.clocksHolder .products ul li{ list-style:none;}
.clocksHolder .products ul li.proPic{ width:163px; height:110px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
.clocksHolder .products ul li.proDetail{ font-size:11px;}
.clocksHolder .products ul li h4{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3551a2; padding-bottom:5px;}

.productDetail .largeproduct { border:1px solid #e0e0e0; padding:10px; }
.productDetail .largeproduct img{ float:left; padding:15px; display:inline;}
.productDetail .largeproduct  .orderNumTable {margin-left:160px; width:570px;}

.clocksHolder .products .onecolumn ul{width:740px; height:140px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
.clocksHolder .products .onecolumn ul li{ list-style:none;}
.clocksHolder .products .onecolumn ul li.proPic{ width:710px; height:100px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
.clocksHolder .products .onecolumn ul li.proDetail{ font-size:11px;}

.clocksHolder .products .twocolumns ul{width:350px; height:140px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
.clocksHolder .products .twocolumns ul li{ list-style:none;}
.clocksHolder .products .twocolumns ul li.proPic{ width:350px; height:110px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
.clocksHolder .products .twocolumns ul li.proDetail{ font-size:11px;}

.clocksHolder .products .worldclocks {width:350px; height:200px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
.clocksHolder .products .worldclocks img{ float:left; padding:15px; display:inline;}
.clocksHolder .products .worldclocks strong{color:#3551a2;}


.clocksHolder .products .threecolumns ul{width:222px; height:180px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
.clocksHolder .products .threecolumns ul li{ list-style:none;}
.clocksHolder .products .threecolumns ul li.proPic{ width:222px; height:110px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
.clocksHolder .products .threecolumns ul li.proDetail{ font-size:11px;}

.clocksHolder1{ width:770px; overflow:hidden; margin-top:10px;}
.clocksHolder1 .products{ width:820px;}
.clocksHolder1 .products ul{width:163px; height:220px; float:left; background:url(../images/problock-bg.jpg) repeat-x left bottom; border:1px solid #e0e0e0; padding:10px; margin:0 10px 10px 0;}
.clocksHolder1 .products ul li{ list-style:none;}
.clocksHolder1 .products ul li.proPic{ width:163px; height:110px; border-bottom:1px solid #e0e0e0; padding-bottom:5px; margin-bottom:5px;}
.clocksHolder1 .products ul li.proDetail{ font-size:11px;}
.clocksHolder1 .products ul li h4{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3551a2; padding-bottom:5px;}

.testiBlocks{ margin-bottom:10px;}
.testiBlocks .leftS{ width:150px;}
.testiBlocks .leftS img{ display:block;}
.testiBlocks .rightS{width:590px !important; background:#fff url(../images/gray-bg.jpg) repeat-x; border:1px solid #e7e7e8; padding:10px; min-height:130px; font-size:11px; color:#8a8a8b;}
.testiBlocks .rightS h2{ color:#003e7c; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:10px;}

.leftPic{ float:left; padding:0 10px 10px 0;}


/*awesome buttons*/
.awesome{
    background: #222 ;
    display: inline-block;
    padding: 5px 20px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
 }
.awesome:hover	{ background-color: #111; color: #fff; }
.awesome:active	{ top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 15px 15px 15px; }

.blue.awesome, .blue.awesome:visited { background-color: #7b80ba; }
.blue.awesome:hover	{ background-color: #042b8a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }


/**************************** CSS Updated 9/5/12 **********************/

#bottomRow #proCats ul{ background:url(../images/pro-cat-bg.png) no-repeat; width:222px; height:240px; padding:10px; float:left; margin:0 10px 10px 0;}
#bottomRow #proCats ul li{ list-style:none;}
#bottomRow #proCats ul li h2{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; background:#3551a2; padding:10px;}
#bottomRow #proCats ul li.moreInfo a{ display:block; background:url(../images/icons/blue-clock.png) no-repeat 0 0px; padding-left:20px; font-size:14px; font-weight:bold; height:15px; width:70px;}
#bottomRow #proCats ul li.moreInfo a:hover{ color:#a8a9ac; background:url(../images/icons/blue-clock.png) no-repeat 0 -15px; }