/*---------------------------------------------------------------------------------------------------------

     Master CSS for Belfield Furnishings Group

     Imports generic stylesheets.

     Name                Date                Action
     OWR                 15/05/2007          Created

---------------------------------------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
}

body{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:62.5%;
	text-align:center;
        color:#1A1A1C;
}

body#editor { background:#fff; text-align:left; }

h1 { font-size:1.6em; padding: 0 0 0.15em 0; }
h2 { font-size:1.4em; padding: 1.0em  0 0.25em 0; }
h3 { font-size:1.2em; padding: 1.0em  0 0.25em 0; }
h4 { font-size:1.0em; padding: 1.0em  0 0.25em 0; }

p { font-size:1.2em; padding: 0.40em  0; }
li { font-size:1.2em; }


#wrapper{
	width:963px;
	margin:0 auto;
	padding:0 15px;
	text-align:left;
}
/*
ul#global  				{ text-align:right; padding:5px 0px; }
#global li				{ display:inline;  }
#global li a				{ text-decoration:none; padding:0px 5px; }
#global li a:hover                      { text-decoration:underline; }
*/
#logo 					{ padding:15px; }

#phone{ 
	position:relative; 
	left:626px;  
        top: -10px;
}

#nav{ 
	float:left; 
	clear:both; 
}

#nav li{
	text-decoration:none; 
	text-indent:-5000px;
	float:left;
	display:inline;
}

#tm1, #tm2, #tm3, #tm4, #tm5, #tm6, #tm7, #tm8, #tm9{
	display:block;
	width:107px;
	height:37px;
}

img						{ border:none; }

/* Links
---------------------------------------------------------------------------------------------------------*/

a {
color:#404040;
}

a:hover{
color:#808080;
}

/* Tab background images
---------------------------------------------------------------------------------------------------------*/

#tm1					{ background:url(media/nav-home-off.jpg) }
#tm2					{ background:url(media/nav-design-off.jpg) }
#tm3					{ background:url(media/nav-eco-off.jpg) }
#tm4					{ background:url(media/nav-focus-off.jpg) }
#tm5					{ background:url(media/nav-brands-off.jpg) }
#tm6					{ background:url(media/nav-chain-off.jpg) }
#tm7					{ background:url(media/nav-services-off.jpg) }
#tm8					{ background:url(media/nav-team-off.jpg) }
#tm9					{ background:url(media/nav-group-off.jpg) }

/* Tab active & Tab script shadow 
---------------------------------------------------------------------------------------------------------*/

#one #tm1, 
#one #tm1 a:hover		{ background:url(media/nav-home-on.jpg) !important; }
#one #tm2				{ background:url(media/nav-design-off-lft.jpg) }

#two #tm1 				{ background:url(media/nav-home-off-rgt.jpg) }
#two #tm2, 
#two #tm2 a:hover 		{ background:url(media/nav-design-on.jpg) !important; }
#two #tm3 				{ background:url(media/nav-eco-off-lft.jpg) }

#three #tm2 			{ background:url(media/nav-design-off-rgt.jpg) }
#three #tm3 			{ background:url(media/nav-eco-on.jpg) !important; }
#three #tm4 			{ background:url(media/nav-focus-off-lft.jpg) }

#four #tm3				{ background:url(media/nav-eco-off-rgt.jpg) }
#four #tm4, 
#four #tm4 a:hover 		{ background:url(media/nav-focus-on.jpg) !important; }
#four #tm5 				{ background:url(media/nav-brands-off-lft.jpg) }

#five #tm4				{ background:url(media/nav-focus-off-rgt.jpg) }
#five #tm5, 
#five #tm5 a:hover 		{ background:url(media/nav-brands-on.jpg) !important; }
#five #tm6				{ background:url(media/nav-chain-off-lft.jpg) }

#six #tm5 				{ background:url(media/nav-brands-off-rgt.jpg) }
#six #tm6, 
#six #tm6 a:hover 		{ background:url(media/nav-chain-on.jpg) !important; }
#six #tm7 				{ background:url(media/nav-services-off-lft.jpg) }

#seven #tm6 			{ background:url(media/nav-chain-off-rgt.jpg) }
#seven #tm7, 
#seven #tm7 a:hover 	{ background:url(media/nav-services-on.jpg) !important; }
#seven #tm8 			{ background:url(media/nav-team-off-lft.jpg) }

#eight #tm7 			{ background:url(media/nav-services-off-rgt.jpg) }
#eight #tm8, 
#eight #tm8 a:hover  	{ background:url(media/nav-team-on.jpg) !important; }
#eight #tm9 			{ background:url(media/nav-group-off-lft.jpg) }

#nine #tm8 				{ background:url(media/nav-team-off-rgt.jpg) }
#nine #tm9, 
#nine #tm9 a:hover  	{ background:url(media/nav-group-on.jpg) !important; }

/* Tab noscript rollover
---------------------------------------------------------------------------------------------------------*/

a:hover #tm1			{ background:url(media/nav-home-over.jpg) !important; }
a:hover #tm2			{ background:url(media/nav-design-over.jpg) !important; }
a:hover #tm3			{ background:url(media/nav-eco-over.jpg) !important; }
a:hover #tm4			{ background:url(media/nav-focus-over.jpg) !important; }
a:hover #tm5			{ background:url(media/nav-brands-over.jpg) !important; }
a:hover #tm6			{ background:url(media/nav-chain-over.jpg) !important; }
a:hover #tm7			{ background:url(media/nav-services-over.jpg) !important; }
a:hover #tm8			{ background:url(media/nav-team-over.jpg) !important; }
a:hover #tm9			{ background:url(media/nav-group-over.jpg) !important; }

/* Banner
---------------------------------------------------------------------------------------------------------*/

#banner{ 
	float:left; 
	clear:both; 
	width:953px; 
	height:408px;  
}

#banner a { 
	float:left; 
	clear:both; 
}

#casestudy #banner, #nine #banner{ 
	float:left; 
	clear:both; 
	width:953px; 
	height:226px; 
}

/* Content
---------------------------------------------------------------------------------------------------------*/

#main{ 
	float:left; 
	clear:both; 
	width:962px; 
	/*height:288px; */
        height:auto;
	border-left:1px solid #c4c4c4; 
	border-right:1px solid #c4c4c4; 
	border-bottom:1px solid #c4c4c4; 
	background:#f6f6f6 url(media/bg-banner-btm-ds.jpg) repeat-x top left; 
}

#casestudy #main{ height:auto; }

#casestudy #content{
	float:left;
	/*width:642px;
	padding:35px;*/
	width:522px;
	padding:30px 95px;
}

/*#casestudy*/ #rgt{ border-bottom:1px solid #c4c4c4; }

/*
#one #content{
	float:left;
	width:395px;
	padding:35px;
}
*/

#one #content, #two #content, #three #content, #four #content, #five #content, #six #content, #seven #content, #eight #content, #nine #content{
	float:left;
	width:522px;
	padding:30px 95px;
}

/* Right
---------------------------------------------------------------------------------------------------------*/

#rgt{
	float:right;
	border-left:1px solid #c4c4c4;
}

#rgt .inner{
        float:left;     
	padding:10px 0px 10px 15px;
}

#rgt .img-title{
	padding:0 0 20px 0;
}

#rgt img,#rgt p {
	float:left;
	clear:both;
}

/* Case Studies
---------------------------------------------------------------------------------------------------------*/

#boxx, #boxy, #boxz{
	float:left;
	height:144px;
	width:247px;
	clear:both;
}

/*
#one #boxx, #one #boxy, #one #boxz{
	clear:none;	
}

#one #boxz{
	background:url(media/bg-rgt-phone.jpg) no-repeat top left;
	border-right: 1px solid #c4c4c4;
}
*/

#boxz{ background:url(media/bg-rgt-phone.jpg) no-repeat top left; }
#boxy{ background:url(media/bg-rgt-folder.jpg) no-repeat top left; }
#boxx{ background:url(media/bg-rgt-folder.jpg) no-repeat top left; }

#rgt .call { margin:0;padding:0; font-weight:bold; }
#rgt .call .phone{ font-weight:bold; font-size: 1.5em; }
#rgt .call strong{ font-size:1.5em; font-weight:normal; }
#rgt .email strong{ font-size:1.5em; font-weight:normal; }
#rgt a { font-weight: bold; }

/*#one #boxx, #three #boxx, #five #boxx, #seven #boxx, #nine #boxx { position:absolute; top:-1000px; }
#two #boxy, #four #boxy, #six #boxy, #eight #boxy, #ten #boxy { position:absolute; top:-1000px; }*/
#casestudy #boxx {}
#casestudy #boxy {} 


/* Footer
---------------------------------------------------------------------------------------------------------*/

#footer{
	float:left;
	width:963px;
	padding:5px 0;
        font-size: 0.9em;
}

ul#footer  				{ float:left; }
#footer li				{ display:inline; float:left; padding:5px 0px;}
#footer li a			        { text-decoration:none; padding:0px 7px; }
#footer li a:hover			{ text-decoration:underline; }
#footer p				{ float:right; }


/* Tips & Tricks
---------------------------------------------------------------------------------------------------------*/

#wrapper:after,
#content:after,
#banner:afer {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }