html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/**Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design. */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/**A better looking default horizontal rule */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/**Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */

img {
    vertical-align: middle;
}

/**Remove default fieldset styles. */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/**Allow only vertical resizing of textareas. */

textarea {
    resize: vertical;
}


/* ==========================================================================
DAX @fontface
========================================================================== */

@font-face { 
	font-family: DaxWebPro;
	src: url("http://www.bmo.com/fonts/dax-webfont.eot"); /* change to /pccgprefix/fonts/dax-webfont.eot for production*/
	src: local("☺"), url("http://www.bmo.com/fonts/dax-webfont.woff") format("woff"); /* change to /pccgprefix/fonts/dax-webfont.woff for production*/
	font-weight: normal;
	font-style: normal;
}

@font-face { 
	font-family: DaxWebProMed;
	src: url("http://www.bmo.com/fonts/dax_medium-webfont.eot"); /* change to /pccgprefix/fonts/dax-webfont.eot for production*/
	src: local("☺"), url("http://www.bmo.com/fonts/dax_medium-webfont.woff") format("woff"); /* change to /pccgprefix/fonts/dax-webfont.woff for production*/
	font-weight: normal;
	font-style: normal;
}

@font-face { 
	font-family: DaxWebProBold;
	src: url("http://www.bmo.com/fonts/dax-bold-webfont.eot"); /* change to /pccgprefix/fonts/dax-webfont.eot for production*/
	src: local("☺"), url("http://www.bmo.com/fonts/dax-bold-webfont.woff") format("woff"); /* change to /pccgprefix/fonts/dax-webfont.woff for production*/
	font-weight: normal;
	font-style: normal;
}

.dax {font-family: DaxWebPro, sans-serif;}
.daxmed {font-family: DaxWebProMed, sans-serif;}
.daxbold {font-family: DaxWebProBold, sans-serif;}

/* ==========================================================================
Typography
========================================================================== */

h2 {
	color: #0079C1;
	font-size: 22px;
	margin: 15px 0;
	font-family: DaxWebPro, sans-serif;
}
	.pagetitle {
		margin: 0 0 20px 0;
	}

h3 {
	color: #0079C1;
	font-size: 14px;
	margin: 10px 0;
	font-weight: bold;
}

.sidebarbox h3, .requestsidebarbox h3 {
	font-family: DaxWebPro, sans-serif;
	margin-top: 0;
}

p { margin: 10px 0; }
	.sidebarbox p, .requestsidebarbox p { margin-bottom: 0; }

a { color:#003366; text-decoration:underline; }
a:hover { color:#ED1C24; text-decoration:underline; }
	
ul.ifl-list, ul.manual-list {
	margin: 10px 0 10px 33px;
	list-style: outside disc;
}
	ul.ifl-list li, ul.manual-list li { padding: 9px 0; }	
	/*li.odd { background: #f5fdff;}*/
	ul.ifl-list li ul, ul.manual-list li ul { margin: 10px 0 10px 0; list-style: inside lower-alpha; }
	ul.form-list li, ul.hours-list li { list-style: none; }
	
strong { font-weight: bold; }
em { font-style: italic; }

/* ==========================================================================
Structure
========================================================================== */

html {
	background: #0079C1;
}

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/body_bg.png) top left repeat-x;
	min-height: 655px;
}

#wrapper {
}

#container {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../images/container_bg.png) top left no-repeat;
	
}



#contentcontainer {
	padding: 265px 0 15px 0;
	background: #fff;
}
	#home #contentcontainer {
		background: #dcecf7;
		padding: 0 0 15px 0;
	}

#content { width: 488px; float: left; }

#sidebar {
	width: 225px;
	float: right;
	margin-right: 5px;
}
	.sidebarbox { width: 195px; padding: 0 15px; border: 1px solid #dde8f0; padding: 10px; float: right; margin: 15px 5px 0 0; }
		.requestsidebarboxtop { width: 225px; height: 12px; background: url(../images/sidebartop.gif); }
		.requestsidebarbox { width: 195px; background: url(../images/sidebarbg.gif) top left repeat-y; padding: 0 15px; }
		.requestsidebarboxbottom { width: 225px; height: 20px; background: url(../images/sidebarbottom.gif); margin-bottom: 8px; }
	.sidebarbox ul { list-style-image: url(../images/redarrow.gif); margin-left: 16px;}
	
	#iacc, #capchartside {
		display: block;
		width: 193px; height: 94px;
		text-indent: -300000px;
		background: url(../images/iacc.gif);
	}
		#capchartside { width: 193px; height: 131px; background: url(../images/capchart.gif); }
		
