@charset "utf-8";
/* CSS Document */
/* 
Full Media: TEAM SILO
Designer and Builder: Ryan Brackett
Programmer: Anthony Defoor

/* START: Global Includes ============================================== */
html { overflow-y: scroll }
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
	font-size: 14px;
	background-color: #131313;
	background-image:url(/images/bg-001.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	color:#d1d1d1;
	line-height: 18px;
}
ul {
	padding-top: 5px;
	padding-left: 20px;
	margin:0px
}
li {
	padding:2px;
	margin:0px
}
table, td {
	font-family: Arial, Verdana;
	vertical-align:top;
	border-spacing:0px;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	text-align: left;
}
/* headings */
h1, .h1 {
	font-size:  30px;
	font-weight: bold;
	color: #e76f04;
	padding:0px;
	padding-top:20px;
	margin: 0px;
	margin-bottom: 10px;
	line-height:90%;
	font-family: 'Arial Black', Arial, sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	letter-spacing: -2px;
	border-bottom: 1px dotted #333333;
	
}
h1#logo {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
h1#logo a {
	padding: 0px;
	margin: 0px;
}
h2, .h2 {
	font-size: 20px;
	font-weight: bold;
	color: #e76f04;
	padding-top:20px;
	margin: 0px;
	margin-bottom: 6px;
}
h3, .h3 {
	font-size: 16px;
	font-weight: bold;
	color: #e76f04;
	padding-top:20px;
	margin: 0px;
	margin-bottom: 6px;
}
/* links */
a:active, a:visited, a:link {
	color: #17345c;
	outline: none;
}
a:hover { color: #4798ff; }
a img {
	border: 0px solid white;
	text-decoration:none;
	outline: none;
}
p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.clearall { clear:both; }
hr {
	height: 1px;
	width: 100%;
	color: white;
	border-top: 1px dotted #ccc;
}
h2 a { text-decoration: none; }
/* END: Global Includes ============================================== */

/* START: Structure ============================================== */
div.xstruct {
	width: 920px;
	margin: auto;
}
/* END: Structure ============================================== */

/* START: Header ============================================== */
div.hdr {
	width: 920px;
	height: 127px;
	padding-top: 20px;
}
div.hdr div.top {
	background-image:url(/images/bg-hdr.jpg);
	height: 94px;
	background-repeat: no-repeat;
	background-position: top left;
}
div.hdr div.top div.left a {
	display: block;
	padding: 37px;
	margin-left: 15px;
	padding-right: 140px;
	float: left;
}
div.hdr div.top div.right {
	float: right;
	width: 525px;
	text-align: right;
	padding-right: 20px;
	color:#3d3e3e;
}
div.hdr div.top div.right ul { margin-top: 20px; }
div.hdr div.top div.right ul li { display: inline; }
div.hdr div.top div.right ul li a, div.hdr div.top div.right ul li a:link, div.hdr div.top div.right ul li a:visited, div.hdr div.top div.right ul li a:active {
	color: white;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}
div.hdr div.top div.right ul li#last a { margin-right: 0px; }
div.hdr div.top div.right ul li a:hover { color:#f47f16; }
div.hdr div.top div.right div.phone {
	font-size: 23px;
	color: white;
	font-weight: bold;
	margin-top: 10px;
}
div.hdr div.top div.right div.phone span {
	font-size: 18px;
	color:#f47f16;
}
div.hdr div.top div.right div.phone a, div.hdr div.top div.right div.phone a:link, div.hdr div.top div.right div.phone a:active, div.hdr div.top div.right div.phone a:visited { color: white; margin-right: 5px; font-size: 14px; text-decoration: none;}
/* start NAV */
div.hdr div.xnav {
	height: 43px;
	width: 900px;
	background-image:url(/images/bg-menu.jpg);
	padding-top: 10px;
	padding-left: 20px;
}
div.hdr div.xnav img { padding-right: 15px; }
/* end NAV */
/* END: Header ============================================== */

/* START: Splash ============================================== */
div.hp-splash {
	width: 920px;
	height: 420px;
	margin-top: 21px;
	background-image:url(/images/splash/hp-splash-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
div.int-splash {
	margin-top: 21px;
	width: 920px;
	height: 194px;
}
/* END: Splash ============================================== */

/* START: HP CTA ============================================== */
table.hp-cta {
	width: 920px;
	margin-top: 20px;
	padding-top: 20px;
}
table.hp-cta td.left { text-align: left; }
table.hp-cta td.center { text-align: center; }
table.hp-cta td.right { text-align: right; }
/* END: HP CTA ============================================== */

/* START: Content */
div.int-content {
	width: 920px;
	margin-top: 21px;
	background-image:url(/images/splash/hp-splash-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	line-height: 20px;
}
div.int-content div.text {
	background-image:url(/images/bg-int-content.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 40px;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #121212;
}
div.int-content div.text div.container { }
div.int-content div.text a, div.int-content div.text a:link, div.int-content div.text a:visited, div.int-content div.text a:active { color: white;}
div.int-content div.text a:hover { color: #e76f04;}
div.int-content div.text div.container table.references { } 
div.int-content div.text div.container table.references td { padding: 20px; padding-left: 0px; padding-right: 40px;  width: 250px;}
div.int-content div.text div.container table.references td b { line-height: normal;}
div.int-content div.text div.container table.references td span { font-size: 12px; margin-left: 0px; letter-spacing: 1px;}
div.int-content div.text div.container table.references td ul { padding: 0px; margin-left: 0px;} 
div.int-content div.text div.container table.references td li { padding: 0px; padding-bottom: 20px; padding-top: 10px; list-style: none; border-bottom: 1px dotted #333333;  }


ol.long { width: 500px;}
ol.long li { border-bottom: 1px dotted #333333; padding-top: 10px; padding-bottom: 5px;}
/* Start: GALLERY */

table.gallery { width: 840px; margin: auto; margin-top: 30px;}
table.gallery td { padding-right: 40px; height: 180px; padding-bottom: 40px;}
table.gallery td.last { padding-right: 0px; }
table.gallery td img { border: 10px solid #171717;}
table.gallery td img:hover { border: 10px solid #272727;}

/* End: GALLERY */


/* Start: CONTACT */


div.int-content div.text div.container table.contact td { padding: 0px; padding-bottom: 20px; padding-top: 10px; list-style: none; border-bottom: 1px dotted #333333;}
/* End: CONTACT */


a.int-btn { text-decoration: none; font-weight: bold; background-color:#E76F04; padding: 10px; }
a.int-btn:hover { background-color:#FFFFFF; }
/* END: Content */


/* START: FOOTER ============================================ */

div.footer {
	border-top: 10px solid #e76f04;
	width: 920px;
	height: 200px;
	margin-top: 20px;
	padding-top: 20px;
	color:#5b5b5b;
}
div.footer a, div.footer a:link, div.footer a:active, div.footer a:visited {
	color:#5b5b5b;
	text-decoration: none;
}
div.footer a:hover { color: white; }
/* END: FOOTER ============================================ */
