@charset "utf-8";
/* CSS Document */
/* ===========================================================
Name: Iron Horse Barbecue
Last Modified: 2/27/2010
Author: Kevin Jantzer
www.kevinjantzer.com
============================================================= */


body {margin:0; 
	background:#222b4a; 
	}
	
h4 {color:#222b4a; margin-bottom:-10px; margin-left:20px}
h1.news {font-size:25px;}
	
a {text-decoration:none; color:#b71210; font-weight:bold;}
a:hover {text-decoration:underline; color:#b71210;}

#homepagegallery img { border-width:7px; border-color:#221e1b;}
	#homepagegallery img a {border-width:7px; border-color:#221e1b;}
	
img {border-width:0px;}
	img a {border-width:0px;}

.contact {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.contact a {text-decoration:none; color:#221e1b; font-weight:normal;}
.contact a:hover {color:#b71210}

.red {color:#b71210; font-weight:bold}
.normaltext {color:#221e1b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.captiontext {color:#221e1b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

#specstable {color:#444444; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:solid #dddddd 1px; margin:0; padding:0;}
#specstable th {text-align:left;}


.left {float:left}
.right {float:right}
.clearer {clear: both;}

/* ======================
	 content boxes
====================== */
#leftbox
	{margin-left:50px;
	width:545px;
	float:left;
	background:url(img/contentpic.gif) no-repeat ;
	}
	
	#leftbox h1
		{color:#b71210;
		margin:0;
		margin-left:77px;
		}
		
	#leftbox p
		{margin-left:60px;
		color:#221e1b;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
#newbox
	{margin-left:110px;
	width:270px;
	}
	
	#newbox h1
		{color:#221e1b;
		margin:0;
		padding-top:10px;
		}
		#newbox h1 a {color:#221e1b; text-decoration:none;}
		#newbox h1 a:hover {color:#b71210;}
		
	#newbox p
		{color:#221e1b;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
#rightbox
	{margin-right:35px;
	width:265px;
	float:right;
	background:url(img/contentpic.gif) no-repeat;
	}
	
	#rightbox h2
		{color:#b71210;
		margin:0;
		margin-top:5px;
		margin-bottom:15px;
		margin-left:60px;
		}
		
	#rightbox p
		{margin-left:60px;
		color:#221e1b;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		}
		
#rightboxpic
	{margin-right:35px;
	width:265px;
	float:right;
	}
		
#fullbox
	{margin-left:50px;
	width:780px;
	float:left;
	background:url(img/contentpic.gif) no-repeat ;
	}
	
	#fullbox h1
		{color:#b71210;
		margin:0;
		margin-left:77px;
		}
	#fullbox h3
		{color:#b71210;
		margin:15px 0 0 60px;
		color: #333;
		font-family: Arial, Verdana;
		text-shadow: #fff 0 0 1px;
		}
		
	#fullbox p
		{margin-left:60px;
		color:#221e1b;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 20px;
		}
		
/* =========================
     news page
========================== */

.icon	{width:16px;}
.date	{font-weight:bold;
		color:#222b4a;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		width:80px;}
.spacer	{height:5px;}

/* -- recent news -- */
#recentnews h3	{margin:0px; margin-top:20px; margin-bottom:10px; margin-left:60px; padding-bottom:0px; color:#444444;}
#recentnews p	{margin:0px; margin-left:80px;}

.recenttitle	{float:right; color:#222b4a; margin-top:-20px; text-decoration:underline;}
.readmore	{float:right; color:#b71210; margin-top:-10px;}
	.readmore a	{color:#b71210; text-decoration:none;}
	.readmore a:hover	{text-decoration:underline;}
	
	
/* -- articles -- */
#articlecontrols	{width:780px; height:30px; margin:0 auto 0 auto;}
	#articlecontrols a	{color:#000000; text-decoration:none;}
	#articlecontrols a:hover	{color:#222b4a;}
	
#articletext	{width:780px; margin:0 auto 0 auto;}
	#articletext h3	{color:#444444; font-size:25px;}
		.subtitle	{font-size:13px; color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif}
	.articledate	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#444444; margin-top:-20px;}
	#articletext p	{color:#221e1b;}

		
/* ====================================
      produtct pages
===================================== */	
#product_controls	{float:right;width:300px; height:30px;}
	#product_controls a	{color:#000000; text-decoration:none;}
	#product_controls a:hover	{color:#222b4a;}

#buynow_dropdown h3
			{color:#333333; font-size:15px; font-family:"Times New Roman", Times, serif; text-align:center; margin:0}
	#buynow_dropdown h3 a		{color:#333333; text-decoration:none;}
	#buynow_dropdown h3 a:hover	{text-decoration:underline;}
#buynow_dropdown p
			{color:333333px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0; margin-top:3px; margin-bottom:3px;}


/* =============================================================================================================================================
	   header build
================================================================================================================================================= */
#contactbase
	{width:100%;
	height:auto;
	background:#ffffff;
	}
	
	#contactinfo
		{width:879px;
		height:auto;
		margin:0 auto 0 auto;
		text-align:right;
		color:#221e1b; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px;
		}

#headertop
	{width:100%;
	height:55px;
	margin:0;
	background:url(img/headerrepeat.gif) repeat-x;
	}
	
	#headertopcontent
		{width:879px;
		height:100%;
		margin:0 auto 0 auto;
		}
	
#headermiddle
	{width:100%;
	height:180px;
	background:url(img/diamondplate.jpg) repeat;
	}
	
	#headermiddlepic
		{width:879px;
		height:100%;
		margin:0 auto 0 auto;
		}
	
#headerbottom
	{width:100%;
	height:10px;
	background:#f1f1f1;
	}
	
/* ======================
	   menu build
====================== */
#menubox
	{position:relative;
	bottom:28px;
	}
	
	.static {background:url(img/menu.gif) no-repeat; height:22px;}
		.static a {color:#f1f1f1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
		.static a:hover {color:#b71210; text-decoration:none;}
		
	.active {background:url(img/menuactive.gif) no-repeat; height:22px;}
		.active a {color:#221e1b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
		.active a:hover {color:#b71210; text-decoration:none;}
	
	
/* ======================
	content body build
========================= */	
#contentbase
	{width:903px;
	margin:0 auto 0 auto;
	}
	
#contentbgd
	{background:url(img/bodybgd.gif) repeat-y;
	}
	
#footerbgd
	{background:url(img/footerbgd.gif) no-repeat;
	height:48px;
	}
	
	.footertext
		{width:90%;
		margin:0 auto 0 auto;
		padding-top:6px;
		font-size:10px;
		border-top:#222b4a dotted thin;
		}
		.footertext a {color:#000000}
		
/* ===============
    toolTip
================ */			
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; color:#221e1b }
	
	
/* ===============
    fxSlide
================ */	
h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	width:100%;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 15px;
}

/* ===============
    codaSlider
================ */	


#wrapper {
    width: 760px;
    margin: 0 auto;
}

#slider {
    width: 720px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 400px;
    width: 720px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #f1f1f1;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 400px;
    width: 700px;
}


ul.navigation {
    list-style: none;
    margin: 0;
	margin-left:30px;
	margin-top:15px;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    color: #222b4a;
    text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul.navigation a:hover {
    color: #263978;
}

ul.navigation a.selected {
    color: #b71210;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}