@charset "UTF-8";
/* CSS Document written by Scott Tylor, Click Creative, for McKinna Sheetmetal web site */

body
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #464646;
		margin: 0px;
		background-color: #292929;
		}
		
.topPanel
		{
		height: 143px;
		background-image: url(../img/topPanelTile.gif);
		background-repeat: repeat-x;
		}
		
.horizontalMenuPanel
		{
		height: 32px;
		background-image: url(../img/menuTile.gif);
		background-repeat: repeat-x;
		text-align: right;
		vertical-align: middle;
		color: #464646;
		font-weight: bold;
		font-size: 12px;
		}
		
.imagePanel
		{
		height: 125px;
		background-image: url(../img/imagePanelTile.gif);
		background-repeat: repeat-x;
		}
		
.mainContent
		{
		background-image: url(../img/menuSideTile.gif);
		background-repeat: repeat-y;
		vertical-align: top;
		}
		
.verticalMenuPanel
		{
		width: 221px;
		background-image: url(../img/menuSideTile.gif);
		background-repeat: repeat-y;
		vertical-align: top;
		}
		
.content
		{
		background-color: #FFFFFF;
		background-image: url(../img/bodyTopTile.gif);
		background-repeat: repeat-x;
		height: 400px;
		padding: 20px 30px 30px 30px;
		vertical-align: top;
		text-align: justify;
		}
		
.footerPanel
		{
		height: 39px;
		background-image: url(../img/footerPanelTile.gif);
		background-repeat: repeat-x;
		color: #FFFFFF;
		padding-left: 12px;
		padding-top: 22px;
		padding-bottom: 40px;
		vertical-align: top;
		font-size: 10px;
		}

a
		{
		text-decoration: none;
		}
		
a:link
		{
		color: #2e69cb;
		}
		
a:active
		{
		color: #2e69cb;
		}
		
a:visited
		{
		color: #2e69cb;
		}
		
a:hover
		{
		color: #ffffff;
		background-color: #2e69cb;
		}
		
.horizontalMenuPanel a:link
		{
		color: #464646;
		padding-right: 20px;
		}
		
.horizontalMenuPanel a:visited
		{
		color: #464646;
		padding-right: 20px;
		}
		
.horizontalMenuPanel a:active
		{
		color: #464646;
		padding-right: 20px;
		}
		
.horizontalMenuPanel a:hover
		{
		color: #000000;
		background-color: transparent;
		}
		
.footerPanel a:link
		{
		color: #ffffff;
		padding-right: 0px;
		}
		
.footerPanel a:visited
		{
		color: #ffffff;
		padding-right: 0px;
		}
		
.footerPanel a:active
		{
		color: #ffffff;
		padding-right: 0px;
		}
		
.footerPanel a:hover
		{
		color: #999999;
		background-color: transparent;
		}
		
h1
		{
		font-size: 14px;
		color: #2e69cb;
		letter-spacing: 2px;
		width: 100%;
		font-weight: bold;
		width: 100%;
		border-bottom: dashed 1px #CCCCCC;
		}
		
h2
		{
		font-size: 12px;
		color: #778e6e;
		letter-spacing: 1px;
		}
		
h3
		{
		font-size: 11px;
		color: #2e69cb;
		letter-spacing: 1px;
		font-weight: bold;
		}
		
h4
		{
		font-size: 10px;
		font-weight: bold;
		color: #666666;
		letter-spacing: 1px;
		}
		
td	    {
		vertical-align:top;
		}
		
img
		{
		border: none;
		}
		
#name,#email,#phone,#comment
		{
		width: 240px;
		height: 18px;
		border: solid 1px #2e69cb;
		background-color: #efffe7;
		padding: 2px;
		font-size: 10px;
		color: #463110;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		}
		
#comment
		{
		height: 140px;
		}
		
iframe
		{
		border: 1px solid #2e69cb;
		}