/*

	BelAir Networks main stylesheet
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #ffffff url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

table tr td {
	font-size: 11px;
	color: #000000;
}

.clearit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#branding {
	padding: 19px 0 0 0;
}

#slogan {
	color: #0d4793;
	font-style: italic;
	font-size: 11px;
	padding: 20px 20px 0 0;
}

#slogan a {
	color: #0d4793;
	text-decoration: none;
}

/* =Layout homepage and landing pages
---------------------------------------------------------------------------------------------------- */
#wrapper #right-col #landing-page-banner {
	margin: 48px 0 0 0;
}

#wrapper #right-col #main-content .left-col, 
#wrapper #right-col #main-content .middle-col {
	background: url('../images/wrapper/column-divider.gif') 100% 0 no-repeat;
	float: left;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}

#wrapper #right-col #main-content .right-col {
	float: right;
	width: 145px;
}

#wrapper #right-col #main-content .left-col ul li {
	padding: 0 0 14px 0;
} 

#wrapper #right-col #main-content .middle-col ul li {
	padding: 0 0 10px 0;
}

#wrapper #right-col #main-content .right-col ul {
	padding: 0 0 0 17px;
}

#wrapper #right-col #main-content .right-col ul li {
	border-bottom: 1px solid #c7c7c8;
	width: 109px;
	padding: 16px 0 0 0;
}

#wrapper #right-col #main-content .right-col ul li.last {
	border-bottom: 0;
}

#wrapper #right-col #main-content .left-col {
	width: 305px; /* width - padding */
	padding: 25px 20px 0 20px;
}

#wrapper #right-col #main-content .middle-col {
	width: 280px; /* width - padding */
	padding: 25px 20px 0 20px;
}


#homeRSS
{
	float: right;
	padding-right: 10px;
}

/* Scroll boxes */
#wrapper #right-col #main-content .news-block, 
#wrapper #right-col #main-content .case-studies-block {
	overflow: auto; /* Opera */
	overflow-y: auto !important; /* overflow-x and y are CSS 3 Properties */
	height:460px;
	padding: 0 15px 0 0;
} 

#wrapper #right-col #main-content .case-studies-block .cs-thumb {
	float: right;
}

#home #wrapper #right-col #main-content .middle-col .case-studies-block p,
#home #wrapper #right-col #main-content .middle-col .case-studies-block h4 {
	width: 161px;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 976px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0 auto 0 auto;
	position: relative;
}

#wrapper #left-col {
	float: left;
	width: 166px;
}

#wrapper #left-col #left-col-inner {
	background: url('../images/wrapper/left-col-divider.gif') 100% 0 repeat-y;
}

#wrapper #left-col .callouts {
	background: url('../images/wrapper/callouts-divider.gif') 100% 0 no-repeat;
	min-height: 240px;
	height: auto !important;
	height: 240px;
}

#wrapper #left-col .callout {
	color: #020202;
	padding: 22px 20px 0 14px;
	word-wrap: break-word;
}

#wrapper #left-col .callout a {
	color: #0d4793;
	font-weight: bold;
	text-decoration: none;
}

#wrapper #right-col {
	float: right;
	width: 810px;
}

#wrapper #right-col #page-banner {
	margin: 25px 0 0 0;
}

#wrapper #right-col #main-content {
	clear: both;
	padding: 37px 0 0 0;
}

#wrapper #right-col #main-content #text-content {
	float: left;
	width: 601px; /*width: 655px;  */
	padding: 0 25px 10px 20px;
}

/* =Toolbar
---------------------------------------------------------------------------------------------------- */
#wrapper #toolbar {
	background: url('../images/wrapper/toolbar-bg.gif') 0 0 repeat-y;
	width: 550px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 0 0 0;
}

#wrapper #toolbar ul li {
	background: url('../images/wrapper/toolbar-item-divider.gif') 100% 28% no-repeat;
	float: left;
	color: #86878a;
	padding: 0 0 5px 0;
}

#wrapper #toolbar ul li.last {
	background: none !important;
}

#wrapper #toolbar li a {
	display: block;
	color: #86878a;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 8px 0 8px;
}

#wrapper #toolbar li a:hover {
	color: #333333;
}

#wrapper #toolbar li a.toolbar-on, #wrapper #toolbar li a.toolbar-on:hover {
	color: #333333 !important;
	font-weight: bold;
}

#wrapper #toolbar ul li ul li, #wrapper #toolbar ul li ul li a {
	float: none;
}

/* Search */
#wrapper #search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 10px 0 0;
}

/* =Toolbar dropdown menu
---------------------------------------------------------------------------------------------------- */ 
ul#dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#dropdown ul {
	background: url('../images/wrapper/dropdown-menu-bottom.png') 0 100% no-repeat !important;
	width: 155px;
	list-style: none;
	position: absolute;
	top: 17px;
	left: 0;
	display: none;
	z-index: 100;
	margin: 0;
	padding: 0 0 10px 0;
}