#tor {
	height: 106px;
	background: url(../images/tor_bg.gif) bottom right no-repeat;
}
		
#char {
	background: url(../images/char_bg.gif) bottom right no-repeat;
}

#footer {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0;
}
	#footer li {
		border-right: 1px solid #fff;
		padding: 0 8px 0 8px;
		float: left;
		height: 14px;
	}
		#footer li:first-child { padding-left: 0; }
		#footer li#lastfoot { border-right: 1px solid #0079C1; }
		
	#footer a { 
		color: #fff;
		text-decoration: none;
	}
		

#header {
	height: 80px;
	padding: 0;
}
	a#logo {
		display: block;
		width: 284px; height: 65px;
		background: url(../images/logo_bmoifl.gif);
		text-indent:-300000px;
		float: left;
	}
	
	#rightlinks {
		float: right;
		margin-top: 30px;
		z-index:0 !important;
		position:relative !important;
		
	}
		#rightlinks li {
			list-style: none;
			float: left;
			
		}
			#rightlinks li a {
				color: #fff;
				text-decoration: none;
				padding: 0 0 0 10px;
				background: url(../images/whitearrow.gif) center left no-repeat;
				margin-left: 10px;
				
			}
				#rightlinks li a:hover {
					color: #fff;
					text-decoration: none;
				}

/* Box Options */			
#boxOptions { clear:both; width:494px; margin-bottom:15px; }
#boxOptions .boLeftCol { width:251px; float:left; }
#boxOptions .boRightCol { width:243px; float:left; }
#boxOptions .box { padding:6px 10px 15px 10px; position:relative; }
#boxOptions .boLeftCol .box { background:url(../images/box_left_bottom.gif) no-repeat bottom; }
#boxOptions .boLeftCol .box .topCap { width:251px; background:url(../images/box_left_top.gif) no-repeat; height:6px; overflow:hidden; position:absolute; top:0px; left:0px; /*_left:-10px;*/ }
#boxOptions .boRightCol .box { background:url(../images/box_right_bottom.gif) no-repeat bottom; }
#boxOptions .boRightCol .box .topCap { width:243px; background:url(../images/box_right_top.gif) no-repeat; height:6px; overflow:hidden; position:absolute;  top:0px; left:0px; /*_left:-10px;*/}
#boxOptions a.boTitle { color:#0079C1; font-weight:bold; text-decoration:none; }
#boxOptions ul { margin-top:0px; padding-top:0px;  margin-bottom:0px; padding-bottom:5px; }
#boxOptions ul.redArrows ul { list-style-image:none; list-style-type:disc; margin-left:0px; padding-left:0px;  }

ul.redArrows { list-style-image:url(../images/arrow.png); }
ul.redArrows { margin-left:0px; padding-left:0px; }
ul.redArrows li { margin-left:15px; }
ul.redArrows ul { list-style-image:none; }

/* ==========================================================================
Top Nav
========================================================================== */
	#topnav {
		background: #fff url(../images/nav_bg.gif) repeat-x;
		width: 940px;
		padding-bottom: 3px;
		display:none
	}
	
	#topnav ul li {
		float: left;
		height: 35px;
	}

	#topnav li a {
		display: block;
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		padding: 7px 15px 7px;
		margin: 0;
		background: #fff url(../images/navtab_bg.gif); 
	}
		#topnav li a:hover {
			color: #0079C1;
			background-image: none;
		}
		#endcap {
			display: block;
			width: 15px; height: 35px;
			background: #fff url(../images/navtab_endcap.gif) top left;
		}
		
		#about #topnav li a#nav_about, 
		#conf #topnav li a#nav_conf, 
		#serv #topnav li a#nav_serv, 
		#food #topnav li a#nav_food, 
		#accom #topnav li a#nav_accom, 
		#pack #topnav li a#nav_pack, 
		#contact #topnav li a#nav_contact {
			color: #0079C1;
			background-image: none;
		}
		
