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

body	{ background:url(../images/template/background.jpg) repeat-x #5E6440; margin:0x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

/*Text Styling*/
p		{ font-size:11px; color:#333333; line-height:1.5em;}



a	{text-decoration:none;}
a:hover	{text-decoration:underline;}

h1		{font-size:20px;  margin:0;}
h2		{font-size:16px; margin:0;}
h3		{font-size:13px; margin:0;}
h4		{font-size:12px; margin:0;  font-weight:bold;}
h5		{font-size:10px; font-weight:bold; margin:0;}

/*Tamplate*/

#ContentHolder	{width:915px; margin:0 auto;}
#Top			{width:702px; float:left; background:url(../images/template/top.jpg) no-repeat; height:53px; margin-top:75px; padding-left:213px; padding-top:42px;}
#Middle			{width:911px; float:left; background:url(../images/template/middle.jpg) repeat-y; padding:3px 2px 20px 2px;}
#Bottom			{width:915px; float:left; height:2px; background:url(../images/template/bottom.jpg) no-repeat;}
#Content		{float:left; width:698px;}
#LeftNav		{width:209px; padding-right:2px; float:left;}
#Footer			{width:915px; float:left;}
#Footer a		{color:#FFFFFF; text-decoration:none;}
#Footer a:hover		{text-decoration:underline;}

#LeftNavHolder li	{width:209px; margin-right:2px; display:inline; float:left; line-height:63px;  height:63px; padding-bottom:2px;}
#LeftNavHolder li a	{ width:209px; height:63px; display:block;}
#LeftNavHolder li a:hover	{text-decoration:none;} 
#DesignVisit a { background: url(../images/template/designVisit.jpg) no-repeat;}
#DesignVisit a:hover	{ background-position:-209px;}

/*Navigation*/
#ButtonHolder	{float:left; list-style:none; padding:0; margin-top:0; margin-bottom:0;  margin-left:0;}
	
#ButtonHolder li	{width:98px; margin-right:2px; display:inline; float:left; line-height:53px;  height:53px;}
#ButtonHolder li a	{ width:98px; height:53px; display:block;}
#ButtonHolder li a:hover	{text-decoration:none;} 
	
	
#HomeButton a { background: url(../images/template/home.jpg) no-repeat;}
#HomeButton a:hover	{ background-position:-98px;}

#ShowroomButton a { background: url(../images/template/showroom.jpg) no-repeat;}
#ShowroomButton a:hover	{ background-position:-98px;}

#CaseButton a { background: url(../images/template/case.jpg) no-repeat;}
#CaseButton a:hover	{ background-position:-98px;}

#KitchenButton a { background: url(../images/template/kitchen.jpg) no-repeat;}
#KitchenButton a:hover	{ background-position:-98px;}

#ClientButton a { background: url(../images/template/client.jpg) no-repeat;}
#ClientButton a:hover	{ background-position:-98px;}

#AboutButton a { background: url(../images/template/about.jpg) no-repeat;}
#AboutButton a:hover	{ background-position:-98px;}

#ContactButton a { background: url(../images/template/contact.jpg) no-repeat;}
#ContactButton a:hover	{ background-position:-98px;}

/*Case Studies*/

.caseHolder			{width:658px; padding:20px; float:left; height:350px;}
.testimonialCS		{width:146px; height:129px; padding:20px 20px 0 20px;  background:url(../images/case_studies/testimonial2.jpg) no-repeat; margin-top:5px;}
.testimonialCS p	{font-size:14px; margin:0; color:#FFFFFF; font-style:italic;}
.clientInfo			{width:200px; float:left; padding-left:10px;}
.clientInfo p		{line-height:20px; }
#CaseSelecta		{padding-left:20px;}
#CaseSelecta a		{border:1px solid #B4BB95; width:154px; height:103px; display:block; float:left; margin-left:6px;}
#CaseSelecta a:hover		{border:1px solid #232D48;}