@font-face {
    font-family: 'AaarghNormal';
    src: url('../_fonts/Aaargh-webfont.eot');
    src: url('../_fonts/Aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Aaargh-webfont.woff') format('woff'),
         url('../_fonts/Aaargh-webfont.ttf') format('truetype'),
         url('../_fonts/Aaargh-webfont.svg#AaarghNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmbleLightCondensed';
    src: url('../_fonts/Amble-LightCondensed-webfont.eot');
    src: url('../_fonts/Amble-LightCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/Amble-LightCondensed-webfont.woff') format('woff'),
         url('../_fonts/Amble-LightCondensed-webfont.ttf') format('truetype'),
         url('../_fonts/Amble-LightCondensed-webfont.svg#AmbleLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

    /** CSS RESET --*/
    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, 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,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
		a{
			color:#fff;
			text-decoration:none;
		}
		/** END CSS RESET --*/
body{
	background:#FFF url(../_images/global/main_bg.jpg) top left repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
}
.tb_modal { font-size: 80%; }

div#sidebar{
	width: 53px;
	height:157px;
	position: absolute;
	left: -70px; top: 0;
	margin:0;
	z-index:100;
	background:url(../_images/free_estimate_over.gif) no-repeat top center;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	behavior: url(PIE.htc);

}
div#sidebar:hover{
	background:url(../_images/free_estimate.gif) no-repeat top center;
	cursor:crosshair;
}
#sidebar button{
	width:100%;
	height:100%;
	display:block;
	background:none;
	border:none;
	text-indent:-1000000px;
}
.visual button{
	width:100%;
	height:30px;
	padding:0px;
	margin-top:-9px;
	color:#fff;
	cursor:pointer;
	background:none;	
	border:none;
}
#sidebar button:hover{cursor:pointer;}
strong{
	font-weight:bold;
}
address{
	font-style:italic;
	margin-top:15px;
	color:#666;
	font-size:.9em;
	line-height:1.2em;
	width:445px;
	float:right;
}
#headerWrapper {
	height:106px;
	width:100%;
	background: #2C2D31 url(../_images/global/header_bg.jpg) repeat-x top left;
	border-bottom:5px solid #666;			
}
.wrapper {
	position:relative;
	width:940px;
	margin:0 auto;
}
#headerWrapper .wrapper #logo{
	float:left;
}
#headerWrapper .wrapper p{
	margin-top:22px;
	margin-bottom:22px;
	font-family:'AaarghNormal', Verdana, Geneva, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	float:right;
}
#headerWrapper .wrapper p span{
	color:#6badff;
}
#headerWrapper .wrapper p span span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.1em;
}
#mainWrapper{
	background:#FFF url(../_images/global/main_bg.jpg) top left repeat-x;
	min-height:600px;
	padding-top:7px;
	padding-bottom:2px;
}
#nav li a{
	display:block;
}
#nav li a:link,
#nav li a:visited{color: #FFF;}
#nav li a:hover, #nav li a:active{color:#68a8ff;}


#banner{
	width:928px;
	height:307px;
	border: solid 6px #2e2f35;
	margin-top:15px;
}
#slideshow {
	float:left;
    position:relative;
    height:307px;
	width:608;
}

#slideshow div {
    position:absolute;
    top:0;
    z-index:8;
    opacity:1;
    height: 307px;
}

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

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

#slideshow div img {
    height: 307px;
    display: block;
    border: 0;
	border-right:solid 3px #2e2f35;

}
#bannerSide{
	font-family:"Times New Roman", Times, serif;
	position:relative;
	background-color:#fff;
	width:287px;
	height:277px;
	padding:15px;
	float:right;
}
#bannerSide h1{
	font-family:'AaarghNormal', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em;
	color: #2e2f35;
	margin-bottom:20px;
	margin-top: 15px;
}
#bannerSide span{
	color: #b13535;
}
#bannerSide h2{
	font-family:'AaarghNormal', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:1px;
	line-height:1.2em;
	color: #b13535;
	margin-bottom:10px;
	margin-top:15px;
}
#bannerSide p{
	font-size:.9em;
	line-height:1.4em;
	text-align:justify;
}