ul#dropdown-display {
	display: block;
	top: 17px;
	left: -4px;	
}

ul#dropdown li {
	margin: 0;
	padding: 0;
	position: relative;
}

ul#dropdown ul li {
	background: url('../images/wrapper/dropdown-menu-bg.png') 0 0 repeat-y !important;
	float: none;
	display: block;
}

ul#dropdown li:hover ul, ul#dropdown li.hover ul {
	display: block;
	top: 17px;
	left: -4px;
} 

ul#dropdown li:hover ul a, ul#dropdown li.hover ul a {
	display: block;
	margin: 0;
}

ul#dropdown li li {
	position: relative;
	float: none;
	padding: 6px 0 0 5px !important;
}

ul#dropdown ul a {
	font-size: 10px;
	color: #6e7073;
	text-transform: none !important;
}

ul#dropdown ul a:hover {
	color: #333333 !important;
}

ul#dropdown ul a.dropdown-on, ul#dropdown ul a.dropdown-on:hover {
	color: #333333 !important;
	font-weight: bold;
}

ul#dropdown ul a.last {
	padding-bottom: 6px !important;
}

ul#dropdown ul .dropdown-sub {
	padding: 0 10px 0 6px;
}

ul#dropdown ul .dropdown-sub ol li {
	background: none !important;
}

ul#dropdown ul .dropdown-sub ol li a {
	background: url('../images/wrapper/dropdown-sub-list-bullet.gif') 0 3px no-repeat;
	display: block;
	padding: 0 0 0 13px !important;
}

/* =Sub content / sidebar
--------------------------------------------------------------------------------------------------- */
#sidebar {
	background: url('../images/wrapper/sidebar-divider.gif') 0 0 no-repeat;
	float: right;
	width: 129px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	padding: 20px 10px 0 16px;
}

#sidebar ul li {
	padding: 0 0 8px 0;
}

#sidebar ul li a {
	color: #666666;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	padding: 7px 0 20px 0;
	color: #86878a;
	font-size: 10px;
}

#breadcrumb a {
	color: #86878a;
	text-decoration: none;	
}

#wrapper #right-col #main-content .left-col #breadcrumb {
	padding: 0;
	color: #86878a;
	font-size: 10px;
	margin: -20px 0 8px 0;
}

/* =Main navigation
--------------------------------------------------------------------------------------------------- */
#left-col ul#main-nav {
	margin: 24px 0 0 0;
}

/* Expanded sub nav */
#left-col ul#main-nav li ul {
	padding: 5px 0 3px 14px;
	border-bottom: 1px solid #d4d3d1;
}

#left-col ul#main-nav li ul li {
	padding: 0 10px 4px 0;
	letter-spacing: -1px !important;
}	

#left-col ul#main-nav li ul li a {
	color: #6e7073;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

#left-col ul#main-nav li ul li a.nohover:hover {
	color: #6e7073;
}

#left-col ul#main-nav li ul li a:hover {
	color: #003d8e;
	/*font-weight: bold;  might be a good idea to remove this */
}

/* sub nav */
#left-col ul#main-nav li ul li ul.sub-nav {
	padding: 4px 0 0 10px;
	border-bottom: 0;
}

#left-col ul#main-nav li ul li ul.sub-nav li {
	padding: 0 0 4px 0;
}

/* #left-col ul#main-nav li ul li */
ul.sub-nav li a {
	background: url('../images/wrapper/sub-nav-bullet.gif') 0 4px no-repeat;
	display: block;
	font-weight: bold;
	padding: 0 0 0 11px;
}

#left-col ul#main-nav li ul li a.main-nav-on {
	color: #0d4793;
	font-weight: bold;
}

#left-col ul#main-nav li ul li ul.sub-nav li a.sub-nav-on {
	color: #0d4793;
	font-weight: bold;
}

/* =Lists
---------------------------------------------------------------------------------------------------- */

#text-content ul {
	padding: 0 0 0 26px;
	margin: 0;
}

#text-content ul li {
	padding: 0 10px 10px 0;
	list-style: square;
}	

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg.jpg') 0 0 no-repeat;
	clear: both;
	color: #7d7b7b;
	font-size: 9px;
	margin: 40px 0 0 178px;
	padding: 0 0 20px 0;
}

#footer span {
	padding: 0 0 0 12px;
}

#footer a {
	color: #0053a1;
}

#footer a:hover {
	color: #0053a1;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:focus {
	outline: none;
	color: #2D5B77;
}

a:hover {
	outline: none;
	color: #5095BE;
}

