@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,dfn, em, font,  ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


#page{
background:url(images/bg.jpg) no-repeat center top;

font-family:Arial, helvetica, sans-serif;

}

#flash{
height:376px;
}
#fl_gauche{
background-image:url(images/leftbghomt.jpg);
width:385px;
background-repeat:no-repeat;
background-position:bottom;
float:left;
height:376px;}

#fl_droite{
float:right;
background-image:url(images/flbghome.jpg);
height:376px;
width:417px;}

#container{
background:url(images/bg_02.jpg) repeat-y center top;
clear:both;}

#mainleft{
width:451px;
float:left;
background-image:url(images/maintable.jpg);
padding-top:161px;
background-repeat:no-repeat;
clear:left;}
#mainright{
width:342px;
float:right;
background-image:url(images/bg_right.jpg);
background-repeat:no-repeat;

clear:right;}


#contentpane1{
width:342px;
margin-left:auto;
margin-right:auto;
padding-top:25px;
padding-bottom:25px;
}#rightpanecontainer img{
padding-left:5px; padding-right:5px;
}
#rightpanecontainer{
padding-left:17px;
padding-right:32px;}
#rightpane01{
border-bottom-color:#9e9b91;
border-bottom-style:dotted;
border-bottom-width:1px;
padding-bottom:23px;clear:both;
}
#rightpane02{
border-bottom-color:#9e9b91;
border-bottom-style:dotted;
border-bottom-width:1px;
padding-bottom:23px;
padding-top:23px;
clear:both;}
#rightpane03{

padding-bottom:23px;
padding-top:23px;
text-align:center;
clear:both;
}

.clear{
clear:both}
#contenue, #flash,#menu,#flashsub,#copyright{
width:802px;
margin-left:auto;
margin-right:auto;}
#menu{
padding-top:28px;}

#solpartmenu{

vertical-align:middle;
margin-top:auto;
margin-bottom:auto;
line-height:30px;






}
#footer{

background-color:#a87600;
clear:both;
text-align:right;

color:#FFFFFF;
text-transform:uppercase;
font-size:0.70em;
margin-top:auto;
margin-bottom:auto;
line-height:32px;
padding-right:10px;
}

#copyright{

font-size:0.70em;
padding-top:10px;
padding-bottom:10px;


}
#userleft{float:left; width:580px;
padding-left:10px;}
#userright{float:right; width:200px; text-align:right;
padding-right:10px;}


#breadcrums{
margin-top:60px;
padding-left:10px;
font-weight:bold;
font-size:0.8em;
text-transform:uppercase;

padding:5px;
margin-left:5px;}

/***************************************
/* Links
/***************************************/

SPAN.LinksObject
{

}
A.LinksObject, A.LinksObject:Link, A.LinksObject:Visited, A.LinksObject:Active
{
color:#FFFFFF;
text-decoration:none;
font-weight:normal;

}
A.LinksObject:hover
{
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;

}



/***************************************************************************
/* SPMenu_MenuContainer is used to define the menu container
/***************************************************************************/
.SPMenu_MenuContainer
{

	
}

/***************************************************************************
/* SPMenu_MenuBar is used to define the menu itself.  Root menu only.
/***************************************************************************/
.SPMenu_MenuBar
{
	cursor: pointer; 
	cursor: hand;
	
	

	


}

/***************************************************************************
/* SPMenu_MenuIcon is used when icons are displayed beside the menu items
/***************************************************************************/
.SPMenu_MenuIcon {
	
}

/***************************************************************************
/* SPMenu_MenuItem is used when a menu item is in normal state.
/* Applies to Root and Sub menu items.
/***************************************************************************/
.SPMenu_MenuItem
{

	padding-top:5px;
  padding-bottom:5px;

}

/***************************************************************************
/* MenuItemSel is used when you put your cursor over any menu items.
/* Applies to Root and Sub menu items.
/***************************************************************************/
.SPMenu_MenuItemSel
{

	
}

/***************************************************************************
/* SPMenu_MenuBreak is used to separate menu items
/***************************************************************************/
.SPMenu_MenuBreak
{

	color: white;
	text-align: center;
	vertical-align: middle;
  font-weight: bold;

  font-size: 14px;
  padding-left:12px;
  padding-right:12px;
}

/***************************************************************************
/* SPMenu_MenuArrow is used by all menu items when childs are present
/***************************************************************************/
.SPMenu_MenuArrow 
{
	
}

/***** Root Menu Styles *****/

/***************************************************************************
/* SPMenu_MenuRootArrow is used by ROOT menu items when childs are present
/***************************************************************************/
.SPMenu_MenuRootArrow
{

}

/***************************************************************************
/* SPMenu_MenuItem is used when a ROOT menu item is in normal state.
/***************************************************************************/
.SPMenu_RootMenuItem
{
	cursor: pointer;
	cursor: hand;
	color: #031d3e;
	font-size: 1em;

	font-weight: bold;
	font-style: normal;
	text-transform:uppercase;

}

