/*  Flint Hills Design - Joel Gaeddert - 2008  */


/* =============================== Layout =================================*/

#Header { position:relative; top:0px; width:750px; z-index:4; }
#ClientCenterHeader { position:relative; top:0px; width:750px; z-index:4; text-align:right; font-size:12px; padding-bottom:.25em;}
#Content_Right { width:448px; z-index:3; padding: 25px; float: left; position: relative; }
#Content_Right.PrintDesign img { border:1px solid #333333; margin-right:10px; margin-bottom:15px; }
#Content_Right.ExhibitSystems img { border:none; margin-right:10px; margin-bottom:15px; }
#Content_Right.LogoGrid img { border:1px solid #999999; margin-right:15px; margin-bottom:15px; }
#Content_Right.LogoGrid a:hover img { border:1px solid black;}
#Content_Far_Right { width:235px; z-index:5; float: left; position: relative; padding-top: 40px; padding-left: 10px; }
#Content_Left { width:250px; z-index:2; top: 0px; float: left; position: relative; clear: both; }
	#Content_Left h1 { margin-left:25px; }
#Content_Middle { width:250px; z-index:4; padding: 0px; float: left; position: relative; }
.FullWidth { width:750px; z-index:1; margin-left: auto; margin-right: auto; position: relative; clear: both; }
#Contact_Left { width:250px; z-index:2; top: 0px; float: left; position: relative; clear: both; height:auto; }
#Contact_Left_short { width:250px; z-index:2; top: 0px; float: left; position: relative; clear: both; height:300px; }
#Container { width:750px; z-index:1; margin-left: auto; margin-right: auto; position: relative; }
#Container2 { width:750px; z-index:1; margin-left: auto; margin-right: auto; position: relative; }
#currentpage { text-align: center; vertical-align: middle; border-top-width: thin; border-top-style: solid; border-top-color: #999999; background:url(images/Circ.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:4px;  /* Space the nav words away from the cell borders on top and bottom */ padding-bottom:4px; }

/* ============================== Classes and IDs==========================*/
.MainText, #FlintHillsDesignContact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; line-height: 18px; color: #666666; }
#FlintHillsDesignContact { text-align:left; vertical-align:top; background-color:#CCCCCC; color:black; padding:10px; border:1px solid gray; }
.Caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7px; text-align:center; line-height: 18px; color: #666666; }
.image_bottom { position: absolute; bottom:0; left: 0; }
.ProcessHeadersList { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; padding-top: 10px; list-style-type: none; }
#SwapText { padding-right:1.5em; }
.Nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; text-decoration: none; position: relative; text-align: center; vertical-align: middle; ; z-index: 100; height: 20px; float: left; line-height: 2em; left: 10px; }

/* =========================== Element Styles =============================*/
body { font-family: Arial, Helvetica, sans-serif; background-color:white; text-align:left; margin:0; padding:1em 0 0 0; }
h1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; line-height:normal; text-align:left; color:#666666; }
h1.Selected, h1 a:hover { color:#0099FF; font-style:normal; }
h2 { color:#666; margin:0; padding:1em 0 0 0; font-size:18px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; line-height:normal; text-align:left; color: #666666; }
h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px; line-height:18px;	color:#666666; text-align:left; margin-bottom: 0px; }
p { margin-top:2px; text-align:left; line-height: 18px; }
A { outline:none; }
A:link { text-decoration:none; color:#333; border: 0px; }
A:visited { text-decoration:none; color:#666; }
A:hover { text-decoration:none; color:#0099FF; }
.Contact A:link { color:#0099FF; }
.Contact A:hover { text-decoration:underline; }
.Contact A:visited { color:#0099FF; }


/* For dynamically placed images */
img.FloatRight { border: 1px solid rgb(153, 153, 153); margin: 0px 20px 10px 10px; float: right; clear: both; }


#Footer { width:750px; height:30px; z-index:5; background-image: url(_images/Flint_Hills_Design-footer.jpg); text-align: center; color: #CCCCCC; font-size: 9px; margin-left: auto; margin-right: auto; float: left; clear: both; line-height: 30px; }
.Clear { clear:both; }


img { font-size:8px; color:#999999; }