@charset "utf-8";
/* 
	layout.css
	
	Project: DSL
	
	iomer internet solutions - Nov 2008
	iomer.com



	Table of Contents
	-----------------
	=meta : Meta-navigation and search

	=panels : panel classes
	
	=narrow / =wide : narrow and wide column definitions
	
	=footer : obvious
		
	=clearfix
	
	=sf : sitefinity overrides
*/
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;*/
}


/* * { margin: 0; padding: 0; } */
body { width: 100%;	}
#pageWrapper { width: 990px; margin: 0 auto; border-bottom: 1px solid #222; }

p { margin-bottom: 1em; }


#pageContent ul, #pageContent ol, #pageContent li { margin-left: 1.5em; }

#pageContent ul { list-style: disc none outside; }
#pageContent ol { list-style: decimal none outside; }

div.alignRight { width: 100%; text-align: right; }
div.alignLeft { width: 100%; text-align: left; }

#headerBlock {
	width: 100%;
	height: 277px;
	display: block;
	position: relative;
}

/* =meta navigation */
#metaNavTrans, #metaNavContent { width: 100%; height: 29px; }

#metaNavTrans {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
}
#metaNavContent {
	text-align: right;
	z-index: 10;
	position: absolute;
	top: 2px;
	right: 0;
	line-height: 100%;
	vertical-align: bottom;
}
#audioPlayer { margin-right: 5px; position: relative; top: 4px; }

/* =search wrapper */
/*
.searchWrapper {
	width: 147px;
	height: 20px;
	background: url(../images/search.gif) left center no-repeat scroll;
	margin: 0 4px;
	padding: 4px 0 4px 4px;
	line-height: 29px;
	position: relative;
}
.searchText{
	background: none transparent;
	width: 121px;
	height: 20px;
	padding-top: 2px;
	padding-right: 22px;
	border: medium none;
	}
#metaSubmit {
	width: 22px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	}
*/
/* =sf adjustments */

/* the fieldset wrapper */
.sf_searchBox 
{
    width: 147px;
	height: 20px;
	background: url(../images/search.gif) left center no-repeat scroll;
	margin: 0 4px !important;
	line-height: 29px;
	position: relative;
	display: inline;
	vertical-align: middle;
    }

.sf_searchBox label { visibility: hidden; display: none; }

.sf_searchText 
{
    border: none;
    color: #333; 
                 
    background: none transparent;
    width: 121px;
	height: 20px;
	border: medium none;
	position: absolute;
	top: 0; left: 4px;
}

.sf_searchSubmit 
{
   	width: 22px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
    text-indent: -9999px !important;
    border: none;
    background: url(../images/blank.gif) top left repeat scroll transparent;
    cursor: pointer;
}

/* =navigation */
#mainNavTrans, #mainNavContent { width: 100%; height: 128px; }
#mainNavTrans {
	display: block;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
}
#mainNavContent {
	z-index: 15;
	position: absolute;
	top: 29px;
	left: 0;
	background: url(../Images/home_logo.png) 35px 10px no-repeat scroll;
}

#mainNavContent ul {
	list-style: none;
	display: block;
	padding-left: 181px;
	height: 99px;	
}
#mainNavContent ul li {
	display: inline;
	float: left;
}

#mainNavContent ul li a {
	display: block;
	padding: 0 25px 0 10px;
	height: 99px;
	white-space: nowrap;
}
.DSLlogo { margin: 10px 13px auto 35px; display: inline; }

/* =subnav : moved to App_Themes/DSL/Panelbar/style.css */
/*
#subnav ul { list-style: none; }
#subnav li { display: block; }
/*#subnav ul ul { padding-left: 8px; }*/


/*-----------------------------------------------
	=panel defaults
  -----------------------------------------------*/
.panel {
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: scroll;
	}

.panelTop,
.panelBottom {
	width: 100%;
	height: 5px;
	/* for IE */
	/*line-height: 0;*/
	background-repeat: no-repeat;
	background-attachment: scroll;
	}
.panelTop { background-position: top center; }
.panelBottom { background-position: bottom center; }
.panelBody { width: 100%; }

/* eg.
#leftSidePanel { width: 185px; }
#leftSidePanel.panel { background-image: url(../images/smallPanelRepeater.png); }
#leftSidePanel .panelTop { background-image: url(../images/smallPanelTop.png); }
#leftSidePanel .panelBottom {background-image: url(../images/smallPanelBottom.png); }
#leftSidePanel .panelBody { width: 165px; padding: 0 10px; }
*/


/* =hpanel : horizontally defined panels!!! wow! */
.hpanel {
	background-position: left center;
	background-repeat: repeat-x;
	background-attachment: scroll;
	}
.hpanelTop,
.hpanelBottom {
	height: 100%;
	width: 10px;
	
	background-repeat: no-repeat;
	background-attachment: scroll;
	}
.hpanelTop { background-position: left center; float: left;}
.hpanelBottom { background-position: right center; float: right; }
.hpanelBody { height: 100%; float: left; }
/* eg.
#breadCrumbs { height: 29px; }
#breadcrumbs.hpanel { background-image: url(../images/smallPanelRepeater.png); width: 100%; }
#breadcrumbs .hpanelTop { background-image: url(../images/smallPanelTop.png); }
#breadcrumbs .hpanelBottom {background-image: url(../images/smallPanelBottom.png); }
#breadcrumbs .hpanelBody { }
*/

