/* DEFAULTS */

	* { margin: 0px; padding: 0px; border: collapse; }
    * a:active { outline: none; }
	* -moz-any-link:focus { outline: none; }
	* :focus { outline: none; }	

	HTML  { font-family: 'lucida sans','lucida grande',arial,helvetica,sans-serif; font-size: 11px; color: #7b7b7b; line-height: 1.5em; margin:0; padding:0; }
	body { background-color: #fff; margin:0; padding:0; }  
	td { vertical-align: top; }
	p { margin-bottom: 12px; line-height: 22px; }
	.clear { clear: both; line-height: 0px; }

	h1 { font-weight: normal; font-size: 2em; margin-bottom: 24px; color: #666; }
	h2 { font-weight: normal; font-size: 1.6em; margin: 24px 0; color: #666; }
	h3 { font-weight: normal; font-size: 1.4em; margin: 18px 0; color: #666; }

	a,
	a:visited,
	a:active { color: #999; text-decoration: none; }
	a:hover { color: #d7182a; text-decoration: underline; }	
	
/* PAGE SETTINGS */
	#pageWrapper { margin: auto; width:800px; }
	
	/* Top Navigation */
	
	#topNav { width: 800px; padding-bottom: 8px; background-color: #fff; font-family: 'lucida sans',arial,helvetica,sans-serif; }
	#topNav .links { float: right; padding-top: 15px; }
	
	#topNav ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; list-style: none; }
	#topNav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height: 20px; line-height: 20px; padding-right: 14px; text-decoration:none; font-size: 1.1em; font-weight: normal; letter-spacing: 0px;  border-right:solid 0px rgb(215,215,215); text-transform: uppercase; }
	#topNav .menuSeparator { color: #d7182a; display: inline; padding-left:10px; }
	
	#topNav .logo { float: left; padding-bottom: 11px; }		
	
	#topNav .last a { padding: 0; }

	/* Page Content */
	
	#pageContent { width: 800px; background-color: #E7E5DD; }
	#pageContentHome { width: 800px; background-color: #fff; }
	#pageContent .pageBodyHome { float: left; width: 471px; height: 360px; background-color: #f2efe6; padding: 0px 36px; }
	#pageContent .pageBodySecondary { float: left; width: 471px; height: 312px; background-color: #f2efe6; padding: 24px 36px; }	

	#pageContent .pageBodyAbout { float: left; width: 309px; height: 277px; background-color: #e7e5dd; padding:24px 0 0 36px;}
	#pageContent .pageBodyAboutRight { width: 444px; height: 325px; background-color: #e7e5dd; float: right; background: #e7e5dd url("/assets/images/about.jpg") no-repeat ; }
	
	#pageContent .pageBodyAboutPress { float: left; width: 309px; height: 277px; background-color: #e7e5dd; padding: 24px 36px; }
	#pageContent .pageBodyAboutPressRight { width: 419px; height: 325px; background-color: #e7e5dd; float: right; }
	#pageContent .pageBodyAboutPressRight .press {background: #e7e5dd; padding-left:12px; padding-top:12px; }
	.pressTitle{ margin:0; padding:0; line-height:16px; }
	.pressDate{ margin:0; padding:0; padding-bottom: 9px; line-height:18px;}
	
	#pageContent .pageBodyAboutTeam { float: left; width: 800px; height: 325px; background-color: #e7e5dd; background: #e7e5dd url("/assets/images/aboutTeam.jpg") no-repeat ;}
	

	#pageContent .pageBodyContact { float: left; width: 278px; height: 277px; background-color: #e7e5dd; padding: 24px 36px; }
	#pageContent .pageBodyContact .bottomRight { height:100%; vertical-align: bottom; text-align: right; }	
	#pageContent .pageBodyContactRight { width: 450px; height: 325px; background-color: #cacac8; float: right; background: #e7e5dd url("/assets/images/contact.jpg") no-repeat ; }
	.contactBottomContent {padding-right:24px; text-align:right; vertical-align:bottom; padding-bottom: 24px; }
	.contactBottomContent .address{ padding-bottom: 6px; }
	.contactBottomContent .phone { padding-bottom: 6px; }
	
	.pageLinks a { color: #7B7B7B; }
	.pageLinks a:visited,
	.pageLinks a:active { color: #7B7B7B; text-decoration: none; }
	.pageLinks a:hover { color: #d7182a; text-decoration: none; }	
	
	#pageContent .pageBodyPortfolio { float: left; width: 800px; height: 323px; background-color: #e7e5dd;}
	#pageContent .pageBodyPortfolio .col { padding: 0 0 5px 5px; }
	#pageContent .pageBodyPortfolio .col2 { padding: 0 0 0 5px; }
	#pageContent .pageBodyPortfolio .row {  }
	
	#pageContent .pageBodyPortfolioSecondary { float: left; width: 800px; height: 325px; background-color: #e7e5dd;}

	#pageContent .pageBodyDesign { float: left; width: 258px; height: 277px; background-color: #e7e5dd ; padding: 24px 36px; }
	#pageContent .pageBodyDesignRight { width: 470px; height: 325px; background-color: #e7e5dd; float: right; background: #e7e5dd url("/assets/images/designServices.jpg") no-repeat ; }	
	#pageContent .pageBodyDesignRight .top {  }
	#pageContent .pageBodyDesignRight .middle {  }
	#pageContent .pageBodyDesignRight .bottom {  }
	#pageContent .pageBodyDesignRight .image { float: left; margin-left:6px; background-color: #cacac8; width:113px; height: 146px; }	
	#pageContent .pageBodyDesignRight .imageLeft { float: left; background-color: #cacac8; width:113px; height: 146px; }	
	#pageContent .pageBodyDesignRight .text { float: left; margin-left:6px; background-color: #ececeb;  width: 113px; height:32px; text-align:center; }
	#pageContent .pageBodyDesignRight .textLeft { float: left; background-color: #ececeb;  width: 113px; height:32px; text-align:center; }	
	
	#pageContent .slideshowHome { margin: 0px; width: 800px; height: 324px; }
	#pageContent .sideBox { float: left; width: 67px; height: 360px; background-color: #f2efe6; }	

	/* Footer */

	#footer { background-color: #fff; padding-top: 20px; width:800px; }
	
	#footer  .logoBottom { float: left; padding-right: 20px; }
	#footer .contactInfo { float: left; text-transform: uppercase; font-size: 1em; font-family: 'lucida sans',arial,helvetica,sans-serif; letter-spacing: 0px; color: #7B7B7B; }
	#footer .contactInfo a { text-transform: uppercase; font-size: 1em; font-family: 'lucida sans',arial,helvetica,sans-serif; letter-spacing: 0px; color: #7B7B7B; text-decoration: none;}
	#footer .contactInfo a:hover { color: #D7182A; }	
	#footer .contact { float: right; }
	#footerPortfolio { background-color: #fff; padding-top: 22px; }		
	#footerPortfolio  .logoBottom { float: left; padding-right: 20px; }
	#footerPortfolio .contactInfo { float: left; text-transform: uppercase; font-size: 1em; font-family: 'lucida sans',arial,helvetica,sans-serif; letter-spacing: 0px; color: #7B7B7B; }
	#footerPortfolio .contactInfo a { text-transform: uppercase; font-size: 1em; font-family: 'lucida sans',arial,helvetica,sans-serif; letter-spacing: 0px; color: #7B7B7B; text-decoration: none; cursor: pointer;}
	#footerPortfolio .contactInfo a:hover { color: #D7182A; cursor: pointer; }	

	#footer ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; list-style: none; }
	#footer ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height: 20px; padding-right: 20px; text-decoration:none; font-size: 1em; font-weight: normal; letter-spacing: 0px;  border-right:solid 0px rgb(215,215,215); text-transform: uppercase; }
	#footer .menuSeparator { color: #d7182a; display: inline; padding-left:16px; }

	.red { color: #d7182a; }	

	/* NAV BAR */
	
	.navbar { white-space:nowrap /*IE hack*/; width:800px; font-family: 'lucida sans',arial,helvetica,sans-serif; font-size:12px !important /*Non-IE6*/; font-size: 12px /*IE6*/; text-transform: uppercase; letter-spacing: 4px; } /*Color navigation bar normal mode*/
	
	/* Menu Bar */
	
	.navbar ul {list-style-type: none;}
	.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
	.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height: 40px; line-height: 40px; border-bottom: 2px solid transparent; padding: 0 22px; text-decoration:none; font-weight:bold; color: #fff; border-right:solid 0px rgb(215,215,215);}
	.navbar ul li ul {display:none; border:none;}
	
	/* SubMenu (Non-IE6 hovering) */
	
	.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
	.navbar ul li:hover a {border-bottom: 2px solid #efb111; text-decoration:none; color: #efb111; } /*Color main cells hovering mode*/
	.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
	.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #f2f2f2; font-weight: normal; color: #541d1d; } /*Color subcells normal mode*/
	.navbar ul li:hover ul li a:hover {background-color: #fff; text-decoration:underline;} /*Color subcells hovering mode*/
	
	/* SubMenu (IE6 hovering) */
	
	.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
	.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; text-decoration:none;} /*Color main cells hovering mode*/
	.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
	.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:#f2f2f2; font-weight:normal; color: #541d1d;} /*Color subcells normal mode*/
	.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

/* BREAD CRUMB NAVIGATION */

	.B_crumbBox { margin-bottom: 24px; font-size: .8em; }

/* SIDEBAR IMAGES */

	.imagesSideBar { }
	.imageSideBar01,
	.imageSideBar02,
	.imageSideBar03 { width: 236px; height: 134px; }	
	.imageSideBar01,
	.imageSideBar02 { margin-bottom: 32px; }
	
/* LISTS */

	ul.customBullets { margin: 24px 0; }
	ul.customBullets li { list-style-image: url(../images/customBullet.gif); margin: 0 0 10px 26px; padding-left: 6px;  line-height: 1.3em; }
	ul.customBullets li ul { margin-top: 10px; }
	ul.customBullets li ul li { list-style-image: none; margin: 0 0 10px 26px; padding-left: 6px;  line-height: 1.3em; }	

/* TABSTRIP */

	.tabStrip ul { margin: 0; padding: 0; list-style-type: none; font-size: .9em; }
	.tabStrip li { margin: 0 2px 0 0; list-style-type: none; float: left; }
	.tabLink { display: block; text-decoration: none; padding: 5px 10px; background: #f2f2f2; border: #dadada solid; border-width: 1px 1px 0 1px; color: #541d1d; }
	.tabLinkActive { display: block; text-decoration: none; padding: 5px 10px; background: #fff; border: #c0c0c0 solid; border-width: 1px 1px 0 1px; color: #541d1d; }
	.tabContent { display: none; }
	.tabContentActive { clear: both; border-top: 1px solid #ccc; padding-top: 18px; }
	.downloadPDF { margin: 12px 0; }

/* FAUX OPTIN FORM */

	#fauxOptIn { width: 410px; margin: auto; font-size: .8em; padding: 6px 0; }
	#fauxOptIn input,
	#fauxOptIn textarea,
	#fauxOptIn select { width: 120px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding: 3px 4px 2px 4px; font-size: 1em; height: 14px; color: #333; }
	#fauxOptIn td.formLabel { vertical-align: bottom; padding: 0 6px 3px 0; }
	#fauxOptIn td.buttonOptIn { padding-left: 6px; }
	#fauxOptIn .button { padding: 0 6px; height: 19px; line-height: 19px; background-color: #f1f3ef; cursor: pointer; }
	#fauxOptIn .buttonOff { background-color: #f2f2f2; border: 1px solid #d9d9d9; }
	#fauxOptIn .buttonOn { background-color: #ecf2f8; border: 1px solid #5d1918; }
	#fauxOptIn .highlightOff { border-color: #d9d9d9; }
	#fauxOptIn .highlightOn { border-color: #5d1918; }
	#fauxOptIn a,
	#fauxOptIn a:visited,
	#fauxOptIn a:active { display: inline; padding: 0; }

/* INPUT FORMS */

	.inputForm { padding: 0; } 
	.inputForm table { width: 568px; } 
	.inputForm .row { }
	.inputForm .rowAlt { }	
	.inputForm .formComment { padding: 12px 0 0 0; }	
	.inputForm input,
	.inputForm textarea,
	.inputForm select { width: 280px; height: 20px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding-left: 4px; padding-right: 0px; line-height: 20px; color: #333; }
	.inputForm input { vertical-align: middle; }
	.inputForm input.radioButtons { width: 25px; height: 20px; margin: 0 3px 0 3px; vertical-align: bottom; border: 0; }
	.inputForm input.checkbox { border: 0; }		
	.inputForm select { width: 165px; }	
	.inputForm .formLabel { vertical-align: top; padding: 5px 24px 3px 0px; }
	.inputForm .formInput { width: 242px; text-align: right; font-size: 12px; padding: 2px 2px 2px 0; }
	.inputForm .formRadioButtons { width: 242px; text-align: left; font-size: 12px; padding: 2px 2px 2px 0; }
	.inputForm .checkbox ( border: 0; width 20px; )
	.inputForm .line { width: 100%; border-top: 1px solid #d9d9d9; margin-top: 12px; padding: 8px 6px 36px 0;}
	.inputForm .submitButton { text-align: right; padding: 2px 2px 0 0; }	
	.inputForm .button { float: right; display: inline-block; text-align: center; cursor: pointer; padding: 6px 12px; background-color: #f1f3ef; }
	.inputForm .buttonOff { background-color: #f2f2f2; border: 1px solid #ccc; }
	.inputForm .buttonOn { background-color: #ecf2f8; border: 1px solid #5d1918; }
	.inputForm .highlightOff { border-color: #d9d9d9; }
	.inputForm .highlightOn { border-color: #5d1918; }

	/* Mods for OptIn Registration */
	
	.inputForm .buttonSignUp { width: 300px; border-top: 0px solid #99c83c; margin-top: 6px; }
	.inputForm .buttonSignUp td { padding-top: 6px; }

	/* Mods for Login */

	.inputForm .login { width: 300px; margin-top: 24px; }

/* WHAT'S NEW */

	#whatsNew { font-size: .9em; border-left: 1px solid #ccc; padding-left: 24px; padding-bottom: 12px; }
	#whatsNew  h1 { }	
	#whatsNew .newsItem { padding: 6px 0 3px; }
	#whatsNew .headline {}
	#whatsNew .datePosted { font-style: italic;}
	#whatsNew .summary { font-size: 7.5pt; }
	#whatsNew .moreNews { margin-top: 12px; }
	#whatsNew .moreLink { float: left; width: 156px; text-align: right; padding-right: 4px; }
	#whatsNew .moreArrow { float: left; width: 24px; }		
	
/* INDEXED CONTENT */

	/* Filters */
	
    #filters .filterBar { width: 100%; margin-bottom: 12px;}
	#filters .filterBarLeft { padding-left: 4px; }
	#filters .filterBarRight { text-align: right; white-space: nowrap; padding: 4px 4px 0 0; }
	#filters select { width: 100px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding-left: 4px; padding-right: 0px; line-height: 20px; color: #333; }
	
	#filters .dropDownBox { width: 120px; }
	#filters .pagination { margin: 12px 0; }
	
	#filters .selectCountry { margin: 12px 0; }

	/* Indexes - Announcements & Media Clippings */

	#index { background-color: #ededed; border: 0px solid #e4e4e4; padding: 4px; }
	#index table { width: 100%; }
	#index tr.row { background-color: #fff; cursor: pointer; }
	#index tr.rowAlt { background-color: #fafafa; cursor: pointer; }
	#index tr.highlight { background-color: #f5f5f5; cursor: pointer; }	
	#index th { padding: 8px 4px 4px; text-align: left; vertical-align: bottom; font-size: 1.2em; font-weight: normal; }	
	#index td { font-size: .9em; }
	#index .colDate { white-space: nowrap; padding: 4px 12px; }
	#index .colType { white-space: nowrap; padding: 4px 12px; }
	#index .colDescription { width: 100%; padding: 4px 12px; }
	#index .colEdit { white-space: nowrap; padding: 4px 12px; }	

	/* Display and Entry Pages - Announcements */
	
	#announcements .navTopBar { }
	#announcements .navBottomBar { margin: 36px 0 0 0; }
	#announcements .navLeft,
	#announcements .navCenter,
	#announcements .navRight { float: left; white-space: nowrap;}
	#announcements .navCenter { width: 100% }
	#announcements .title { text-align: center; padding: 12px 4px; }
	#announcements .title h1 { margin-bottom: 12px; }
	#announcements .title h2 { margin: 0; }
	#announcements .byLine { font-size: .9em; margin: 4px 0 4px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; }	
	#announcements .byLineLeft { width: 274px; float: left; white-space: nowrap; padding-left: 6px; }
	#announcements .byLineRight { width: 274px; float: left; text-align: right;  white-space: nowrap; padding-right: 6px; }
	#announcements .content { padding: 0 4px; padding-top:12px; }
	#announcements .imageCenter { text-align: center; }
	#announcements .imageRight { margin: 4px 0 20px 10px; }			
	#announcements .topLine { background: transparent; height: 14px; border-bottom: 1px solid #dae5e8; }
	#announcements .bottomLine { background: transparent; height: 20px; border-top: 1px solid #dae5e8; }
	
/* DATA GRIDS */

	#dataGrid { background-color: #ededed; border: 0px solid #e4e4e4; padding: 4px; }
	#dataGrid table { width: 100%; }
	#dataGrid tr.row { background-color: #fff; cursor: pointer; }
	#dataGrid tr.rowAlt { background-color: #fafafa; cursor: pointer; }
	#dataGrid tr.highlight { background-color: #f5f5f5; cursor: pointer; }	
	#dataGrid th { padding: 8px 4px 4px; text-align: left; vertical-align: bottom; font-size: 1.2em; font-weight: normal; }	
	#dataGrid td { font-size: .9em; padding: 4px 12px; }

/* HOME PAGE */
	
	.quote { text-align: right; padding: 230px 20px 0 0; }	
	.quoteName { font-size: .9em; text-align: right; padding: 12px 20px 0 0; }
		
/* JAVASCRIPT SCOLLBAR */

	#scrollBox { height: 270px; }

	.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
	.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
	.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden;}
	.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;}
	.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;}
	a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
	a.jScrollArrowUp:hover { /*background-color: #f60;*/}
	a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px;}
	a.jScrollArrowDown:hover { /*background-color: #f60;*/}
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}

	.fgmsScroller .jScrollPaneTrack { background: url(../images/osx_track.gif) repeat-y;}
	.fgmsScroller .jScrollPaneDrag { background: url(../images/osx_drag_middle.gif) repeat-y;}
	.fgmsScroller .jScrollPaneDragTop { background: url(../images/osx_drag_top.gif) no-repeat; height: 6px;}
	.fgmsScroller .jScrollPaneDragBottom { background: url(../images/osx_drag_bottom.gif) no-repeat; height: 7px;}
	/*	.fgmsScroller a.jScrollArrowUp { height: 24px; background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;} */
	.fgmsScroller a.jScrollArrowUp:hover { background-position: 0 0;}
	/*	.fgmsScroller a.jScrollArrowDown { height: 24px; background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;}*/
	.fgmsScroller a.jScrollArrowDown:hover { background-position: 0 0;}
	/* IE SPECIFIC HACKED STYLES */
	* html .fgmsScroller .jScrollPaneDragBottom { bottom: -1px;}
	/* /IE SPECIFIC HACKED STYLES */

	.fgmsScroller { width:295px; height: 270px; }
	
	.fgmsScrollerAbout { width:320px; height: 270px; }
	.fgmsScrollerAbout .jScrollPaneTrack { background: url(../images/osx_track.gif) repeat-y;}
	.fgmsScrollerAbout .jScrollPaneDrag { background: url(../images/osx_drag_middle.gif) repeat-y;}
	.fgmsScrollerAbout .jScrollPaneDragTop { background: url(../images/osx_drag_top.gif) no-repeat; height: 6px;}
	.fgmsScrollerAbout .jScrollPaneDragBottom { background: url(../images/osx_drag_bottom.gif) no-repeat; height: 7px;}
	/*	.fgmsScroller a.jScrollArrowUp { height: 24px; background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;} */
	.fgmsScrollerAbout a.jScrollArrowUp:hover { background-position: 0 0;}
	/*	.fgmsScroller a.jScrollArrowDown { height: 24px; background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;}*/
	.fgmsScrollerAbout a.jScrollArrowDown:hover { background-position: 0 0;}
	/* IE SPECIFIC HACKED STYLES */
	* html .fgmsScrollerAbout .jScrollPaneDragBottom { bottom: -1px;}
	/* /IE SPECIFIC HACKED STYLES */

/* Portfolio */

.info { width: 158px; float: left; padding: 0 0 0 12px; height: 325px; }
.info table{ height: 325px;}
.info .topNav { vertical-align: top; height: 43px; padding-top: 12px; cursor: pointer; }
.info .bottomNav { vertical-align: bottom; height: 260px; padding-bottom:10px; }
.info .portfolioNav { vertical-align: bottom; height: 313px; padding-bottom:12px; }
.info .details {  }
.info .buttons {  }
.info .title { text-transform: uppercase; }
.info .subtitle { padding-top: 2px;  }
.info .location { padding-top: 2px; font-size: .9em; }

#portfolio .col,
#portfolio .col2 { }
#buttons { padding-top: 12px;  }
#buttons a { cursor: pointer; }