/* ==========================================================================
Left Nav
========================================================================== */ 

#leftnav {
	width: 168px;
	margin: 0 19px 0 9px;
	float: left;
}
	#leftnav ul li {
		border-top: 1px dotted #d3d3d3;
		padding: 6px 8px;
		margin-right: 5px;
	}
		#leftnav ul li a { color: #333; text-decoration: none; }
		#leftnav li:first-child { border-top: 0; }
		#leftnav li a:hover { color: #0079c1; }
		
.firstlnav {
	font-weight: bold;
}		

#leftnavtitle {
	display: block;
	width: 168px; height: 38px;
	text-indent: -30000000px;
}
	#about #leftnavtitle { background: url(../images/leftnavtitles/about.gif) top right no-repeat; }
	#conf #leftnavtitle { background: url(../images/leftnavtitles/conference-facilities.gif); }
	#serv #leftnavtitle { background: url(../images/leftnavtitles/services.gif); }
	#food #leftnavtitle { background: url(../images/leftnavtitles/food-and-beverages.gif); }
	#accom #leftnavtitle { background: url(../images/leftnavtitles/accomodation.gif); }
	#pack #leftnavtitle { background: url(../images/leftnavtitles/packages.gif); }
	#contact #leftnavtitle { background: url(../images/leftnavtitles/contact-us.gif); }

/* Left Nav active states */
.aboutwhy #leftnav ul li.aboutwhy a, 
.abouthistory #leftnav ul li.abouthistory a, 
.aboutcorp #leftnav ul li.aboutcorp a,

.confroom #leftnav ul li.confroom a, 
.confcharts #leftnav ul li.confcharts a, 
.confplans #leftnav ul li.confplans a, 
.conftour #leftnav ul li.conftour a,

.servinhouse #leftnav ul li.servinhouse a,
.servav #leftnav ul li.servav a,
.servbuilding #leftnav ul li.servbuilding a,
.servwellness #leftnav ul li.servwellness a,
.servsocial #leftnav ul li.servsocial a,
.servcommons #leftnav ul li.servcommons a,
.servaccess #leftnav ul li.servaccess a,

.foodmeet #leftnav ul li.foodmeet a,
.foodmenus #leftnav ul li.foodmenus a,

.accomstandard #leftnav ul li.accomstandard a,
.accombarrier #leftnav ul li.accombarrier a,
.accomhouse #leftnav ul li.accomhouse a,

.packday #leftnav ul li.packday a,
.packcomplete #leftnav ul li.packcomplete a,

.contactother #leftnav ul li.contactother a
	{ color: #0079c1; }
	
	
/* ==========================================================================
Content
========================================================================== */

#homebanner {
	margin-bottom: 10px;
}

.homequadrant {
	width: 300px;
	height: 127px;
	float: left;
	background: url(../images/homequad_bg.gif) bottom no-repeat #fff;
	margin: 0 0 0 10px;
	padding-bottom: 8px;
}
	#homequad1 { height:127px; background: url(../images/homequad1_bg.gif) bottom right no-repeat; }
	#homequad2 { height:127px; background: url(../images/homequad2_bg.gif) bottom right no-repeat; }
	#homequad3 { height:127px; background: url(../images/homequad3_bg.gif) bottom right no-repeat; }
	.homequadrant .homequadtitle {
		display: block;
		height: 43px;
		font-size: 22px;
		margin: 0;
		padding: 12px 0 0 30px;
	}
	
	.homequadrant .redButton, .homequadrant .whiteButton {
		margin: 26px 0 0 27px;
	}
	
.contacts {
	width: 49%;
	float: left;
}

span.required {
	color: #f00;
}

#altdates, #foodselect, #roomsselect { display: none; }

.layoutbox {
	background: #f8fcff url(../images/layoutbox_bg.jpg) bottom left no-repeat;
}

.layoutbox h3 {
	display: block;
	width: 465px; /*height: 20px;*/
	/*background: url(../images/roomcap_bg.gif) top left repeat-x;*/
	background: #57A3D9;
	color: #fff;
	font-weight: normal;
	font-size: 17px;
	padding: 6px 0 8px 25px;
}
.layoutbox h4 {
	font-size: 16px;
	font-weight: bold;
}