/***************************************************************************
/* SPMenu_RootMenuItemSelected is used when you put your mouse over a ROOT menu item.
/***************************************************************************/
.SPMenu_RootMenuItemSelected
{
	cursor: hand;
	color: #FFFFCC;
	background-color: #a6772b;
text-transform:uppercase;
font-size: 1em;
height:24px;







}

/***************************************************************************
/* SPMenu_RootMenuItemBreadcrumb is used when the ROOT menu item is part of the breadcrumb
/***************************************************************************/
.SPMenu_RootMenuItemBreadcrumb
{
	cursor: pointer;
	cursor: hand;

	font-size: 1em;

	font-weight: bold;
	font-style: normal;
	text-transform:uppercase;


  
}


/***************************************************************************
/* SPMenu_RootMenuItemActive is used when the ROOT menu item is active
/***************************************************************************/
.SPMenu_RootMenuItemActive
{

}

/***** Sub Menu Styles *****/

/***************************************************************************
/* SPMenu_SubMenu is used to define the SUB menu itself.
/***************************************************************************/
.SPMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	margin: 0px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	background-color: #000000;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-right: #000000 1px solid;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, Direction=180, Strength=0);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/***************************************************************************
/* SPMenu_SubMenuItemSelected is used when you put your mouse over a SUB menu item.
/***************************************************************************/
.SPMenu_SubMenuItemSelected
{
  cursor: hand;
  color: #ffffff;
  background-color:#666666;
  font-weight:bold;padding-top:5px;
  padding-bottom:5px;
}

/***************************************************************************
/* SPMenu_SubMenuItemBreadcrumb is used when the SUB menu item is part of the breadcrumb
/***************************************************************************/
.SPMenu_SubMenuItemBreadcrumb
{
	color: #FFFFCC;
}

/***************************************************************************
/* SPMenu_SubMenuItemActive is used when the SUB menu item is active
/***************************************************************************/
.SPMenu_SubMenuItemActive
{
	color: #FFFFFF;





background-color:#031d3e;
}

/***** Separator Styles *****/
.SPMenu_Separator
{

}
.SPMenu_LeftSeparator {
	DISPLAY: none
}
.SPMenu_LeftSeparatorActive {
	DISPLAY: none
}
.SPMenu_LeftSeparatorBreadcrumb {
	DISPLAY: none
}
.SPMenu_RightSeparator {
	DISPLAY: none
}
.SPMenu_RightSeparatorActive {
	DISPLAY: none
}
.SPMenu_RightSeparatorBreadcrumb {
	DISPLAY: none
}


/*========================================================*/
/*  6 Text                                               */
/*========================================================*/
h1{
margin-top:0.5em;
margin-bottom:1.5em;
font-size:1.5em;
font-weight:bold;
}
h2{


font-size:1.25em;
font-weight:bold;
color:#a87600;
}

/*-- most of the text on site          --*/ 
.normal, .Normal
{
color:#625f5f;
font-size:0.82em;
line-height:1.3em;
letter-spacing:0.02em;

}
/*-- most of the bold text on site     --*/ 
.NormalBold
{
color:#625f5f;
font-size:0.82em;
line-height:1.3em;
letter-spacing:0.02em;
font-weight:bold;
}
/*-- red text on site for errors       --*/ 

/*-- subheadings - mostly in admin     --*/ 
.SubHead
{
  padding-right: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 11px;
  padding-bottom: 0px;
  color: #777;
  padding-top: 0px;
}
/*-- headings - mostly in admin        --*/ 
.Head
{
  padding-right: 0px;
  padding-left: 0px;
  font-weight: bold;
  font-size: 11px;
  background: none transparent scroll repeat 0% 0%;
  padding-bottom: 0px;
  color: #777;
  padding-top: 0px;
}

/*========================================================*/
/*  7 Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ 
a:link, a:visited  {

color:#031d3e;
}

a:hover, a:active {
color:#a46611;

text-decoration:none;

}

/*-- normal  links visited and active  --*/ 
a.Normal:link, a.Normal:visited
{
color:#031d3e;
}
/*-- normal  links hover               --*/ 
a.Normal:hover, a.Normal:active
{
color:#a46611;

text-decoration:none;
}
a{
font-weight:bold;
}
/*-- admin button-link style           --*/


a#a1 img {background-image:url(http://www.marbleunlimited.ca/Portals/0/images/showroom/showroom_01_01.jpg);}
a#a2 img {background-image:url(http://www.marbleunlimited.ca/Portals/0/images/showroom/showroom_01_02.jpg);}
a#a3 img {background-image:url(http://www.marbleunlimited.ca/Portals/0/images/showroom/showroom_01_03.jpg);}

a#a1:hover img {background-image: url(http://www.marbleunlimited.ca/Portals/0/images/showroom/showroom_on_01.jpg);}
a#a2:hover img {background-image : url(http://www.marbleunlimited.ca/Portals/0/images/showroom/showroom_on_02.jpg);}
a#a3:hover img {background-image: url(http://www.marbleunlimited.ca/Portals/0/images/showroom/showroom_on_03.jpg);}