/* 
	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:768px;
	text-align:center;
	margin:auto;
}

#Header
{
	width:768px;
	height:120px;
	background: url(images/BG_Header.gif) repeat-x;
	text-align:left;
}

	#Logo
	{
		margin: 17px 0px 0px 46px;
		float:left;
	}

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

	#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:768px;
	height:217px;
}

#Divider1
{
	background: url(images/BG_Divider.gif) repeat-x;
	height:4px;
	width:768px;
}

#Nav
{
	width:768px;
	height:40px;
}

#Divider2
{
	background: url(images/BG_Divider2.gif) repeat-x;
	height:6px;
	width:768px;
}

#Headings
{
	width:768px;
	height:43px;
	background: url(images/BG_Headings.gif) repeat-x;
	font-family:;
}

	.Heading
	{
		float:left;
	}

#Content
{
	width:768px;
	background: url(images/BG_Content.gif) repeat-x #788ca4;
	color:#fafbfe;
}

#Content2
{
	width:768px;
	background: url(images/BG_Content1col.gif) repeat-x #788ca4;
	color:#fafbfe;
}

	#Col1
	{
		width:253px;
		float:left;
		text-align:left;
	}

		#Col1Padding
		{
			padding: 25px 23px 19px 27px;
			text-align:left;
		}
	
	#Col2
	{
		width:253px;
		float:left;
		text-align:left;
	}

		#Col2Padding
		{
			padding: 25px 20px 19px 20px;
			text-align:left;
		}
		
	#Col3
	{
		width:257px;  /* 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:760px;
		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:768px;
	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
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/
 
.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
{
	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
////////////////////////////////////////////////////////////////
*/