.layoutbox table { margin: 20px 0 10px 0; }
.layoutboxcontent { margin-left: 25px; }
	
.layoutimg { float: right;  margin: -69px 20px 0 0;}
.slide table { float: left;}
.nextprev { float: right;  margin: -47px 34px 0 0; }

#next {
	color: #0079c1;
	padding-right: 15px;
	background: url(../images/nextarrow.gif) center right no-repeat;
}

#prev {
	color: #0079c1;
	padding-left: 15px;
	background: url(../images/prevarrow.gif) center left no-repeat;
	margin-right: 107px;
}

.maxcap { font-size: 12px; }
	
/* ==========================================================================
PAGE BANNERS
========================================================================== */

#about #contentcontainer { background: #fff url(../images/banners/about.jpg) top left no-repeat; }
#conf #contentcontainer { background: #fff url(../images/banners/building.jpg) top left no-repeat; }
#serv #contentcontainer { background: #fff url(../images/banners/services.jpg) top left no-repeat; }
#food #contentcontainer { background: #fff url(../images/banners/food.jpg) top left no-repeat; }
#accom #contentcontainer { background: #fff url(../images/banners/accommodation.jpg) top left no-repeat; }
#pack #contentcontainer { background: #fff url(../images/banners/packages.jpg) top left no-repeat; }
#contact #contentcontainer { background: #fff url(../images/banners/contact.jpg) top left no-repeat; }
	
/* ==========================================================================
TABS
========================================================================== */

.ui-tabs-panel { clear: both; }

.ui-tabs-nav {
	width: 518px; height: 56px;
	background: url(../images/tabs_bg.jpg);
}

.ui-tabs-nav li {
	float: left;
	margin-bottom: 15px;
}

ul.buildtabs li.ui-state-default a {
	display: block;
	background: transparent url(../images/tabs_building_fr.png);
	height: 70px;
	text-indent: -30000000px;
}
	#bldtab1 a { width: 76px; background-position: -6px -5px;}
		#bldtab1.ui-tabs-active a { background-position: -6px -78px; }
	#bldtab2 a { width: 82px; background-position: -81px -5px; }
		#bldtab2.ui-tabs-active a { background-position: -81px -78px; }
	#bldtab3 a { width: 110px; background-position: -163px -5px; }
		#bldtab3.ui-tabs-active a { background-position: -163px -78px; }
	#bldtab4 a { width: 84px; background-position: -273px -5px; }
		#bldtab4.ui-tabs-active a { background-position: -273px -78px; }
	#bldtab5 a { width: 152px; background-position: -356px -5px; }
		#bldtab5.ui-tabs-active a { background-position: -356px -78px; }

ul.captabs li.ui-state-default a {
	display: block;
	background: transparent url(../images/tabs_room_fr.png);
	height: 56px;
	text-indent: -30000000px;
}
	#captab1 a { width: 54px; background-position: -2px -1px;}
		#captab1.ui-tabs-active a { background-position: -2px -56px; }
	#captab2 a { width: 61px; background-position: -59px -1px; }
		#captab2.ui-tabs-active a { background-position: -59px -56px; }
	#captab3 a { width: 69px; background-position: -122px -1px; }
		#captab3.ui-tabs-active a { background-position: -122px -56px; }
	#captab4 a { width: 75px; background-position: -191px -1px; }
		#captab4.ui-tabs-active a { background-position: -191px -56px; }
	#captab5 a { width: 146px; background-position: -266px -1px; }
		#captab5.ui-tabs-active a { background-position: -266px -56px; }
	
	
/* ==========================================================================
FORMS
========================================================================== */

li label { display: inline-block; padding: 5px 0; }

li input, li select {
	float: right;
	margin-right: 115px;
}

li input.radio, li input.checkbox {
	float: none;
	margin-right: 5px;
}

ul.form-list li { clear: both; }

#meetingType_id { margin-right: 190px; }

.radiospan {
	float: right;
	margin-right: 184px;
}

