/* GLOBAL         ----------------------------------------- */
/* *    {margin: 0; padding: 0;} /* This forces all elements to have 0 padding and 0 margins */

    /*PLEASE NOTE*/
   /* All Padding and Margins must be set for each element that requres them i.e. p, ul, h1... etc */
  /*Remember to combine like styles into one to lower file size ie: padding, margins, borders, backgroud etc */
 /*If you want to use this rule remove the /* before the attribute */
  
HTML{height: 100%; margin-bottom: 1px;} /* This allows a scroll bar if content doesn't go past fold */
BODY{margin:0; padding:0; background:url(../imgs/iStock_000002012029Medium.jpg) no-repeat fixed 50% 0; font:normal 12px arial, sans-serif; color:#183c84;}


/* NAVIGATION    ----------------------------------------- */
/*
#nav 				{padding:0; margin:0 auto; background:url(../imgs/navigation.jpg) no-repeat #173465;}
#nav A				{display:block; height:47px;float:left;}
#nav A SPAN			{display:none;}
#nav A#btnhome			{width:70px; background: url(../imgs/navigation.jpg) 0 0 no-repeat;}
#nav A#btnabout			{width:74px; background: url(../imgs/navigation.jpg) -70px 0 no-repeat;}
#nav A#btnpoleBarns		{width:84px; background: url(../imgs/navigation.jpg) -144px 0 no-repeat;}
#nav A#btnhorseStalls   {width:134px; background: url(../imgs/navigation.jpg) -228px 0 no-repeat;}
#nav A#btncustomDoors   {width:90px; background: url(../imgs/navigation.jpg) -362px 0 no-repeat;}
#nav A#btnmetalRoofing	{width:124px; background: url(../imgs/navigation.jpg) -452px 0 no-repeat;}
#nav A#btntestimonials	{width:120px; background: url(../imgs/navigation.jpg) -576px 0 no-repeat;}
#nav A#btncontact		{width:84px; background: url(../imgs/navigation.jpg) -696px 0 no-repeat;}


#nav A:hover	{border-bottom:none;}
#nav A#btnhome:hover 			{width:70px; background: url(../imgs/navigation.jpg) 0 -47px no-repeat;}
#nav A#btnabout:hover 			{width:74px; background: url(../imgs/navigation.jpg) -70px -47px no-repeat;}
#nav A#btnpoleBarns:hover 		{width:84px; background: url(../imgs/navigation.jpg) -144px -47px no-repeat;}
#nav A#btnhorseStalls:hover   	{width:134px; background: url(../imgs/navigation.jpg) -228px -47px no-repeat;}
#nav A#btncustomDoors:hover    	{width:90px; background: url(../imgs/navigation.jpg) -362px -47px no-repeat;}
#nav A#btnmetalRoofing:hover 	{width:124px; background: url(../imgs/navigation.jpg) -452px -47px no-repeat;}
#nav A#btntestimonials:hover 	{width:120px; background: url(../imgs/navigation.jpg) -576px -47px no-repeat;}
#nav A#btncontact:hover			{width:84px; background: url(../imgs/navigation.jpg) -696px -47px no-repeat;}
*/

#nav { background-color: #183466; }
#nav.bottom { padding-bottom: 10px; }
#nav a {
	display: block;
	background-color: #183466;
	border: 1px solid #314975;
	border-top: none;
	float: left;
	text-align: center;
	color: #ddd;
	margin-right: 2px;
	}
#nav a:hover, #nav a.current { color: #fff; background: #486BAA url(/imgs/nav_hover.jpg) repeat-x top left; border-color: #93A0B5; }
#nav a:active, #nav a.current { font-weight: bold; }
#nav span { 
	font-size: 11px;
	display: block;
	padding-top: 10px;
	height: 33px;
	}
#nav.bottom a span {
	font-size: 9px;
	padding-top: 5px;
	height: 25px;
	}
#nav a#btnhome			{ width: 60px; border-left: none; }
#nav a#btnabout			{ width: 65px; }
#nav a#btnpolebarns		{ width: 65px; }
#nav a#btnhorsestalls   { width: 110px; }
#nav a#btncustomdoors   { width: 80px; }
#nav a#btnmetalroofing	{ width: 110px; }
#nav a#btnruninsheds	{ width: 70px; }
#nav a#btntestimonials	{ width: 110px; }
#nav a#btncontact		{ width: 78px; border-right: none; margin-right: 0; }


