/* Style Resets */
html *		{ margin: 0; padding: 0; }
html		{ font-family: Verdana, Helvetica, Sans-serif; }

body		{  }
img			{ border: 0px; }
a			{  }
a img		{ border: 0px; }
a.active	{ font-weight: bold; }
a:focus		{ outline: 0px; }

br			{  }

/* ======================================================================================================================================= */

div#page_container	{ width: 900px; height: auto; margin: 30px auto 0px auto; background: #fff; }

/* ======================================================================================================================================= */
/* Header */

div#header			{ width: 100%; height: 100px; margin: 0px 0px 0px 0px; background: #fff url(../images2009/welcome.gif) no-repeat; }
ul#nav				{ list-style-type: none; position: relative; z-index: 1000; display: block; float: right; height: 15px; margin: 70px 0px 0px 0px; }
ul#nav li			{ position: relative; display: block; width: auto; float: left; margin: 0px 0px 0px 0px; }
ul#nav li span		{ cursor: pointer; color: #bec0c2; font-size: 12px; line-height: 15px; padding: 0px 16px; border-right: 1px solid #bec0c2; }
ul#nav li ul		{ position: absolute; list-style-type: none; top: 30px; left: 0px; display: block; width: 165px; height: auto; padding: 5px 5px 5px 16px; background: #fff; opacity: 0; }
ul#nav li ul li		{ position: relative; display: block; height: 24px; float: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-right: 0px; }
ul#nav li ul li a	{ text-decoration: none; color: #bec0c2; display: block; height: 24px; font-size: 12px; line-height: 24px; }

/* ======================================================================================================================================= */
/* Features */

div#shadow_boxes				{ width: 100%; height: 500px; margin: 0px 0px 20px 0px; background: #fff; }
ul#large_window					{ position: relative; list-style-type: none; display: block; width: 100%; height: 350px; background: #fff; }
div#small_window_highlite		{ position: relative; width: 100%; height: 24px; }
div#small_window_highlite img	{ position: absolute; left: 0px; top: 0px; }
ul#small_window					{ list-style-type: none; position: relative; display: block; width: 100%; height: 126px; background: #fff; }

ul#small_window li				{ position: relative; cursor: pointer; display: block; width: 149px; height: 126px; float: left; border-right: 1px dashed #bec0c2; }
ul#small_window li img			{ opacity: 0.4; }
ul#small_window li.active img	{ opacity: 1; }

ul#large_window li				{ position: absolute; top: 0px; left: 0px; display: block; width: 900px; height: 350px; opacity: 0; }

/* ======================================================================================================================================= */
/* Whats Happening */

div.exciting {
background:url("../images2009/gradient.gif") no-repeat scroll 0 0 #FFFFFF;
height:auto;
margin:0 0 25px;
overflow:hidden;
padding:40px 0 10px;
width:100%;
}

/* ======================================================================================================================================= */
/* Companies */

div#companies					{ width: 100%; margin: 0px 0px 0px 0px; }
div.company						{ overflow: hidden; width: 100%; height: auto; padding: 50px 0px 10px 0px; margin: 0px 0px 20px 0px; background: #fff url(../images2009/company_gradient.gif) no-repeat; }
div.company div.left			{ width: 137px; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.company div.center			{ width: 390px; float: left; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 30px; border-left: 1px dashed #bec0c2; }
div.company div.right			{ width: 300px; float: right; }
div.right img.company_thumb		{ margin: 0px 0px 10px 0px; }
.company_thumb					{ margin: 0px 0px 10px 0px; }
div.right a.view_catalog		{ float: right; }

div.center img					{ margin: 0px 0px 10px 0px; }
div.center p					{ color: #77787b; font-size: 12px; margin: 0px 0px 10px 0px; }

/* ======================================================================================================================================= */
/* Footer */

div#footer						{ width: 100%; height: 154px; padding: 0px 0px 0px 0px; margin: 0px 0px 40px 0px; background: #fff; border-top: 1px solid #bec0c2; }
div#directory					{ overflow: hidden; height: 130px; padding: 5px 0px 0px 0px; margin: 4px 0px 0px 0px; background: #fff; }
div#footer1						{ width: 274px; height: 100%; float: left; padding: 5px 20px 0px 0px; border-right: 1px dashed #bec0c2; }
div#footer2						{ width: 274px; height: 100%; float: left; padding: 5px 20px 0px 20px; border-right: 1px dashed #bec0c2; }
div#footer3						{ width: 114px; height: 100%; float: left; padding: 5px 20px 0px 20px; border-right: 1px dashed #bec0c2; }
div#footer4						{ width: 114px; height: 100%; float: left; padding: 5px 0px 0px 20px; }

div#footer h1					{ display: block; clear: both; font-size: 12px; color: #39393a; margin: 0px 0px 2px 0px; }
div#footer ul					{ list-style-type: none; display: block; width: 132px; height: auto; float: left; }
div#footer ul li				{ list-style-type: none; height: 15px; }
div#footer ul li a				{ text-decoration: none; color: #77787b; font-size: 11px; line-height: 15px; padding: 0px 0px 0px 0px; }
div#footer ul li a:hover		{ text-decoration: underline; color: #39393a; }

div#footer_controls				{ clear: both; width: 100%; background: #fff; }
div#footer_controls span		{ cursor: pointer; font-size: 12px; color: #77787b; line-height: 20px; }

div#zoom						{ z-index: 10000; }

/*
*	My Zoom
*/
#introvideo				{ position:absolute; top:50%; left:0; visibility: hidden; z-index:10000; width:100%; height:1px; overflow:visible; }
#introvideoinner		{ width:607px; height:399px; margin-left:-303px; position:absolute; top:-199px; left:50%; background:transparent url('http://www.theadvantage.com/images2009/videobg.png') no-repeat; }
#introvideoClose		{ position:absolute; cursor:pointer; right:-12px; top:-12px; z-index:10000; }