input.formerror { border: 1px solid #FF0000; height: 16px; width: 190px; }
select.formerror { border: 1px solid #EE0000; height: 20px; width: 190px; }
.error { border: 2px dotted #EE0000; margin-bottom: 10px; padding: 10px; text-align: left; }
.highlighterror { border: 1px dotted #FF0000; }
	.error ul { padding-left: 35px; list-style: disc; }

/* ==========================================================================
CSS BUTTONS
========================================================================== */

/* Buttons */
div.whiteButton,div.whiteButton-inactive,div.whiteButton-noArrow,div.whiteButton-noArrow-inactive,div.redButton,div.redButton-inactive,div.blueButton,div.blueButton-inactive,div.arrowLink,div.backButton,div.backButton-inactive {display:-moz-inline-stack;display:inline-block; zoom:1;*display:inline;clear:both;}

div.redButton div,div.redButton-inactive div,div.whiteButton div,div.whiteButton-inactive div, div.whiteButton-noArrow div, div.whiteButton-noArrow-inactive div,div.blueButton div, div.blueButton-inactive div, div.backButton div, div.backButton-inactive div{float:left;height:32px;overflow:hidden;color:#FFF;background-repeat:no-repeat;background-position:top left;}
div.redButton div a:hover,div.redButton-inactive div a:hover,div.whiteButton div a:hover,div.whiteButton-inactive div a:hover,div.whiteButton-noArrow div a:hover,,div.whiteButton-noArrow-inactive div a:hover, div.blueButton div a:hover, div.blueButton-inactive div a:hover, div.backButton div a:hover, div.backButton-inactive div a:hover {text-decoration:none; !important }
div.redButton div a,div.redButton-inactive div a,div.whiteButton div a,div.whiteButton-inactive div a,div.whiteButton-noArrow div a,div.whiteButton-noArrow-inactive div a, div.blueButton div a, div.blueButton-inactive div a,div.backButton div a,div.backButton-inactive div a {line-height:27px;display:block;float:left;height:32px;overflow:hidden;text-decoration:none;font-weight:bold;padding-left:3px;font-size:12px;outline:none; !important;background-repeat:no-repeat;background-position:top right;}

div.redButton div a:hover, div.redButton-inactive div a:hover {color:#FFF;}
div.redButton div {background-image:url(../images/btn_red_left.png);_background-image:url(../images/btn_red_left.gif);padding-left:11px;_padding-left:8px;}
div.redButton div a {background-image:url(../images/btn_red_right.png);_background-image:url(../images/btn_red_right.gif);color:#FFF;padding-right:25px;}
div.redButton-inactive div {background-image:url(../images/btn_red_inactive_left.png);_background-image:url(../images/btn_red_inactive_left.gif);padding-left:11px;_padding-left:8px;}
div.redButton-inactive div a {background-image:url(../images/btn_red_inactive_right.png);_background-image:url(../images/btn_red_inactive_right.gif);color:#FFF;padding-right:25px;}

div.whiteButton div a:hover, div.whiteButton-inactive div a:hover {color:#0079C1;}
div.whiteButton div {background-image:url(../images/btn_white_left.png);_background-image:url(../images/btn_white_left.gif);padding-left:11px;_padding-left:8px;}
div.whiteButton div a {background-image:url(../images/btn_white_right.png);_background-image:url(../images/btn_white_right.gif);color:#0079C1;padding-right:25px;}
div.whiteButton-inactive div {background-image:url(../images/btn_white_inactive_left.png);_background-image:url(../images/btn_white_inactive_left.gif);padding-left:11px;_padding-left:8px;}
div.whiteButton-inactive div a {background-image:url(../images/btn_white_inactive_right.png);_background-image:url(../images/btn_white_inactive_right.gif);color:#0079C1;padding-right:25px; color:#80bce0;}

div.whiteButton-noArrow div a:hover, div.whiteButton-noArrow-inactive div a:hover {color:#0079C1;}
div.whiteButton-noArrow div {background-image:url(../images/btn_white_left.png);_background-image:url(../images/btn_white_left.gif);padding-left:11px;_padding-left:8px;}
div.whiteButton-noArrow div a {background-image:url(../images/btn_white_right_noarrow.png);_background-image:url(../images/btn_white_right_noarrow.gif);color:#0079C1;padding-right:15px;}
div.whiteButton-noArrow-inactive div {background-image:url(../images/btn_white_inactive_left.png);_background-image:url(../images/btn_white_inactive_left.gif);padding-left:11px;_padding-left:8px;}
div.whiteButton-noArrow-inactive div a {background-image:url(../images/btn_white_right_noarrow_inactive.png);_background-image:url(../images/btn_white_right_noarrow_inactive.gif);color:#0079C1;padding-right:15px; color:#80bce0; cursor:default; }
div.whiteButton-noArrow-inactive div a:hover { color:#80bce0; }

div.blueButton div a:hover, div.blueButton-inactive div a:hover {color:#FFF;}
div.blueButton div {background-image:url(../images/btn_blue_left.png);_background-image:url(../images/btn_blue_left.gif);padding-left:11px;_padding-left:8px;}
div.blueButton div a {background-image:url(../images/btn_blue_right.png);_background-image:url(../images/btn_blue_right.gif);color:#FFF;padding-right:25px;}
div.blueButton-inactive div {background-image:url(../images/btn_blue_inactive_left.png);_background-image:url(../images/btn_blue_inactive_left.gif);padding-left:11px;_padding-left:8px;}
div.blueButton-inactive div a {background-image:url(../images/btn_blue_inactive_right.png);_background-image:url(../images/btn_blue_inactive_right.gif);color:#FFF;padding-right:25px;}

div.backButton div {background-image:url(../images/btn_back_left.png);_background-image:url(../images/btn_back_left.gif);padding-left:22px;}
div.backButton div a {background-image:url(../images/btn_back_right.png);_background-image:url(../images/btn_back_right.gif);color:#FFF;padding-right:15px;}
div.backButton-inactive div {background-image:url(../images/btn_back_inactive_left.png);_background-image:url(../images/btn_back_inactive_left.gif);padding-left:22px;}
div.backButton-inactive div a {background-image:url(../images/btn_back_inactive_right.png);_background-image:url(../images/btn_back_inactive_right.gif);color:#FFF;padding-right:15px;}

/* ==========================================================================
Image Rotator
========================================================================== */

#inspirebanner {
	width: 940px; height: 133px;
	position: absolute;
	/*background: url(../images/inspireBanner.png);*/
	z-index: 100;
}
#inspirebanner .mei{
	margin-top:-3px;
}
div.wrap {
	width : 940px;
	margin : 0 auto;
	text-align : left;
}

div#slider {
	margin : -1px 0 0;
}

div#video-slider {
	height : 683px;
	margin : -1px 0 0;
}

div#slider div.wrap {
	height : 454px;
}

div#slider div#slide-holder {
	z-index : 40;
	width : 940px;
	height : 454px;
	position : absolute;
}

div#slider div#slide-holder div#slide-runner {
	width : 940px;
	height : 454px;
	overflow : hidden;
	position : absolute;
}

div#slider div#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
}

div#slider div#slide-holder div#slide-controls {
	right : 10px;
	bottom : 10px;
	height : 17px;
	display : none;
	position : absolute;
	background : url(../images/slide-bg.png) 0 0;
}

div#slider div#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 10px;
	line-height : 16px;
	margin : 15px 0 0 20px;
	text-transform : uppercase;
}

div#slider div#slide-holder div#slide-controls div#slide-nav {
	float : right;
	height : 17px;
	display : inline;
	margin : 4px -4px 0 8px;
}

div#slider div#slide-holder div#slide-controls div#slide-nav a {
	float : left;
	width : 9px;
	height : 9px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
	background-image : url(../images/silde-nav.png);
	text-indent: -30000000px;
}

div#slider div#slide-holder div#slide-controls div#slide-nav a.on { background-position : 0 -9px; }
div#nav ul li a { background : url(../images/nav.png) no-repeat; }

div#slide-nav-right {
	width: 4px; height: 17px;
	float: right;
	background: url(../images/slide-bgr.png) no-repeat;
	margin-top: -4px;
}

/* ==========================================================================
Helper classes
========================================================================== */

/**Image replacement */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/**Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements. */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats. */

.clearfix {
    *zoom: 1;
}

.clear { clear:both; }

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: none;
    }

    abbr[title]:after {
        content: none;
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}