#bannerSide a{
	color:#0d0d37;
	font-family:'AaarghNormal', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	line-height:1.3em;
	position:absolute; bottom: 10px; right:15px;
	background:url(../_images/global/arrow_blue-red.gif) right top no-repeat;
	padding-right:25px; 
}
#bannerSide a:hover{
	color:#b13535;
}
#boxPushs{
	min-height:274px;
	margin-top:9px;
	margin-bottom:7px;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom: 3px solid #777979;
	border-top: 3px solid #777979;
}
#boxPushs .box{
	background:url(../_images/global/header_bg.jpg) bottom left repeat-x;
	border: 2px solid #777979;	
	width:296px;
	height:166px;
	float:left;
	margin-right:20px;
}
#boxPushs .last{
	margin:0px
}
#boxPushs .box h1{
	font-family:'AmbleLightCondensed', Verdana, Geneva, sans-serif;
	background:url(../_images/global/arrow_white-blue.png) right center no-repeat;
	padding-left:10px;
	margin-right:15px;
	text-transform:uppercase;
	line-height:2.3em;
	height:33px;
	color:#fff;
}
#boxPushs .box p{
	color:#333;
	margin-top:8px;
	font-size:.8em;
	text-align:justify;
	line-height:1.2em;
	height:5em;
}
#boxPushs .box a{
	font-family:'AaarghNormal', Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	font-size:.7em;
	font-weight:bold;
	color:#fff;
	display:block;
	margin-top:5px;
	float:right;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:6px;
	padding-right:6px;
	background-color:#1a71dd;
}
#boxPushs .box a:hover{
	color:#333;
	background-color:#72B1FF;
	border: 1px solid #999;
}
#intro, #content{
	margin:15px auto;
	padding:15px;
  background-color:#fff;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0px 0px 4px #666;
	-webkit-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	behavior: url(PIE.htc);

}
#intro{
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding: 15px;
	background: #fff url(../_images/global/intro_bg.png) top center repeat-x;
	border: 3px solid #939392;
}
#intro h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-style:italic;
	line-height:.7em;
	color:#fff;
	margin: 0 auto 15px -15px;
	padding:5px 15px;
	width:300px;
	height:15px;
	background: url(../_images/global/h1_bg.gif) center right no-repeat;
}
.wrapper #content .left h1.rightSide, .wrapper #content .left p.rightSide {
	float:right;
	clear:right;
	width:390px;
	margin-top:20px;
}
.wrapper #content .right p.leftSide {
	float:left;
	clear:left;
	width:390px;
	margin-top:20px;
}
#intro h2{
	font-weight:bold;
	font-size:1em;
	letter-spacing:.1em;
	line-height:1.1em;
	text-transform: capitalize;
	color:#0093d9;
	margin: 10px 0;
}
#intro p{
	color:#333;
	text-align:justify;
	font-size:.9em;
	line-height:1.3em;
}
#content{
	font-family:Arial, Helvetica, sans-serif;
	padding:30px;
	padding-bottom:10px;
}
#content>div{
	padding-top:25px;
	padding-bottom:25px;
	border-top:solid 1px #4189BB;
}
#content>div p, #content>div ul, #content>div h1{
	width:455px;
}
 #content>div.right p, #content>div.right ul, #content>div.right h1{
	float:right;
}
#content>div h1{
	text-align:center;
}
#content div.visual{
	float:left;
	padding-top:15px;
	
}
#content div.visualRight{
	float:right;
	margin:0;
	padding-top:15px;
}
#content div.visualRight img{
	float:right;
	clear:both;
}

.magnify {
	float:right;
	position: relative;
	cursor: none;
}

.magnify .magnifying-glass {
	display: none;
	position: absolute;
	overflow: hidden;
	/* Background Image here, or for specific id */
}

.magnify .magnifying-glass .large {
	width: 100%;
	height: 100%;
	position: absolute;
}

.magnify .magnifying-glass .reflected {
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0.17) 41%, rgba(255,255,255,0) 42%, rgba(255,255,255,0) 45%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(41%,rgba(255,255,255,0.17)), color-stop(42%,rgba(255,255,255,0)), color-stop(45%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0.17) 41%,rgba(255,255,255,0) 42%,rgba(255,255,255,0) 45%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,0.17) 41%,rgba(255,255,255,0) 42%,rgba(255,255,255,0) 45%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0.17) 41%,rgba(255,255,255,0) 42%,rgba(255,255,255,0) 45%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,255,255,0.17) 41%,rgba(255,255,255,0) 42%,rgba(255,255,255,0) 45%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#magnify-1 .magnifying-glass, #magnify-2 .magnifying-glass,
#magnify-3 .magnifying-glass, #magnify-4 .magnifying-glass {
	-webkit-box-shadow: 0 0 5px rgba( 0,0,0,0.5 ), 0 3px 20px rgba( 0,0,0,0.5 );
	box-shadow: 0 0 5px rgba( 0,0,0,0.5 ), 0 3px 20px rgba( 0,0,0,0.5 );
	border: 3px solid rgba( 255,255,255,0.5 );
}