/* =slider */
#sliderBar { width: 100%; height: 111px; margin-top: 10px; margin-bottom: 30px; position: relative; }
#sliderBar .mask { width: 850px; height: 100%; display: block; position: relative; left: 70px; top: 0; overflow: hidden; background-color: #FFF;}

.sliderButton { width: 69px; height: 111px; display: block; position: absolute; top: 0; background: 0 -222px scroll no-repeat; }
a.sliderButton:link, a.sliderButton:visited { background-position: 0 -222px; }
a.sliderButton:hover, a.sliderButton:active:hover { background-position: 0 -111px; }
a.sliderButton:active { background-position: 0 -222px; /* for IE to not persist the state */ }

#slideButtonLeft { left: 0; z-index: 10; background-image: url(../images/slide_left.png);}
#slideButtonRight { right: 0; z-index: 11; background-image: url(../images/slide_right.png);}
/* not used right now. */
/* #slideButtonLeft.disabled, #slideButtonRight.disabled { background-position: 0 0; } */

/* =columns */
/* =full column */
.fullColumn { float: left; }
#contentRegionHome .fullColumn, #contentRegionSub .fullColumn { width: 990px; }

/* =narrow (used as the left column) */
.narrowColumn { float: left; }
#contentRegionHome .narrowColumn { width: 205px; }
#contentRegionSub .narrowColumn { width: 168px; }

/* =wide column */
.wideColumn { float: right; }
#contentRegionHome .wideColumn { width: 750px; }
#contentRegionSub .wideColumn { width: 794px; }

/* =rotating image area */
#rotatingPictureFrame, .newImage {
	width: 100%;
	height: 420px;
	text-align: center;
	line-height: 0;
	background-attachment:scroll;
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 0;
	}
#rotatingPictureFrame { position: relative; }
.newImage {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	}

/* =panels */
/*
#upcomingEvents.panel { background-image: url(../images/events_repeater.gif); }
#upcomingEvents .panelTop { background-image: url(../images/events_top.gif); }
#upcomingEvents .panelBottom {background-image: url(../images/events_bottom.gif); }
#upcomingEvents .panelBody { width: 185px; padding: 5px 10px; }
*/
#testimonials.panel { background-image: url(../images/events_repeater.gif); }
#testimonials .panelTop { background-image: url(../images/events_top.gif); }
#testimonials .panelBottom {background-image: url(../images/events_bottom.gif); }
#testimonials .panelBody { width: 185px; padding: 5px 10px; }

#breadcrumbWrapper { height: 29px; margin: 8px 0 20px; }
#breadcrumbWrapper.hpanel { background-image: url(../images/breadcrumb_repeater.gif); width: 100%; }
#breadcrumbWrapper .hpanelTop { background-image: url(../images/breadcrumb_left.gif); }
#breadcrumbWrapper .hpanelBottom {background-image: url(../images/breadcrumb_right.gif); }
#breadcrumbWrapper .hpanelBody { }

#subnav.panel { background-image: url(../images/subnav_repeater.gif); }
/* note: these use non-standard height images so they are modded here. */
#subnav .panelTop { background-image: url(../images/subnav_top.gif); height: 10px; }
#subnav .panelBottom {background-image: url(../images/subnav_bottom.gif); height: 10px; }
#subnav .panelBody { width: 158px; padding: 5px; }

#pageContent.panel { background-image: url(../images/content_repeater.gif); }
/* note: these use non-standard height images so they are modded here. */
#pageContent .panelTop { background-image: url(../images/content_top.gif); height: 47px; }
#pageContent .panelBottom { background-image: url(../images/content_bottom.gif); height: 90px; }
#pageContent .panelTop, #pageContent .panelBody { width: 774px; padding: 0 10px; }

.fullColumn #pageContent.panel { background-image: url(../images/content_repeater_wide.gif); }
/* note: these use non-standard height images so they are modded here. */
.fullColumn #pageContent .panelTop { background-image: url(../images/content_top_wide.gif); height: 47px; }
.fullColumn #pageContent .panelBottom { background-image: url(../images/content_bottom_wide.gif); height: 90px; }
.fullColumn #pageContent .panelTop, .fullColumn #pageContent .panelBody { width: 970px; padding: 0 10px; }

/* =pagecontent */
.wideColumn #pageContentMain { width: 590px; border-right: 1px solid #3c3c3c; float: left; padding-right: 10px;}
.fullColumn #pageContentMain { width: 789px; border-right: 1px solid #3c3c3c; float: left; padding-right: 10px;}

#pageContentSub { width: 160px; float: right; padding-left: 10px; }


#featuredProds, #productLinks {
	width: auto;
	text-align: center;
	/*margin-top: 20px;*/
	margin: 20px auto 0;
	}

/* =logos */
#productLinks ul { width: 606px; display: block; list-style: none; margin: 0 auto; }
#productLinks li { display: inline; float: left; width: 202px; }
#productLinks li.first { text-align: left; }
#productLinks li.last { text-align: right; }


/* =footer */

#footer {
	width: 100%;
	clear: both;
	margin-top: 20px;
	text-align: right;
	border-top: 2px solid #CCC;
	}
#footer img { margin-left: 20px; }


/* =clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }