/* RESET */

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,
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;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* 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: "" ""; }


a {outline:none; text-decoration:none;}

a:hover {}

strong {font-weight: bold;}


/* END RESET */


/* COLOURS 

bright grey : #F2F2F2

dark grey : #4D4D4D

mid grey : #999

*/


html 					{ overflow: hidden; }
	
	
body 					{ color: #999;
						  font-size: 12px;
						  font-weight: normal;
						  font-family:"Helvetica Neue", arial, sans-serif;
						  background: #F1F1F1;
						  overflow: hidden;
						  margin: 0;
						  padding: 0; }
	

.toggler 				{
						  cursor: pointer;
						  color: #999;
						  margin: 0;
						  padding: 10px 10px 1px 0px;
  					  	  border-top: 1px solid #4D4D4D;
						  font-size: 12px;
						  height:12px;
						  font-weight:bold; }
						  
#home .toggler {border-top: 1px solid #F1F1F1;}						  
						



.toggler a {
		cursor: pointer;
	 text-decoration: none;
	 color: #999;
	 display:block;
		height:12px; 	
}

.toggler a:hover {
		cursor: pointer;
	 text-decoration: none;
	color: #4D4D4D;
	display:block;
		height:12px;
		}
			


	
		
 #accordion {
width: 140px;
position: relative;
height: auto !important;
margin-left: 10px;
}

.element {
cursor: pointer;
color: #999;
font-size: 12px;
font-weight: bold;
line-height:15px;
padding-left: 15px;
margin-bottom: 3px;
}

.element a {
	cursor: pointer;
 text-decoration: none;
	 color: #999;
	 display:block;
}

.element a:hover{
	cursor: pointer;
	 text-decoration: none;
	color: #4D4D4D;
	display:block;
		}
		
		
a.selected {color: #4D4D4D;}
a.sub-selected {color: #4D4D4D;}

		
	.endbit {
	height: 1px; 
	background-color: #F2F2F2;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
}

#demo-wrapper {
	margin: 0px auto;
	overflow: hidden; 
	height: 600px; 
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
	
}


#demo-wrapper-news {
	margin: 0px auto;
	overflow: hidden; 
	height: 600px; 
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
	
}
 
#demo-inner {
	width: 700px;
	height: 525px;
	position: relative;
 }


#demo-bar {z-index: 3000; left: 0px; width: 160px; position: absolute; top: 100px; height: 426px; background:#F1F1F1 url(img/menu_base_news.gif) 0 bottom no-repeat;}


/* BRAND AREA  */

#brand {z-index: 3000; width:159px; height: 100px; position:relative; left:0px; top:0px; background-color: #F1F1F1;}

h1#logo {z-index: 3000;position:relative; margin: 0; padding: 0; text-indent: -3333px; background:#F1F1F1 url(img/felt_news.gif) 10px 10px no-repeat; width:159px; height: 60px;}

h1#logo a {display: block; width:159px; height: 60px; }

#brand a {color: #4D4D4D; }

#brand a:hover {color: #999999; }

/* top and bottom horizontal lines  */
.content-line {background:url(img/horizontal_line_news.gif) 0px 0px; background-repeat: repeat-x;}


/* ADDRESS  */

.contact {position: absolute; left:10px; bottom:4px; width:150px;}
.contact p {font-weight: 500; color: #4D4D4D; line-height: 14px;}

#home .contact p {font-weight: 500; color: #FFF; line-height: 14px;}


/* MAIN SECTIONS */
 
#scrolling-content {
	position: absolute;
	width: auto;
	height: 525px;
}

.inner-content-holder {
	float: left;
	position: relative;
	height: 525px;
	display: inline;
	
}

#section0 {float: left; display: inline; padding-left: 160px; }
#section1 {float: left; display: inline; } 
#section2 {float: left; display: inline; }
#section3 {float: left; display: inline; }
#section4 {float: left; display: inline; }
#section5 {float: left; display: inline; }
#section6 {float: left; display: inline; }


#section18 {float: left; display: inline; }
#section20 {float: left; display: inline; }


/* FOOTER */

.footer {position: absolute; top:526px; left:0; width: 930px; height: 65px; z-index: 3000;}
.pfooter {position: absolute; top:526px; left:0; width: 930px; height: 65px; z-index: 3000;}
.nfooter {position: absolute; top:526px; left:0; width: 930px; height: 65px; z-index: 3000;}

.footer-inner {position: relative;width: 930px; padding-left: 10px; padding-top: 13px;}

.footer-inner p {color: #999;}

.sec-nav {float: left; display: inline; width: 150px;}

.sec-nav p {padding-bottom: 3px;}


.sec-nav a {color: #999;}

.sec-nav a:hover {color: #4D4D4D;}


.left-arrow {float: left; display: inline; margin-top: -4px;}

.right-arrow {float: left; display: inline; margin-top: -4px;}

.item-numbers {float: left; display: inline; padding-right: 10px; padding-left: 10px;}

.item-numbers a {color: #999;}

.item-numbers a:hover {color: #4D4D4D;}

p.numbers {color: #999; }

.instruction { float:left; display:inline; margin-left:165px; color: #4D4D4D;}

/* TEXT SECTION RULES */


h2 {font-size:16px; font-weight: bold; color: #4D4D4D; line-height: 18px; padding: 0 0 8px 0;}

.intro > p:first-child {font-size:16px; font-weight: bold; color: #4D4D4D; line-height: 18px; padding: 0 0 8px 0; letter-spacing: 0.09em;}

.intro p {font-weight: normal; color: #4D4D4D; line-height: 14px; padding: 8px 0 0 0; letter-spacing: 0.09em;}


/* LETTER SPACING */

p.orig {font-weight: bold; color: #4D4D4D; line-height: 14px; padding: 14px 0 0 0; }


p.letter {font-weight: normal; color: #4D4D4D; line-height: 14px; padding: 8px 0 0 0; letter-spacing: 0.09em;}

h2.spacer {font-size:16px; font-weight: bold; color: #4D4D4D; line-height: 18px; padding: 0 0 8px 0; letter-spacing: 0.09em;}



/* SECTION HEADER RULES */

.section-inner-top {position: relative; height: 100px;}

h1 { font-weight: bold; margin: 0; padding: 0; font-size: 22px; color: #4D4D4D; line-height: 24px;}

.heading-box {position: absolute;  width:425px; bottom:4px;}

.sub-title {line-height: 18px;}



/* MAIN SECTION RULES */

.section-inner {position: relative; height: 425px; padding-top: 10px;}

.intro {width:450px; margin-right: 15px;}

.text-section {width:480px;}

.home-text {width:580px;}


.text-section > p:first-child {font-size:16px; font-weight: bold; color: #4D4D4D; line-height: 18px; padding: 0 0 8px 0; letter-spacing: 0.09em;}

.text-section p {font-weight: normal; color: #4D4D4D; line-height: 14px; padding: 8px 0 0 0; letter-spacing: 0.09em;}


/* IMAGE BLOCK RULES */

.image-holder {float: left; display: inline; margin-right: 15px;}

.caption {margin-top: 6px;}

.caption a {color: #999; text-decoration:none;}
.caption a:hover {color: #F2F2F2; text-decoration:none;}


/* OVERVIEW BOX RULES */

.over-view {position:relative; float: left; display: inline; width:145px; height:350px; margin-right: 15px;}

.over-view p {font-weight: bold; color: #4D4D4D; line-height: 14px;}

.over-view p.title {padding-top: 0; }
 
.over-view p.sub-head {color: #999; } 

.over-view img {padding: 2px 0 20px 0;}

.view-casestudy {position: absolute; bottom: 0; padding: 10px 0 4px 0; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; width: 145px;}

.over-view a {color: #4D4D4D; }

.over-view a:hover {color: #999; }


/* NEWS SECTION RULES */

#news #brand {z-index: 3000; width:159px; height: 100px; position:relative; left:0px; top:0px; background-color:#F2F2F2; }

#news h1#logo {z-index: 3000;position:relative; margin: 0; padding: 0; text-indent: -3333px; background:#F2F2F2 url(img/felt_news.gif) 10px 10px no-repeat; width:159px; height: 60px;}

#news h1#logo a {display: block; width:159px; height: 60px; }

#news #brand a {color: #4D4D4D; }

#news #brand a:hover {color: #999; }







/*#brand-news {z-index: 3000; width:159px; height: 100px; position:relative; left:0px; top:0px; background:#F2F2F2 url(img/felt_news.gif) 10px 10px no-repeat;} */

body#news { color: #4D4D4D; background: #F2F2F2; }

#news .content-line {background:url(img/horizontal_line_news.gif) 0px 0px; background-repeat: repeat-x;}

#news .sec-nav a:hover {color: #4D4D4D;}

#news .item-numbers a {color: #999;}

#news .item-numbers a:hover {color: #4D4D4D;}
						  

#news .toggler {border-top: 1px solid #4D4D4D;}

#news #demo-bar {background:#F2F2F2 url(img/menu_base.gif);}

#news .element a:hover { color: #4D4D4D; }


#news .toggler a:hover { color: #4D4D4D; }

#news h1 { font-weight: bold; margin: 0; padding: 0; font-size: 22px; color: #4D4D4D; line-height: 24px;}

#news .contact p {font-weight: 500; color: #4D4D4D; line-height: 14px;}

#news p {font-weight: bold; color: #4D4D4D; line-height: 14px;}

#news #demo-bar {z-index: 3000; left: 0px; width: 160px; position: absolute; top: 100px; height: 426px; background:#F2F2F2 url(img/menu_base_news.gif) 0 bottom no-repeat;}



#news a.selected {color: #4D4D4D;}
#news a.sub-selected {color: #4D4D4D;}


#news .endbit {
	height: 1px; 
	background-color: #4D4D4D;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
}

.news-inner-content-holder {
	float: left;
	position: relative;
	height: 525px;
	display: inline;
	margin-right: 15px;	
}

.news-section-inner {float: left; position: relative; height: 425px; padding-top: 8px; width: 300px; margin-right: 15px;}

.news-section-inner p {padding-bottom: 5px;}


.news-img { float: left; padding-top: 10px;}

.news-tr {border-top: 1px solid #4D4D4D; padding: 8px 20px 3px 0;}


table td span {font-weight: normal; color: #999;}

table td a {color: #999;}

table td a:hover {color: #4D4D4D;}

#news p.numbers {color: #999; }


.friend {}

.news-section-inner a {color: #4D4D4D; text-decoration:none;}
.news-section-inner a:hover {color: #999; text-decoration:none;}



/* Form fields
-------------------------------------------------------------- */

input, select {
  margin:5px 0 0 0;
  border:1px solid #bbb;
}

input:focus {
  border:1px solid #666;
}

input { width: 200px; padding:5px; font-size: 12px; font-weight: normal; font-family:"Helvetica Neue", arial, sans-serif;}


.sendit {padding:0 0 0 6px; font-weight:bold; margin-top: 5px;}


/* HOMEPAGE SECTION RULES */

body#home {background:url(uploads/1269026293Felt_home4.jpg) 0 0 repeat-y;}

/*#home #brand {z-index: 3000; width:145px; height: 100px; position:relative; left:0px; top:0px; background:url(img/felt_white.png) 10px 10px no-repeat;} */

#home #demo-bar {z-index: 3000; left: 0px; width: 160px; position: absolute; top: 100px; height: 426px; background:url(img/menu_base.gif) 0 bottom no-repeat;}

#home .toggler a:link, #home .toggler a:visited {
	 color: #F2F2F2;	
}

#home .toggler a:hover, #home .toggler a:hover  {
	color: #F1F1F1;
		}

h1.intro-txt {font-size:36px; font-weight: bold; color: #F2F2F2; line-height: 40px;}




#home #brand {z-index: 3000; width:159px; height: 100px; position:relative; left:0px; top:0px; }

#home h1#logo {z-index: 3000;position:relative; margin: 0; padding: 0; text-indent: -3333px; background:url(img/felt_white.png) 10px 10px no-repeat; width:159px; height: 60px;}

#home h1#logo a {display: block; width:159px; height: 60px; }

#home #brand a {color: #F2F2F2; }

#home #brand a:hover {color: #4D4D4D; }

#home .content-line {background:url(img/horizontal_line.gif) 160px 0px; background-repeat: no-repeat;}


/* CONTACT SECTION RULES */

.contact-page {width:800px;}

.contact-page a {color: #4D4D4D; font-weight: 500;}

.contact-page a:hover {color: #999; font-weight: 500;}

.contact-page span {font-weight: bold; color: #4D4D4D; line-height: 14px; letter-spacing: 0.09em;}

.contact-content {float: left; width:300px;}

.contact-content > p:first-child {font-size:16px; font-weight: 500; color: #4D4D4D; line-height: 18px; padding: 0 0 8px 0; letter-spacing: 0.09em;}

.contact-content p {font-weight: bold; color: #4D4D4D; line-height: 14px; padding: 8px 0 0 0;  letter-spacing: 0.09em;}

#map-zoom {position:absolute; left:0; top:0;}

#map {float: right; border: 1px solid #F2F2F2; position:relative;}

.map-download {position: absolute; left: 0; bottom: 16px;  font-weight: 500;}

.icon {padding-left: 5px;}

/* TESTIMONIAL RULES */

.test-end {width: 290px; margin-right: 50px;}

.testimonial {font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; line-height: 19px; color: #4D4D4D; font-weight: normal;}

.test-name {padding-top: 8px; color: #F2F2F2;}

#home #brand {z-index: 3000; width:159px; height: 100px; position:relative; left:0px; top:0px; background: none;}

.numbersdiv {color: #4D4D4D !important;}
.numbersdivnews {color: #000000 !important;}