@charset "UTF-8";

body { font: 100% Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; text-align: center; color: #000000; background: #696969 url(/assets/images/wirewall_texture.jpg) no-repeat fixed; }
#container { width: 1000px; background: #bcbcbd url(/assets/images/brushed_metal_tile.png) repeat; margin: 0 auto; margin-top: 0; padding: 0; border: none; color: #535353; text-align: left; }
#mainContent { padding: 0; margin: 0; height: 100%; }
#accent { background-color: #fff; }
#columns { background: #fff url(/assets/images/ail_group_logo_2.png) no-repeat 754px 5px; margin: 0; padding: 18px 68px 18px 68px; overflow: auto; } /* see http://www.quirksmode.org/css/clearing.html for overflow explanation */
#columnleft { float: left; width: 420px; border: none; }
#columnright { float: right; width: 420px; border: none; }/*margin: -20px 0 0 447px; keeping this handy in case it explodes in IE */ 
#footer { width: 1000px; margin: 0 auto; text-align: left; color: #fff; padding: 0 0 0 0;  }
	#footer a { color: #fff; }
	#footer a:hover { color: #fff; background-color: #2c75b6; }
	#footer p { margin: 0.2em 0 1em 0; }
	#footer img { border-bottom: 3px solid #fff; }

/* ------ top horizontal navigation ------ */
#navcontainer ul { padding: 44px 0 10px 0; margin: 0 auto; color: #535353; float: none; font-family: arial, helvetica, sans-serif; text-align: center; font-size: 0.8em; text-transform: uppercase; }
#navcontainer ul li { display: inline; padding-bottom: 10px; }
#navcontainer ul li a { padding: 0.2em 2em; color: #535353; text-decoration: none; float: none; border-right: 1px solid #fff; }
#navcontainer ul li.last a { border-right: none; }
#navcontainer ul li a:hover { background-color: #2c75b6; color: #fff; }

/* ------ anchors ------ */
a:link { color: #000; }
a:visited { color: #4d8fca; }
a:hover { color: #fff; background-color: #4d8fca; }
a:active {  }

/* ------ headings ------ */
h1, h2, h3, h4 { color: #4d8fca; text-transform: none; font-weight: bold; }
h1 { font-size: 1.45em; text-transform: uppercase; margin: 0.3em 0 0 0;}
h2 { font-size: 1.5em; font-weight: normal; margin: 0.5em 0 0.3em 0; }
h3 { font-size: 1.2em; margin: 0.5em 0 0.1em 0;}
	h3 + p { margin: 0.3em 0 0 0; }
	h3 span.productline { text-transform: uppercase; white-space: nowrap; font-size: .5em; font-weight: bold; color: #97999c; border: 1px solid #97999c; padding: .15em .3em; margin-top: 0; margin-left: 0; margin-right: 0; }
h4 { font-size: 0.9em; font-weight: bold; margin: .5em 0 0 0;}

/* lists */
ul, ol { margin: 0.5em 0 1em 0.5em; }
ul { list-style-type: border; }
ol { list-style-type: decimal; }
li { margin: 0 0 0.3em 0; font-size: 0.85em; line-height: 1.6; }
dl { width: 100%; margin: 1em 0 2em 0; display: inline; }
dt { width: 15%; float: left; margin: 0.5em 0 0 0; padding: 0.5em; border-top: 1px solid #999; font-weight: bold; background-color: #ccc; }
dd { width: 80%; float: left; margin: 0.5em 0 0 0; padding: 0.5em; border-top: 1px solid #999; background-color: #eee; }

/* ------ images ------ */
img { margin: 0; }
img a { border: 1px solid #000/*4d8fca*/; }
img a:hover { border: none; background-color: #fff; }
img.noborder { border: none; }
img.border { border: 1px solid #000; }
img.right { float: right; margin: 0.4em 0 0.4em 0.4em; }
img.left { float: left; margin: 0.4em 0.4em 0.4em 0; }
img.center,img.centre { display: block; margin: .4em auto; }
/* see custom classes for bordered image divs w captions */

/* ------ tables ------ */
table.solutions {  }
table.solutions tr {  }
table.solutions td, table.solutions th { vertical-align: top; border-top: 1px solid #a3a3a3; padding: .3em .3em .45em .3em; }
table.solutions td.applications, table.solutions td.product, table.solutions td.details {  }
table.solutions td.applications { width: 30%; }
table.solutions td.product { width: 10%; }
table.solutions p { margin: 0 0 0 0; font-size: 1.0em; color: #a3a3a3; font-weight: bold; }
table.solutions ul, table.solutions ol { margin: 0 0 0 0; }
table.solutions li { margin: 0; font-size: 0.8em; }

table.gallery { /*width: 100%;*/ margin-top: 2em; }
table.gallery td { padding: 0 10px 10px 0; vertical-align: top; }
table.gallery h4+p { margin: .3em; }
table.gallery p { font-size: 0.8em; }

/* miscellaneous HTML tags */
p { text-align: left; padding: 0; font-weight: normal; font-size: 0.85em; line-height: 1.6; /*margin: 0 0 .5em 0;*/ }
em,i { font-style: italic; }
em em { font-style: normal; }
strong,b { font-weight: bold; }
hr { padding: 0 0.3em 0 0.3em; margin: 0.3em 0 0 0.3em; }
blockquote,q { font-style: italic; border-left: 3px solid #999; margin: 1.5em 0 0 3em; padding: 0 1.5em 0 1em; font-size: 90%; line-height: 1.8; }
address { padding: 0 0 0.5em 1em; font-style: italic; line-height: 1.6; }
acronym, abbr { font-style: italic; border-bottom: 1px dotted #666; text-decoration: dotted; /*cursor: help;*/ }
code, kbd { font-family: "Monaco", "Lucida Console", Courier, "Courier New", monospace; font-size: 95%; background-color: #ccc; color: #000; margin: .5em 2em .5em 2em; }
pre { font-family: Courier, Monaco, "American Typewriter", monospace; color: #eee; margin: 2em 0 2.5em 0; padding: 5px 0 5px 10px; border-width: 1px 0 1px 0; border-color: #6b6b6b; border-style: dashed; }
sup { bottom: 1ex; font-size: 0.5em; line-height: 0.6em; text-decoration: none; }
sub { top: .5ex; font-size: .9em; }
span: lang(fr-CA), div: lang(fr-CA), span: lang(en-CA), div: lang(en-CA) { font-style: italic; }

/* ------ custom classes ------ */
.feature { }
.featureright { width: 274px; float: right; border: 1px solid #a3a3a3; padding: 6px; margin: .4em 0 .4em .4em; background: #ccc url(/assets/images/brushed_metal_tile.png) repeat; }
.featureright img { border: 1px solid #fff; }
.featureleft { }
.pullquote { font-size: 200%; width: 40%; border: none; text-align: left; float: right; margin: 1em 0 1em .5em; padding: 0.3em 0.5em; background: #ddd; }
.caption { font-size: 75%; font-style: italic; font-weight: bold; line-height: 1.3; margin: 0; }
.attribution { text-align: right; margin: 0; padding: 0 20px 10px 200px; }
.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; } /* span class to keep postal codes uppercase, to prevent wrapping, and to include extra white-space before them, per Canada Post's guidelines */
.tel, .gps { white-space: nowrap; } /* span class to keep phone numbers & GPS coordinates from wrapping */
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.tradename { white-space: nowrap; }

.contact-box { font-size: 95%; float: left; width: 190px; padding: 0 25px 0 0; }