#magnify-1 .magnifying-glass {
	background: url(../_images/responsive_diagram_large.jpg) top left no-repeat;
}
#magnify-2 .magnifying-glass {
	background: url(../_images/preventive_diagram_large.jpg) top left no-repeat;
}
#magnify-3 .magnifying-glass {
	background: url(../_images/integration_large.gif) top left no-repeat;
}
#magnify-4 .magnifying-glass {
	background: url(../_images/integration2_large.jpg) top left no-repeat;
}
#content div.visualRight a,{
	display:block;
	float:right;
	clear:both;
}
#content div.visual a, #content div.visualRight a, #content div.visual div.button{
	margin:30px 0 0px;
	display:block;
	background:url(../_images/global/button.png) top left no-repeat;
	width:105px;
	height:13px;
	padding:8px 0px;
	font-size:.75em;
	text-align:center;
	font-weight:bold;
}
.framed{
	border:2px solid #666;
}
#content div.visual a:hover, #content div.visual a:active,
#content div.visualRight a:hover, #content div.visualRight a:active,
 #content div.visual div.button:hover,  #content div.visual div.button:active{
	background:url(../_images/global/button_over.png) top left no-repeat;
}
.wrapper #content .right .visual h2 {
	margin-top:30px;
	text-align:center;
		font-size:1.3em;
	line-height:1.2em;
	padding-bottom:10px;
	border-bottom: 1px solid #1f6197; 
	color:#1f6197;
	font-weight:bold;
	text-transform:capitalize;
}
#content h1{
	font-size:1.3em;
	line-height:1.2em;
	padding-bottom:10px;
	border-bottom: 1px solid #1f6197; 
	color:#1f6197;
	font-weight:bold;
	text-transform:capitalize;
}
#content h1.list{
	color:#404040;
	border-bottom: 1px solid #404040;
}
#content ul{
	padding: 15px 0;
	color: #404041;
	line-height: 1.4em;
	font-size: 0.8em;
	list-style: disc;
}
#content ul.regular li{
	display:block;
	padding:5px;
	margin-bottom:25px;
	border-top: 1px solid #4189BB;
	border-bottom: 1px solid #4189BB;
	color:#1F6197;
	background-color:#F0F0F0;
	font-size:1.2em;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	behavior: url(PIE.htc);
}
#content ul.regular li a:link,
#content ul.regular li a:visited{
	color:#1F6097;
}
#content ul.regular li a:hover,
#content ul.regular li a:active{
	color:#404040;
}
#content ul.regular li:last-child{
	margin-bottom:0;
}
#content p{
	text-align:justify;
	margin-top:15px;
	color:#666;
	font-size:.95em;
	line-height:1.5em;
}
#content li a.heading, #content li a.heading:link{
	display:block;
	padding:4px;
	border-top: 1px solid #4189BB;
	border-bottom: 1px solid #4189BB;
	color:#1F6197;
	background-color:#F0F0F0;
	font-size:1.3em;
	text-transform:capitalize;
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	behavior: url(PIE.htc);

}
#content li a.heading:active, #content li a.heading:hover{
	color:#0093d9;
}
#content li a.button, #content li a.button:link{
	font-size:1em;
	text-decoration:none;
	color:#1F6197;	
}
#content li a.button:active, #content li a.button:hover{
	color:#036;
}
#content li{
	margin:10px auto;
}
	
#content>p{
	border-top:solid 1px #4189BB;
	padding-top:20px;
	text-align:center;
	margin:15px;
	margin-top:0px;
	color:#900;
	font-size:.9em;
}
#footerWrapper{
	background:#d3d3d3 url(../_images/global/footer_bg.jpg) top center repeat-x;
	height:115px;
	min-height:200px;
}
#footerWrapper .wrapper ul{
	color:#353535;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding-top:20px;
	width:140px;
	float:left;
	margin-right:17px;
}
#footerWrapper .wrapper p{
	color:#1E6195;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding-top:20px;
	text-align:right;
	width:137px;
	float:right;
}

#footerWrapper .wrapper ul li{
	margin-bottom:7px;
}

#footerWrapper .wrapper li:first-child{
 border-bottom:1px solid #909090;
 font-weight:bold;
}
#footerWrapper ul li a:link,
#footerWrapper ul li a:visited{color: #333;}
#footerWrapper ul li a:hover,
#footerWrapper ul li a:active{color: #000;}

#footerWrapper .wrapper img{
	float:right;
	margin-top:10px;
	margin-left:6px;
}