/* 

	IMPACT INSTALLATIONS SITE-WIDE STYLESHEET

////////////////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////

 

	This document contains all the necessary styles for the Impact Installations site.

	The document is split into numerous style sections:

 

	/// SS01: Override styles - styles that override base xhtml elements.

	/// SS02: Unique Styles - styles for unique ID objects

	/// SS03: Combination Styles - styles that combine to make reflexive classes

	/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.

 

///////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////

*/

 

/* 

SS01: OVERRIDE STYLES

////////////////////////////////////////////////////////////////

///////////////////////////////////////////

*/

 

body, html

{

	height: 100%;

	width: 100%;

	padding: 0px;

	background:#bbb;

	font-family: Tahoma, Arial, Sans-serif;

	font-size:11px;

	text-align:center;

	margin:auto;

}



img

{

	border: none;

}



p

{

	margin-top:4px;

}



ul

{

	margin:0px 0px 6px 0px;

	padding:0px;

}



li

{

	margin: 1px 0px 0px 0px;

}



input, textarea, select{color:#000; vertical-align:top; text-align:left; border: 1px solid #586a80; background:white; font:12px Arial, helvetica, sans-serif; padding-left:3px;}



a

{

	color:white;

}



/*

/////////////////////////////////////////// Override

////////////////////////////////////////////////////////////////

*/

 

/* 

SS02: UNIQUE STYLES

////////////////////////////////////////////////////////////////

///////////////////////////////////////////

*/



#CT_Body

{

	width:100%;

	height:100%;

	text-align:center;

	margin:auto;

}



#CT_Content

{

	width:960px;

	text-align:center;

	margin:auto;

}



#Header

{

	width:960px;

	height:120px;

	background: url(images/BG_Header.gif) repeat-x;

	text-align:left;

}



	#Logo

	{

		margin: 17px 0px 0px 46px;

		float:left;

	}



	.HeaderPoints
	
	{

		color:#FFFFFF;
		
		float:left;
		
		font-size:11.5px;
		
		height:28px;
		
		margin:25px 0 0 20px;
		
		text-transform:uppercase;
		
		width:170px;
	
	}
	
	/*
	{

		color:#989898;
		
		float:left;
		
		height:30px;
		
		margin:28px 0 0 20px;
		
		width:130px;

	}
	*/

	#HeaderIcons

	{

		width:50px;

		height:15px;

		margin: 53px 69px 0px 0px;

		float:right;

		text-align:right;

	}

	

		.ICO_Home

		{

			margin:0px 20px 0px 0px;

			float:left;

		}	

		

		.ICO_Email

		{

			margin:0px 0px 0px 0px;

			float:left;		

		}

		

#Banner

{

	width:960px;

	height:250px;

}

	.slideshow { height: 250px; width: 960px; margin: auto }


#Divider1

{

	background: url(images/BG_Divider.gif) repeat-x;

	height:4px;

	width:960px;

}



#Nav

{

	width:960px;

	height:40px;
	
	background:url(images/BG_Menu.gif) repeat-x top left;

}



#Divider2

{

	background: url(images/BG_Divider2.gif) repeat-x;

	height:6px;

	width:960px;

}



#Headings

{

	width:960px;

	height:43px;

	background: url(images/BG_Headings.gif) repeat-x;

	font-family:;

}



	.Heading

	{

		float:left;

	}



#Content

{

	width:960px;

	background: url(images/BG_Content.gif) repeat-x #788ca4;

	color:#fafbfe;

}



#Content2

{

	width:960px;

	background: url(images/BG_Content1col.gif) repeat-x #788ca4;

	color:#fafbfe;

}



	#Col1

	{

		width:333px;

		float:left;

		text-align:left;

	}



		#Col1Padding

		{

			padding: 25px 23px 19px 27px;

			text-align:left;

		}

	

	#Col2

	{

		width:293px;

		float:left;

		text-align:left;

	}



		#Col2Padding

		{

			padding: 25px 20px 19px 20px;

			text-align:left;

		}

		

	#Col3

	{

		width:333px;  /* If out of place in IE reduce width*/

		float:left;

		text-align:left;

	}



		#Col3Padding

		{

			padding: 25px 23px 19px 27px;

			text-align:left;

		}



	#Col4 /* One Column*/

	{

		width:960px;

		float:left;

		text-align:left;

	}



		#Col4Padding

		{

			padding: 25px 23px 19px 27px;

			text-align:left;

		}

		

	#Col5

	{

		width:458px;

		float:left;

		text-align:left;

	}

	

		#Col5Padding

		{

			padding: 25px 20px 19px 27px;

			text-align:left;

		}

		

#Footer

{

	background: url(images/BG_Footer.gif) repeat-x;

	height:105px;

	width:960px;

	font-family: Tahoma, Arial, Sans-serif;

	font-size: 10px;

	color:#fff;

	text-align:left;

}



	.Telephone

	{

		width:126px;

		margin: 33px 0px 0px 29px;

		float:left;

			text-align:left;

	}

	

	.Address

	{

		width:100px;

		margin: 33px 0px 0px 0px;

		float:left;

			text-align:left;

	}



	.Info

	{

		width:260px;

		text-align:right;

		margin: 33px 23px 0px 0px;

		float:right;

	}

	

	#Footer a:link, #Footer a:visited, #Footer a:active, #Footer a:hover

	{

		color:#fff;

	}







/*

/////////////////////////////////////////// Unique

////////////////////////////////////////////////////////////////

*/

 

/* 

SS03: COMBINATION STYLES

////////////////////////////////////////////////////////////////

///////////////////////////////////////////

*/

.ShowroomImages{
	margin:auto; text-align:center;	
}

.ShowroomCaption
{
	font-size:14px; text-align:center;	font-weight:bold;
}

.showroomimg
{
	border:2px solid #fff;  margin:20px 20px 10px 20px;	
}

.spacer

{

	clear:both;

} 



.bold

{

	font-weight:bold;

}



.ImgFloat

{

	float:left;

	margin: 5px;

}



.ImgFloatR

{

	float:right;

	margin: 0px 0px 0px 7px;

}



.floatRight

{

	float:right;

}



.alignRight

{

	text-align:right;

}



.textInput

{

	width:280px;

}



.verification

{

	width:160px;

}



input, textarea

{

	background:white;

}



textarea

{

	width:323px;

	height:100px;

}



.smallText

{

	font-size:10px;

}



.italic

{

	font-style:italic;

}



.w70

{

	width:70px;

	display:inline-block;

}



.marginB10

{

	margin-bottom:10px;

}



.Gallery_Title

{

	float: left;

	width: 100%;
	
	font-size:16px;

	font-weiht:bold;

	margin: 0px 0px 10px 0px;

}



.divider

{

	width:100%;

	height:1px;

	line-height:1px;

	background: url(images/GR_Divider.gif);

	margin:30px 0px 30px 0px;

}

/*

/////////////////////////////////////////// Combo

////////////////////////////////////////////////////////////////

*/

 

/* 

SS04: ANCHOR AND LINK STYLES

////////////////////////////////////////////////////////////////

///////////////////////////////////////////

*/

 

#BT_Home

{

	width:133px;

	height:40px;

	display:block;

	float:left;

	text-decoration:none;

	background:URL(images/BT_Home.gif) no-repeat;

	display:inline;

}



	#BT_Home:hover

	{

		background-position:0px -40px;

	}

	

#BT_AboutUs

{

	width:186px;

	height:40px;

	display:block;

	float:left;

	text-decoration:none;

	background:URL(images/BG_About.gif) no-repeat;

	display:inline;

}



	#BT_AboutUs:hover

	{

		background-position:0px -40px;

	}

	

#BT_PhotoGallery

{

	width:233px;

	height:40px;

	display:block;

	float:left;

	text-decoration:none;

	background:URL(images/BT_PhotoGallery.gif) no-repeat;

	display:inline;

}



	#BT_PhotoGallery:hover

	{

		background-position:0px -40px;

	}

	

#BT_Contact

{

	width:216px;

	height:40px;

	display:block;

	float:left;

	text-decoration:none;

	background:URL(images/BT_Contact.gif) no-repeat;

	display:inline;

}



	#BT_Contact:hover

	{

		background-position:0px -40px;

	}

 

 

/*

/////////////////////////////////////////// Anchors

////////////////////////////////////////////////////////////////

*/