a.more-link {
	color: #000000;
	text-decoration: none;
}

a.more-link:hover {
	color: #0d4793;
}

a.pdf {
	background: url('../images/icons/icon-pdf.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.excel {
	background: url('../images/icons/icon-excel.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.word {
	background: url('../images/icons/icon-word.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.image {
	background: url('../images/icons/icon-image.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.ppt {
	background: url('../images/icons/icon-ppt.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.vid {
	background: url('../images/icons/icon-vid.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.webcast {
	background: url('../images/icons/icon-webcast.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

a.generic {
	background: url('../images/icons/icon-generic.gif') 0 0 no-repeat;
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0 0 0 22px;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
/* Homepage */
#home #wrapper #right-col #main-content .left-col h3,
#home #wrapper #right-col #main-content .middle-col h3 {
	font-size: 14px;
	color: #cd2026;
	text-transform: uppercase;
	margin: 0 0 18px 0;
}

#home #wrapper #right-col #main-content .left-col h4,
#home #wrapper #right-col #main-content .middle-col h4 {
	font-size: 12px;
	color: #0053a1;
	text-transform: none;
	margin: 0 0 4px 0;
}

#home #wrapper #right-col #main-content .middle-col .case-studies-block p {
	font-size: 10px;
}

#wrapper #right-col #main-content .right-col ul li h4 {
	font-size: 11px;
	color: #0d4793;
	text-align: center;
	text-transform: uppercase;
	margin: 4px 0 4px 0;
}

/* Global */
#text-content p {
	color: #000405;
	line-height: 17px;
	margin: 3px 0 16px 0px;
}

#main-content h1 {
	font-size: 22px;
	margin: 0 0 0 20px;
}

#text-content h1 {
	font-size: 13px;
	color: #2D5B77;
	margin: 16px 0 2px 0;
}

#text-content h2 {
	font-size: 12px;
	color: #2D5B77;
	margin: 16px 0 10px 0;
}

#text-content h3 {
	font-size: 11px;
	color: #2D5B77;
	margin: 10px 0 0 0;
}

#wrapper #left-col .callout h2 {
	color: #0d4793;
	font-size: 12px;
	margin: 0 0 4px 0;
}

#wrapper #left-col .callout p {
	line-height: 15px;
}

/* Gold */
#gold #text-content h1, #gold #text-content h2, #gold #text-content h3, #gold #text-content h4 {
	color: #959d56;
}

#blue #text-content h1, #blue #text-content h2, #blue #text-content h3, #blue #text-content h4 {
	color: #023e8e;
}

#gray #text-content h1, #gray #text-content h2, #gray #text-content h3, #gray #text-content h4 {
	color: #86878a;
}

/* Sidebar */
#wrapper #sidebar h3 {
	color: #e4154f;
	font-size: 11px;
	text-transform: uppercase;
}

#wrapper #sidebar h4 {
	color: #000000;
	font-size: 11px;
	margin: 8px 0 8px 0;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
form .search-field {
	background: #ffffff;
	font-size: 10px;
	color: #86878a;
	width: 120px;
	height: 15px;
	border: 1px solid #c2c2c2;
}

fieldset {
	padding: 5px 10px 5px 7px;
}

.validation {
	color: #FF0000;
	font-weight: bold;
	}
	
.asterisk
{
    font-size: 10px;
	FONT-WEIGHT: bold;
	COLOR: #FF0000;
}

.buttons
{
	BACKGROUND: #ffffff;
	COLOR: #959d56;
	FONT-WEIGHT: bold;
	border: #959d56; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	width: auto;
}

/* =Home Banner Slider
---------------------------------------------------------------------------------------------------- */

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	margin: 48px 0 0 0;
}
/*--Window/Masking Styles--*/
.window {
	width: 809px;
	height:324px;	
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {
	float: left;
}
.image_reel a, a:focus {
	
}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -5px; 
	right: 15px;
	width: 808px;
	height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	font-size: 12px;
	padding: 7px 15px 7px 15px;
	text-decoration: none;
	color: #e6e6e6;
}
.paging a.active {
	color: #fff;
	background: #717580;
	border: 1px solid #66686e;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
}

#upcoming_events{
    background: url("../images/upcoming_events_bg.jpg") no-repeat scroll left bottom transparent;
    margin-left: 3px;
    padding: 10px 2px 0;
}
#upcoming_events > div{
	border-bottom: 1px solid #ccc; 
}
#upcoming_events > div.last{
	border-bottom: none; 
}
#upcoming_events a{
	color:#d1201e;
	font-weight:bold;
	font-size:12px;
	display:block;
	margin-bottom:4px;
}
#upcoming_events h3{
	color:#0053A1;
	font-size:12px;
	margin-bottom:4px;
}