/* Byte Studios 

site: REO Allegiance Inc.
author: Matthew Restorff
date: 7/17/08

*/


/* General */
* { margin: 0; padding: 0; }
a { outline: none; }
img { border: none; }


body { background: #000000; font: normal 13px Arial, Helvetica, sans-serif; }
/* actual width is 894px  */

#container { width: 896px; margin: 0 auto; background: #000; padding: 10px 0px 15px 0px; min-height: 840px; }
html>body #container { width: 800px; }
#bg-head { background: #fff url() no-repeat 0 0; width: 911px; margin: 0 auto; padding: 0; height: 30px; }

/* Header  */
#header { margin-bottom: 10px; }
#header div { height: 10px; color: #888; text-align: right; }
#header div a { color: #aaa; text-decoration: none; font-size: 10px;}
#header div a:hover { color: #888; text-decoration: underline; }
#logo { text-indent: -9999px; background: url(/assets/img/logo.gif) no-repeat top left; width: 419px; height: 96px; display: block; }

/* secondary left nav */
#secondary_nav li {
	list-style-type: none;
	margin: 10px 0px 0px 20px;
}
#secondary_nav li a {
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	color: #575556;
	text-decoration: none;
}
#secondary_nav li:hover, #secondary_nav li.active {
	list-style-image: url(/assets/img/bug_white.gif);
}
#secondary_nav li:hover a, #secondary_nav li.active a {
	color: #57221C;
}


/* Primary Column */
#primary-column { float: left; width: 800px; margin-top: 10px; }


#prime-left { width: 197px; padding: 0px 12px 0px 22px; margin-top: 37px; float: left; }
#prime-left .left-blurb { color: #222; font: italic 11px Arial, Helvetica, sans-serif; margin-top: 15px; width: 160px; }

#prime-left .left-bucket { float: left; width: 170px; margin-bottom: 20px; }
#prime-left .left-bucket img { border: 1px solid #909090; padding: 4px; float: left; margin-right: 10px;}
#prime-left .left-bucket strong { color: #000; }
#prime-left .left-bucket span { color: #909090; }

#prime-right { min-height: 400px; width: 100%; float: left; margin-top: 20px; padding: 0px; color: #aaa; line-height: 20px; }
#prime-right strong.black { font-weight: bold; color: #000; font-size: 15px; }
#prime-right span.black { color: #000; font-weight: bold; }
#prime-right h2 { margin-bottom: 10px; }
#prime-right ul.orange-list { color: #b54722; margin-left: 15px; font-weight: bold; }
#prime-right ul.orange-list li { margin-bottom: 8px; }

#prime-right p { color: #aaa; line-height: 20px; text-align: justify}
#prime-right p .h3_subhead { font: bold 14px arial,helvetica; color: #B54722; }
#prime-right p .h3_subhead_black { font: bold 14px arial,helvetica; color: #000; }

#prime-right ul { margin: 10px 0;  }
#prime-right li { margin-left: 15px; }

#prime-right a { color: #a40006; font-weight: bold; }

.contact-bucket { border: 1px solid #b5b1b1; float: left; margin-top: 1px; width: 176px; padding: 10px 14px 0px 24px; color: #909090; }
.contact-bucket a, .working-bucket a { color: #4f1808; font-size: 11px; }
.working-bucket { border: 1px solid #b5b1b1; float: left; margin-top: 1px; width: 180px; padding: 20px 10px 10px 24px; color: #909090; }

/* Right Column */
#right-column { float: left; min-height: 700px; width: 0px; margin-top: 10px;}

#right-column #login { background-color: #cdb885; text-align: center; padding: 30px 0 5px 0; border: 1px solid #b5b1b1; }
#right-column #login input { color: #777; margin-bottom: 10px; }
#right-column #login input#submit { margin-top: 12px; }
#right-column #login a { color: #fff; display: block; margin-top: 30px; font-size: 10px; }

#right-column .orange-head { float: left; width: 215px; color: #fff; height: 22px; border: 1px solid #b5b1b1; border-top: none; margin-top: 0px; }
#right-column .links-box { border: 1px solid #b5b1b1; padding: 18px 11px; float: left; margin-top: 1px; width: 192px; }
#right-column .links-box a { color: #4f1808; font-weight: bold; } 

#right-column .image-box { border: 1px solid #b5b1b1; float: left; padding: 10px; margin-top: 1px; width: 194px; }
#right-column .image-box img { float: left; margin-right: 6px; }

.testclass{
background:#000; 	width:120px;	height:300px;	display:block;
}

/* Footer  */
#footer { width: 911px; margin: 0 auto; background: #f0e1c6 url() no-repeat bottom left; height: 25px;}


/*============================= Miles Technologies ====================================*/

div.clear {clear: both;}
div.flashcontent{ width: 578px; height: 211px; z-index:1;}
div.AlignLeft{ text-align: left;}
div.AlignCenter{ text-align: center;}
p.TeamName{font-size: 18px; line-height: 26px !important; color:#a40006 !important; margin-top: 5px;}
p.TeamTitle{font-size: 10px; color:#aaaaaa !important; font-weight: bold; text-transform: none; padding-bottom: 5px;}
p.TeamText{padding-bottom: 15px;}
.TeamHeader{font-size: 14px; color:#bbbbbb; font-weight: bold; text-transform: uppercase; padding: 20px 0;}
.TeamTable td{padding-bottom: 40px;}

.headline{padding-bottom: 15px;}