A            {color:#466ba9; text-decoration:none;}
A:hover      {color:#064ba0; text-decoration:none;}
A:active     {color:#446ba9; text-decoration:none;}

h1    {color:#183c84; font-size:16px;}
h2    {color:#183c84; font-size:13px;}

p	  {color:#000000;}
img   {border: none; }
blockquote    {padding:0; margin:0; background-color:#333333;}

/* STRUCTURE    ----------------------------------------- */
#container     	{width:800px;margin: 0 auto; background: transparent url(../imgs/shadow_box_btm.png) no-repeat bottom left; padding-bottom: 15px; min-height:800px; }
#container2		{padding: 0 10px; background: transparent url(../imgs/shadow_box.png) repeat-y top left;}
#container #header		{margin:0 auto; height:47px;}
#sidebar 		{float:left; width:240px; clear: none; }
#sidebar img 	{display:block;}
#logo			{height:255px;}
#photos			{height:286px;}
#smallLogos 	{padding-top:50px;  padding-left:10px;}
#headimg 		{background-repeat: no-repeat; background-position: top left;}
#headimg img	{display: block; position: relative; height: 360px; clear: none;}
#main			{width: 530px; top: -125px; float: right; position: relative; min-height:700px;}
#mainTXT		{width:340px; margin-left:10px; float: left;}
#mainPIX		{width: 530px; margin-left:10px;}
#buttons		{width: 145px; float: right; padding-right:10px;}
	#buttons A:hover 		{border-bottom:none;}
	#bottomImages A:hover	{border-bottom:none;}
#header			{background:#173456;}
#thumbnails img {margin-right: 5px; margin-bottom: 10px; border: 1px solid #8ea5c8;}
#content		{float: right; width: 530px;}

/* FOOTER       ------------------------------------------ */
#footer			{margin:0 auto; width: 780px; padding:0; background: #173465; height:100px; clear:both;}
#footer_menu	{color:#ffffff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
		
#footer_menu 				{padding:0; margin:0 auto; width:780px; background:url(../imgs/navigation_footer.jpg) no-repeat #173465;}
#footer_menu A				{display:block; height:33px;float:left;}
#footer_menu A SPAN			{display:none;}
#footer_menu A#fthome			{width:70px; background: url(../imgs/navigation_footer.jpg) 0 0 no-repeat;}
#footer_menu A#ftabout			{width:74px; background: url(../imgs/navigation_footer.jpg) -70px 0 no-repeat;}
#footer_menu A#ftpoleBarns		{width:84px; background: url(../imgs/navigation_footer.jpg) -144px 0 no-repeat;}
#footer_menu A#fthorseStalls   {width:134px; background: url(../imgs/navigation_footer.jpg) -228px 0 no-repeat;}
#footer_menu A#ftcustomDoors   {width:90px; background: url(../imgs/navigation_footer.jpg) -362px 0 no-repeat;}
#footer_menu A#ftmetalRoofing	{width:124px; background: url(../imgs/navigation_footer.jpg) -452px 0 no-repeat;}
#footer_menu A#fttestimonials	{width:120px; background: url(../imgs/navigation_footer.jpg) -576px 0 no-repeat;}
#footer_menu A#ftcontact		{width:84px; background: url(../imgs/navigation_footer.jpg) -696px 0 no-repeat;}


#footer_menu A:hover					{border-bottom:none;}
#footer_menu A#fthome:hover 			{width:70px; background: url(../imgs/navigation_footer.jpg) 0 -33px no-repeat;}
#footer_menu A#ftabout:hover 			{width:74px; background: url(../imgs/navigation_footer.jpg) -70px -33px no-repeat;}
#footer_menu A#ftpoleBarns:hover 		{width:84px; background: url(../imgs/navigation_footer.jpg) -144px -33px no-repeat;}
#footer_menu A#fthorseStalls:hover   	{width:134px; background: url(../imgs/navigation_footer.jpg) -228px -33px no-repeat;}
#footer_menu A#ftcustomDoors:hover    	{width:90px; background: url(../imgs/navigation_footer.jpg) -362px -33px no-repeat;}
#footer_menu A#ftmetalRoofing:hover 	{width:124px; background: url(../imgs/navigation_footer.jpg) -452px -33px no-repeat;}
#footer_menu A#fttestimonials:hover 	{width:120px; background: url(../imgs/navigation_footer.jpg) -576px -33px no-repeat;}
#footer_menu A#ftcontact:hover			{width:84px; background: url(../imgs/navigation_footer.jpg) -696px -33px no-repeat;}
	
#footer_address	{font-size:10px; color:#ffffff; margin-top:15px;}