@import url("../webfonts/stylesheet.css");
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6,p{vertical-align:top}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}

/* Italic */
@font-face {
    font-family: 'League Gothic';
    src: url('../webfonts/leaguegothic-regular-webfont.eot');
    src: url('../webfonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../webfonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../webfonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;;background:#f6f6f8;font-size:13px;line-height:17px;color:#58585a;}

::selection         { background: #cf142b; color: #fff; }
::-moz-selection    { background: #cf142b; color: #fff; }
::-webkit-selection { background: #cf142b; color: #fff; }
 
#page-wrapper {}  
#page {width:100%;margin:0 auto;padding:0;}

/* top header (company logo links) */
#top-header {width:100%;height:78px;background:url(../images/top-header-bg.jpg) 0 0 repeat-x;}
#top-header .content {width:980px;margin:0 auto;overflow:hidden;}
#top-header .content #top-menu-wrapper #top-menu {float:left;}
#top-header .content #top-menu-wrapper #top-menu li {float: left;height:78px;}
#top-header .content #top-menu-wrapper #top-menu li a {background:url(../images/top_menu_logos.png) 0 0 no-repeat;display:block;height:78px;text-indent:-9000px;}
#top-header .content #top-menu-wrapper #top-menu li a.alltite {background-position:right 0px;width:206px;}
#top-header .content #top-menu-wrapper #top-menu li a.alltite:hover {background-position:right -78px;}
#top-header .content #top-menu-wrapper #top-menu li a.mobilecal {background-position:right -156px;width:156px;}
#top-header .content #top-menu-wrapper #top-menu li a.mobilecal:hover {background-position:right -234px;}
#top-header .content #top-menu-wrapper #top-menu li a.torqueware {background-position:right -312px;width:188px;}
#top-header .content #top-menu-wrapper #top-menu li a.torqueware:hover {background-position:right -390px;}
#top-header .content #top-menu-wrapper #top-menu li a.itite {background-position:right -468px;width:122px;}
#top-header .content #top-menu-wrapper #top-menu li a.itite:hover {background-position:right -546px;}
#top-header .content #top-menu-wrapper #top-menu li a.xdriver {background-position:right -624px;width:143px;}
#top-header .content #top-menu-wrapper #top-menu li a.xdriver:hover {background-position:right -702px;}
#top-header .content #top-menu-wrapper #top-menu li a.alltite-global {background-position:right -858px;width:160px;}
#top-header .content #top-menu-wrapper #top-menu li a.alltite-global:hover {background-position:right -858px;}
#top-header .content #top-menu-wrapper .phone-num {display:block;color:#fff;font-size:24px;font-weight:bolder;width:160px;height:46px;float:left;text-align:right;margin-top:33px;}

/* header */
#header {overflow:visible;position:relative;height:104px;width:100%;margin:0 auto;padding-bottom:2px;background:url(../images/header-bg.jpg) 0 bottom repeat-x;}
#header .region-header {width:980px;height:104px;margin:0 auto;}
#logo-wrapper {float:left;padding:0;margin:29px 0 0 0;}
#logo {margin:0;padding:0;width:231px;height:56px;background:url(../images/alltite-global-logo.png) 0 0 no-repeat;display:block;}

/* top menu */
#header .top-menu {float:right;margin-top:40px;height:20px;list-style:none;}
#header .top-menu li {float:left;padding-left:8px;}
#header .top-menu li a{font-size:12px;line-height:22px;display:block;text-decoration:none;color:#515153;text-transform:lowercase;}
#header .top-menu li a.facebook {background:url(../images/facebook-icon.png) 0 0 no-repeat;display:block;width:20px;height:20px;margin-left:6px;}
#header .top-menu li a.youtube {background:url(../images/youtube-icon.png) 0 0 no-repeat;display:block;width:20px;height:20px;}

/* main menu */
#main-menu-wrapper {clear:both;height:20px;position:relative;float:right;margin:10px 0 0 0;margin-top:-15px;}
#main-menu-wrapper ul {float:right;list-style:none;margin:0;padding:0;}
#main-menu-wrapper ul li {display:block;float:left;list-style:none;margin:0;padding:0 10px;position:relative;border-right:#515153 1px solid;}
#main-menu-wrapper ul li.last {border-right:none;padding-right:0;}
#main-menu-wrapper ul li.first {padding-left:0;}
#main-menu-wrapper a {font-family:'League Gothic', Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:20px;line-height:20px;display:block;text-decoration:none;color:#515153;padding:0;width:100%;margin:0;}
#main-menu-wrapper li a:hover, #main-menu-wrapper li a.active, #main-menu-wrapper li.active-trail a {color:#cf142b;}

/* main content area */
#main-wrapper {clear:both;width:980px;margin:0 auto;}
#main-sides {padding:0;overflow:hidden;}
#main-bottom{clear:both;}
#content {padding:0 0 20px 0;margin:0 auto;width:980px;min-height:520px;position:relative;}

h1 {color:#cf142b;font-size:37px;line-height:37px;margin:0;padding:0px 0 15px 0;font-family:'League Gothic', Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
h2 {color:#515153;font-size:26px;line-height:26px;margin:0;padding:10px 0 15px 0;font-family:'League Gothic', Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}
h3 {color:#515153;font-size:20px;line-height:20px;margin:0;padding:10px 0 15px 0;font-family:'League Gothic', Arial, Helvetica, sans-serif;font-weight:normal;text-transform:uppercase;}

h2.sub-head {padding-top:0;margin-top:-10px;}
strong {font-weight:bold;}

#sidebar-first .title-wrapper {background:url(../images/left_bar_border.png) right 0 no-repeat;margin-bottom:20px;}
#sidebar-first h2 {color:#515153;font-size:44px;line-height:42px;text-align:right;padding:14px 6px 10px 0px;margin:0;background:url(../images/left_bar_border.png) right bottom no-repeat;}
#sidebar-first h2 .blue {color:#90a1aa;}
#sidebar-first .content {text-align:right;}
#content p {padding-bottom:10px;}
#content ul {list-style:square;padding-left:30px;margin-bottom:10px;}
#content ul li {list-style-type:square;padding:5px 0;}
#content a {color:#cf142b;text-decoration:none;}

/* home page slideshow */
#slideshow {margin-bottom:0px;position:relative;}
#slideshow .slides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0!important;margin:0!important;}
#slideshow .slides li {-webkit-backface-visibility:hidden;position:absolute;list-style:none;display:none;width:100%;left:0;top:0;padding:0;margin:0!important;}
#slideshow .slides li:first-child { position:relative;display:block;float:left;}
#slideshow .slides img {display:block;height:auto;float:left;width:100%;border:0;}
#slideshow .slides_tabs {position:absolute;bottom:15px;left:10px;margin:0;padding:0;list-style-type:none;height:20px;margin-top:0px;z-index:20;}
#slideshow .slides_tabs li {display:block;float:left;margin:0 5px;border:#aaa 1px solid;padding:0;}
#slideshow .slides_tabs a {outline:none;text-indent:-2000px;display:block;float:left;height:13px;width:13px;background:#eee;margin:3px;}
#slideshow .slides_tabs li.slides_here a, .front #content #slideshow .slides_tabs li a:hover {background:#cf142b;}

/* home page middle content */
#home-middle{width:980px;}
#home-middle div {width:490px;float:left;padding-bottom:8px;}
#home-middle div h2 {color:#fff!important;background:#231f20!important;display:block;font-size:50px;line-height:54px;padding:0;margin:0;height:54px;padding-left:35px;}
#home-middle div a {color:#fff!important;}
#home-middle div ul {margin-left:20px;list-style-type:disc;padding-left:30px;padding-top:8px;}
#home-middle div ul li{list-style-type:disc;font-size:17px;width:60%;float:left;}
#home-middle div ul li:nth-child(even){width:40%;}
#home-middle #home-tool-categories {background:#717073;color:#231f20;}
#home-middle #home-services {background:#717073 url(../images/home-middle-fade-bg.jpg) 0 0 repeat-y;color:#231f20;}
#home-middle #home-services h2 {padding-left:25px;}
#home-middle #home-services ul {margin-left:10px;}
#home-middle #home-services ul li{width:53%;float:left;}
#home-middle #home-services ul li:nth-child(even){width:47%;}

/* content footer */
#content-footer {position:relative;}
#services-footer  {position:relative;}
#services-footer .content ul {width:980px;height:64px;background:url(../images/second_bucket_background_red2.png) 0 0 repeat-x;/*border:#fff 1px solid;*/}
#services-footer .content ul li {width:245px;height:64px;display:block;float:left;background:url(../images/second_bucket_box_divider_red2.png) right 0 no-repeat;overflow:hidden;}
#services-footer .content ul li a {display:block;width:100%;height:100%;color:#fff;text-decoration:none;}
#services-footer .content ul li a span {display:block;width:170px;padding:13px 0 0 75px;height:64px;font-size:17px;line-height:18px;font-weight:bold;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
#services-footer .content ul li .cog5 {background:url(../images/tool_icons.png) 0px 0px no-repeat;}
#services-footer .content ul li .computer {background:url(../images/tool_icons.png) 0px -64px no-repeat;}
#services-footer .content ul li .tools {background:url(../images/tool_icons.png) 0px -128px no-repeat;}
#services-footer .content ul li .documents {background:url(../images/tool_icons.png) 0px -192px no-repeat;}

/* client scrollbox */
#clients {}
#clients #logobox {background:#D0D0D3; border:1px solid #B1B1B4;height:102px;width:978px;margin:0 auto;position:relative;overflow:hidden!important;margin-bottom:20px;}
#clients #our_clients {background:#D0D0D3;width:232px;display:block;z-index:50;height:102px;padding:32px 0 0 0;padding-left:8px;text-align:center;position:absolute;text-transform:uppercase;font-family:'League Gothic', Arial, Helvetica, sans-serif;font-size:40px;line-height:40px;text-decoration:none;color:#777;}
#clients #oc_border {display:block;height:102px;width:20px;background:url(../images/logobox_divider.png) repeat-y scroll 0 0;z-index:51;position:absolute;left:232px;}
#clients #logo-scrollbar li {height:102px;padding:0 10px;float:left;}
#clients .simply-scroll-container {position:relative;}
#clients .simply-scroll-clip {position:relative;overflow:hidden;}
#clients #logo-scrollbar {overflow:hidden;margin:0;padding:0;list-style:none;}

/* footer */
#footer {background:url(../images/footer_menu_background.png) 0 0 repeat-x;color:#fff;clear:both;padding:0;width:100%;min-height:90px;margin:0 auto;font-size:12px;line-height:16px;}
#footer .content {width:960px;margin:0 auto;text-align:center;padding:15px 0 0 0;}
#footer .content ul {list-style:none;margin:0;padding:0;margin-top:5px;}
#footer .content ul li {display:inline-block;list-style:none;margin:0;padding:0 12px;position:relative;border-right:#fff 1px solid;}
#footer .content ul li:last-child {border-right:0; padding-right:0;}
#footer .content ul li a {text-decoration:none;color:#fff;font-size:14px;line-height:14px;padding:0;margin:0;display:block;}
#footer .content p a {text-decoration:none;color:#fff;line-height:25px;font-size:14px;font-weight:bold;}
#footer .content p {line-height:22px;font-size:14px;}
#footer .content #copyright {margin-top:5px;}

/* torqueware page */
#torqueware #top-header .content #top-menu-wrapper #top-menu li a.torqueware {background-position:right -390px;width:188px;}
#torqueware #top-header .content #top-menu-wrapper #top-menu li a.torqueware:hover {background-position:right -390px;}
#torqueware #top-header .content #top-menu-wrapper #top-menu li a.alltite-global {background-position:right -780px;width:160px;}
#torqueware #top-header .content #top-menu-wrapper #top-menu li a.alltite-global:hover {background-position:right -858px;}

#torqueware h1#page-title {display:none;}
#torqueware #content .torqueware-info {width:659px;float:left;margin-right:20px;}
#torqueware #content .torqueware-info img {max-width:300px;max-height:auto;}
#torqueware #content .torqueware-login {float:right;min-height:300px;display:inline-block;padding:20px 15px;border:1px solid #ccc;width:268px;background:#fff;margin-top:5px;margin-bottom:20px;}
#torqueware #content .torqueware-login h2 {font-size:39px;line-height:39px;margin-top:0;padding-top:0;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;padding-left:40px;background:url(../images/torqueware-icon-small.png) 0 2px no-repeat;}
#torqueware #content .torqueware-login h2 .red {color:#cf142b;}
#torqueware #content .torqueware-login label {display:block;font-weight:bold;}
#torqueware #content .torqueware-login input {margin:0;margin-bottom:10px;width:254px;padding:5px;}
#torqueware #content .torqueware-login .agree-checkbox input {width:20px;}
#torqueware #content .torqueware-login .agree-checkbox {font-size:11px;text-align:center;line-height:11px;}
#torqueware #content .torqueware-login #torqueware-login-button {display:block;width:267px;cursor:pointer;border:none;text-decoration:none;font-size:20px;line-height:20px;color:#fff;font-family:'League Gothic', Arial, Helvetica, sans-serif;padding:4px 15px;margin-top:8px;background:#607885;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
#torqueware #content .torqueware-login #torqueware-login-button:hover {background:#515153;}
#torqueware #content .torqueware-login p {padding:0;margin:0;padding-top:10px;margin-top:10px;border-top:1px solid #eee;text-align:center;}
#torqueware #content .torqueware-sales-info {width:100%;clear:both;margin-top:20px;padding-top:20px;border-top:#607885 2px solid;}
#torqueware #content .torqueware-sales-info .third {display:inline-block;float:left;width:270px;margin:0 28px;font-size:12px;}
#torqueware #content .torqueware-sales-info .third img {margin-bottom:20px;}
#torqueware #content .torqueware-sales-info .third a.button {display:block;text-align:center;text-decoration:none;font-size:20px;line-height:20px;color:#fff;font-family:'League Gothic', Arial, Helvetica, sans-serif;width:100px;padding:4px 10px 2px 10px;margin:0 auto;margin-top:4px;background:#607885;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
#torqueware #content .torqueware-sales-info .third a.button:hover {background:#515153;}
#torqueware #content .torqueware-sales-info .third+.third a.button {margin-top:7px;}


/* mobile stylesheet */
html, body {-webkit-text-size-adjust: none;}

@media only screen and (max-width: 980px) {
	#page-wrapper {width:100%;margin:0;}
	#top-header {display:none;}
	#header {margin:0;height:auto;}
	#header .region-header {width:100%;margin:0;height:auto;}
	#header .top-menu {display:none;}
	#logo-wrapper {display:block;clear:both;margin:15px auto;width:100%;}
	#logo {margin:0 auto;}

	#main-menu-wrapper {clear:both;float:none;margin:0 auto;text-align:center;height:auto;background:#ccc;padding:0;}
	#main-menu-wrapper ul {float:none;position:relative;text-align:center;clear:both;padding:0;margin:0 auto;}
	#main-menu-wrapper ul li {border:none;display:inline-block;float:none;padding:0 9px;}
	#main-menu-wrapper a {font-size:20px;line-height:20px;padding:5px 0 3px 0;}

	/* main content area */
	#main-wrapper {clear:both;width:100%;margin:0 auto;}
	#main-sides {padding:0;}
	#main-bottom{clear:both;}
	#content {padding:20px 10px 20px 10px;margin:0;width:auto;min-height:0px;}
	
	/* home page */
	#slideshow .slides_tabs {display:none;}
	
	#home-middle {width:100%;height:auto;}
	#home-middle div {width:100%;height:auto;}
	#home-middle div ul li {width:50%!important;}
	#home-middle div h2 {padding-left:25px!important;}
	#home-middle #home-services h2 {padding-left:25px!important;}
	#home-middle #home-services ul {margin-left:20px!important;}
	
	/* footer */
	#footer {font-size:9px;line-height:15px;}
	#footer .content {width:100%;}
	#footer .content ul li {display:inline-block;list-style:none;margin:0;padding:0 12px 0 0;position:relative;border:none;}
	#footer .content ul li:last-child {border-right:0; padding-right:0;}
	#footer .content ul li a {text-decoration:none;color:#fff;font-size:11px;line-height:20px;padding:0;margin:0;display:block;}
	#footer .content p a {text-decoration:none;color:#fff;font-size:12px;font-weight:bold;}
	
	#services-footer {display:none;} /* blue boxes */
	#clients {display:none;} /* client scrollbox */
}

@media only screen and (max-width: 640px), (max-device-width: 360px) and (min-device-width: 360px) and (orientation:landscape) { /* galaxy s3 landscape (640px x 360px) */
	#home-middle div h2 {font-size:35px;line-height:40px;height:40px;}
	#home-middle div {width:50%;height:auto;}
	#home-middle div ul li {width:100%!important;}
	#footer {margin-top:10px;}
	
	#torqueware #content .torqueware-info {width:100%;}
	#torqueware #content .torqueware-login {display:block;clear:both;float:none;margin:0 auto;margin-top:5px;margin-bottom:20px;}

}

@media only screen and (max-width: 480px), (max-device-width: 320px) and (min-device-width: 320px) and (orientation:landscape) { /* iphone3 and 4 landscape (480px x 320px) */
	#main-menu-wrapper ul li:nth-child(4) {display:none;}
	#main-menu-wrapper ul li:nth-child(5) {display:none;}
	#main-menu-wrapper ul li:nth-child(6) {display:none;}
	#main-menu-wrapper a {font-size:18px;line-height:18px;}

	#home-middle div {width:100%;height:auto;}
}