/* ------------------------------------------------------------
"Screen" Style Sheet

@Project - Multitech Enterprises
@Description: Main Stylesheet for Multitech Enterprises (Internal)
@Author: Arun Samuelraj
@Version: 1.0
@Copyright: Multitech Enterprises / thisiszahab.com
------------------------------------------------------------ */

/* =reset & basics
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; } ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
a img { border: none; }
abbr, acronym { border-bottom-width: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

/* =visuallyHide / accessibility */
.visuallyHidden, .accessibility { position: absolute!important; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =text-selection */
::selection { color: #aa4747; background-color: #ccc; text-shadow: none !important; }
::-moz-selection { color: #aa4747; background-color: #ccc; text-shadow: none !important; } /* mozilla */

/* =clearfix */
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE 6 and 7 */

/* =clear */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* =font: Cabin Sketch
----------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'PNB';
    src: url('../css/typography/PNB.eot');
    src: url('../css/typography/PNB.eot?#iefix') format('embedded-opentype'),
         url('../css/typography/PNB.woff') format('woff'),
         url('../css/typography/PNB.ttf') format('truetype'),
         url('../css/typography/PNB.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PNR';
    src: url('../css/typography/PNR.eot');
    src: url('../css/typography/PNR.eot?#iefix') format('embedded-opentype'),
         url('../css/typography/PNR.woff') format('woff'),
         url('../css/typography/PNR.ttf') format('truetype'),
         url('../css/typography/PNR.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =defaults
----------------------------------------------------------------------------------------- */
* { margin:0; }
html { }
html, body { background: url(../images/pattern.jpg) repeat; }
body { font: normal 12px/20px 'PNR', Arial, sans-serif; color: #aa4747; text-shadow: 1px 1px 0 #f7f7f7; }

a { color: #aa4747; text-decoration: none; border-bottom: 1px dotted #BC8787;  }
a:hover, a:focus { color: #414A51; text-decoration: none; border-bottom-color: transparent;  }

.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.last { margin-right: 0px !important; }
.paddingBottom { padding-bottom: 0px !important; }
h1, h2, h3 { padding: 25px 20px; margin: 0 !important;}
h1, h2, h3, h4, h5, h6 { font-family: 'PNB', Arial, sans-serif; overflow: hidden; margin-bottom: 10px; font-weight: normal; line-height: 22px; }
h1 { font-size: 42px; }
h2 { font-size: 24px;  }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px;}

.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w240 { width: 240px; }
.w275 { width: 275px; }
.w365 { width: 365px; }
.w410 { width: 410px; }
.w435 { width: 435px; }

.w160, .w170, .w180, .w190, .w200, .w240, .w275, .w365, .w410, .w435 { float:left; position:relative; display:inline; margin: 0 0 20px 0; }

.icons { background: url(../images/icons.png) no-repeat -7px -23px;  }
.separator { background: url(../images/separator.jpg) no-repeat center; width: 825px; height: 2px; text-align: center; margin:0 auto 30px; }

/* = List
----------------------------------------------------------------------------------------- */
ul { list-style: none; padding: 0 0 0 1px; }
ol { margin-bottom: 10px; overflow: hidden; }
ol li { line-height: 20px; list-style: decimal inside none; }
ul.disc { list-style: disc inside none; padding: 0 0 0 2px; }
ol.roman, ol.decimal, ol.alpha { overflow: hidden; }
ol.roman li { line-height: 20px; list-style: lower-roman inside none; }
ol.decimal li { line-height: 20px; list-style: decimal inside none; }
ol.alpha li { line-height: 20px; list-style: lower-alpha inside none; }

/* =blocks
----------------------------------------------------------------------------------------- */
#headerWrapper { width: 900px; margin: 0 auto; }
#header { margin: 0 auto; padding: 25px 20px; background: url(../images/separator.jpg) no-repeat bottom; }
#header #logo { float: left; margin: 0; color: #414A51; padding: 0; text-transform: uppercase;  }
#header #logo a { width: 68px; height: 28px; background:url(../images/logo-multitech.png) no-repeat ; overflow: hidden; border: 0; text-indent: -9999px; float: left; display: block; vertical-align: middle; }
#header #logo span { color: #aa4747; float: left; padding-top: 8px; font: 12px 'PNR', Arial, sans-serif; text-transform: none; vertical-align: middle; margin-left: 15px; }

/* = #navMain
----------------------------------------------------------------------------------------- */
#nav { float: right; }
#nav ul { display: block; float: left; }
#navMain { margin:0; padding:0; display: block; } 
#navMain li { list-style:none; float:left; margin-right: 15px; background: #dfdfdf; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } 
#navMain li a:link, #navMain li a:visited { text-shadow: 0 1px 0 #ebebeb; font:13px/21px 'PNR', Arial, sans-serif; border: none; display:block; text-decoration:none; padding: 0px 8px; margin:0;  } 
#navMain li a:hover { background: #aa4747; border-radius: 5px; color: #fff !important; text-shadow: none;}
#navMain li.current a { background: #aa4747; border-radius: 5px; color: #fff !important; text-shadow: none; cursor:default; }
#navMain li:hover { position:relative; border: 0; }
 /*style the sub menu*/ 
#navMain ul { z-index: 9999; position:absolute; left:-9999px; top:-9999px; list-style-type:none; float: left; }
#navMain ul li { margin: 0; width: 180px;}
#navMain ul li a:hover { background: none; }
#navMain li:hover ul { left:0px; top: 21px; padding: 3px 0 3px 0; width:180px; background: #ddd; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; }
#navMain li:hover ul li:hover { border:none; background: #aa4747; width: 180px; color: #aa4747; border-radius: 0 !important; }
#navMain li:hover ul li a { display:block;  line-height: 18px; border: 0; overflow: hidden; padding: 5px 10px;  }
#navMain li:hover ul li a:hover { color: #fff; }
.navProduct li a.current  { background: #aa4747; border-radius: 5px; color: #fff !important; text-shadow: none !important; }
.arrowDown {  background-position: 30px -650px; }
.navProduct li.current a.arrowDown {  background-position: 0px -650px; }

/* = blockquote
----------------------------------------------------------------------------------------- */
blockquote { margin: 0 auto; padding: 0 20px; vertical-align: middle; }
blockquote.tagLine p { font-size: 14px; line-height:22px; }
blockquote a { font-weight: bold;  }

/* = .breadcrumb
----------------------------------------------------------------------------------------- */
.breadcrumb { overflow: hidden; padding: 25px 20px;}
.breadcrumb li { list-style: none; float: left; padding-right: 5px; font: normal 18px 'PNR', Arial, sans-serif;}
.breadcrumb li a { color: #aa4747; border-bottom: none; }
.breadcrumb li span { font-size: 18px; padding: 0 8px ;}
.breadcrumb li a:hover, .breadcrumb li a:focus { color: #cc731a; text-decoration: none; border-bottom-color: transparent; } 

/* = #feature
----------------------------------------------------------------------------------------- */
#feature img { margin: 0 auto; padding: 0 0 30px 0; }
.defaultImage { padding: 0 20px 30px 20px !important;}

/* = .content
----------------------------------------------------------------------------------------- */
#contentWrapper { width: 900px; overflow: hidden; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; }
.content { overflow: hidden; margin:0 auto; }

/* =home page
----------------------------------------------------------------------------------------- */
#homePage #headerWrapper h3  { text-align: center; }
.content h3 { padding-top: 0;}
.content h4 { overflow: hidden; float: left; width: 160px; padding-top: 5px; margin-right: 15px; }
ul.ourProduct{ overflow: hidden; margin: 0 auto; padding: 0; }
ul.ourProduct li {float: left; overflow: hidden; padding-bottom: 28px; text-align: center; margin-right: 36px; }
ul.ourProduct li p { position: relative; top: 54px; overflow: hidden; line-height: 12px; margin-top: 5px; }
ul.brans li { padding: 10px 0 0 0;}

ul.brans { overflow: hidden; text-align: center; padding: 0; }
ul.brans li { display: inline-block; overflow: hidden; margin-right:30px;}

.power { height: 54px; background-position: 0 -29px; }
.railway { height: 54px; width: 50px; background-position: -17px -120px; }
.industries { height: 54px; width: 82px; background-position: 4px -212px; }
.mining { height: 54px; width: 50px; background-position: -16px -295px; }
.dams { height: 54px; width: 90px; background-position: 10px -386px; }
.aeronatics { height: 54px; background-position: -13px -475px; }
.shipping { height: 54px; wdith: 50px; background-position: -14px -565px; }

/* =contact
----------------------------------------------------------------------------------------- */
.address { overflow: hidden; margin-right: 15px; }
.address p { padding: 0 0 10px 20px; font-size: 14px; line-height: 22px; font-weight: normal; } 
.address p strong { font-size: 16px; padding-bottom: 5px; display: block; }
.address span { margin-left: 10px }
.email, .tele, .map, .mob, .fax { font-size:12px; padding: 2px 6px 2px 25px; margin-bottom: 0; line-height: 18px; overflow: hidden; display: block;  }
.email { background-position: -26px -758px; }
.email a { margin-left: 1px;}
.email a:hover, .email a:focus { border: none; }
.tele { background-position: -26px -722px; }
.map { background-position: -26px -722px; }
.mob { background-position: -26px -684px; }
.fax { background-position: -26px -801px; }

/* Map */
#map { border: 1px solid #fff; overflow:hidden; -webkit-box-shadow:  0px 0px 2px 0px rgba(176, 176, 176, 1); box-shadow:  0px 0px 2px 0px rgba(176, 176, 176, 1); }

/* =footerWrapper
----------------------------------------------------------------------------------------- */
.push { height: 54px; clear: both; }
#footerWrapper { overflow: hidden; padding: 25px 0 0 0; margin-top: -45px; height: 45px; background: url(../images/separator.jpg) no-repeat center top;}
#copyright { display: block; width: 860px; margin: 0 auto; overflow: hidden; }
#copyright p { text-shadow: 0 1px 0 #fff; font-size: 12px; line-height: 22px; }
#copyright a.footerLogo { width: 38px; height: 16px; border: none; margin: 3px 10px 0 0;  text-indent: -9999px; background: url(../images/logo-footer.png) no-repeat center 0px; }
.floatRight a { border: none; }
.floatLeft a:hover, .floatLeft a:focus { color: #414A51; }
.floatRight a:hover, .floatRight a:focus { color: #FA6900; }

#feature { width: 900px; overflow: hidden; margin: 0 auto 30px; }
.snippet { width: 860px; padding: 0 20px 30px; }

/* =Slider
----------------------------------------------------------------------------------------- */
.slider-wrapper { padding: 0 20px; margin: 0 auto; }

/* The Nivo Slider styles */
.multiSlide { position:relative; overflow: hidden; }
.multiSlide img { position:absolute; top:0px; left:0px; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:70px; top:325px; background:#aa4747; color:#fff; width:450px; z-index:8; padding: 10px 5px 5px 15px; opacity: 0.95; overflow: hidden; display: none; font: 26px/22px 'PNR', Arial, sans-serif !important; text-shadow: none; 
	-moz-opacity: 0.95; 
	filter:alpha(opacity=95);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
.nivo-html-caption {  display:none; }