@charset "utf-8";
@charset "utf-8";
/* css document */

body { background:#FFF; }
h2.small { font-size:14px; margin:0; position:relative; top:5px; }

div#wrapper { width:100%; min-height:100%; }

div#leftbar { z-index:99; width:113px; height:100%; position:absolute; top:0; left:0; background:url("../images/bg_sidebar_top.gif") 0 0 #400031 no-repeat; border-right:4px solid #FFF; }

div#leftbar a.logo { z-index:2; text-indent:-999px; line-height:0; font-size:0; overflow:hidden; line-height:0; display:block; width:35px; height:150px; background:url("../images/logo_argus.png") 0 0 no-repeat; position:absolute; right:0; top:30px; }

div#leftbar ul.mainnav { z-index:3; margin:0; padding:0; width:100%; position:absolute; top:225px; }
div#leftbar ul.mainnav li { list-style:none; margin:0; padding:5px 0; }
div#leftbar ul.mainnav li a { text-decoration:none; display:inline; margin-left:15px; padding:0; color:#FFF; font-weight:bold; font-size:11px; }
div#leftbar ul.mainnav li ul { display:none; margin:0; padding:5px 0 0 0; width:100%; }
div#leftbar ul.mainnav li ul li { background:none; padding:0; }
div#leftbar ul.mainnav li ul li a { color:#FFF; font-weight:normal; padding:2px 0; font-size:11px; }

div#leftbar ul.mainnav li.active ul { display:block; }

div#leftbar ul.mainnav li.yellow { background:url("../images/bg_leftnav_yellow.gif") 0 0 repeat-y; }
div#leftbar ul.mainnav li.purple { background:url("../images/bg_leftnav_purple.gif") 0 0 repeat-y; }
div#leftbar ul.mainnav li.blue { background:url("../images/bg_leftnav_blue.gif") 0 0 repeat-y; }
div#leftbar ul.mainnav li.green { background:url("../images/bg_leftnav_green.gif") 0 0 repeat-y; }

div#leftbar ul.mainnav li.active.yellow a { color:#F2C037; }
div#leftbar ul.mainnav li.active.purple a { color:#CE09AF; }
div#leftbar ul.mainnav li.active.blue a { color:#37D0FC; }
div#leftbar ul.mainnav li.active.green a { color:#B8D610; }

div#leftbar ul.mainnav li.active ul li a { color:#FFF !important; }

div#leftbar ul.mainnav li.yellow a:hover { color:#F2C037; }
div#leftbar ul.mainnav li.purple a:hover { color:#CE09AF; }
div#leftbar ul.mainnav li.blue a:hover { color:#37D0FC; }
div#leftbar ul.mainnav li.green a:hover { color:#B8D610; }

div#leftbar ul.mainnav li.yellow ul li a:hover { padding-left:10px; background:url("../images/bg_leftnav_bullet_yellow.gif") 0 50% no-repeat; }
div#leftbar ul.mainnav li.purple ul li a:hover { padding-left:10px; background:url("../images/bg_leftnav_bullet_purple.gif") 0 50% no-repeat; }
div#leftbar ul.mainnav li.blue ul li a:hover { padding-left:10px; background:url("../images/bg_leftnav_bullet_blue.gif") 0 50% no-repeat; }

div#leftbar ul.mainnav li.yellow ul li.active a { padding-left:10px; background:url("../images/bg_leftnav_bullet_yellow.gif") 0 50% no-repeat; }
div#leftbar ul.mainnav li.purple ul li.active a { padding-left:10px; background:url("../images/bg_leftnav_bullet_purple.gif") 0 50% no-repeat; }
div#leftbar ul.mainnav li.blue ul li.active a { padding-left:10px; background:url("../images/bg_leftnav_bullet_blue.gif") 0 50% no-repeat; }


div#shortnews { z-index:1; width:113px; height:100%; position:absolute; top:auto; right:auto; left:0; bottom:0; }
div#shortnews div.SN-cont { width:100%; height:152px; position:absolute; bottom:50px; background:url("../images/bg_sidebar_news.gif") 0 0 no-repeat; }

div#shortnews p.snippit { font-family:"helvetica",sans-serif; color:#FFF; font-size:12px; margin:22px 0 10px 0; padding:0 0 0 15px; line-height:15px; }
div#shortnews a.viewmore { font-family:"helvetica",sans-serif; font-size:10px; font-weight:bold; margin:0 0 0 15px; padding-left:12px; background:url("../images/bullet_arrow_purple.gif") 0 50% no-repeat; }
div#shortnews a.viewmore:hover { text-decoration:none; }
div#shortnews span.networks { display:block; width:100%; text-align:center; position:absolute; left:0; bottom:26px; }
div#shortnews span.networks a { display:inline; margin:0; padding:0; }
div#shortnews span.networks a img { display:inline; }

div#shortnews a.blog { display:block; position:absolute; left:50%; bottom:0; margin-left:-37.5px; width:75px; height:26px; text-indent:-999px; line-height:0; font-size:0; overflow:hidden; background:url("../images/btn_blog.jpg") 0 0 no-repeat; }

div#content { width:auto; height:100%; padding-left:117px; }

div#body { width:800px; height:auto; padding:36px 36px 36px 46px; } 
div#body div.headers { height:35px; margin-bottom:15px; overflow:hidden; }
div#body div.headers div.header { height:35px; display:none; }
div#body div.headers div.header h1 { height:35px; line-height:35px; }

div#banner { width:100%; height:332px; overflow:hidden; background:#000; }

div#banner div.image { width:100%; height:100%; }
div#banner div.image img.graphic { width:100%; height:auto; min-width:842px; min-height:332px; }
* html div#banner div.image img.graphic { width:842px; height:332px; }
div#banner div.image img.graphic.new { position:absolute; top:0; left:0; z-index:1; display:none; }
div#banner div.image img.graphic.old { position:relative; z-index:0; }

div#pullout { width:166px; height:auto; position:absolute; left:20px; bottom:0; z-index:99; cursor:pointer; padding-top:10px; }
div#pullout span.arrow { position:absolute; left:20px; top:0; display:block; width:19px; height:12px; background:url("../images/bg_pullout_arrow.png") no-repeat; }

div#pullout div.title { width:100%; height:52px; background:url("../images/bg_pullout_tab.png") no-repeat; }
div#pullout div.title span { display:block; height:100%; float:left; }
div#pullout div.title span.L { line-height:64px; font-size:12px; color:#9FA308; font-family:"avenir lt std 85 heavy",sans-serif; margin-left:28px; font-weight:bold; }
div#pullout div.title span.R { line-height:58px; font-size:29px; color:#6B195B; font-family:"georgia",serif; margin-left:5px; }

div#pullout.open div.title { background-position:0 0; }
div#pullout.closed div.title { background-position:0 100%; }

div#pullout div.content { width:100%; height:auto; background:url("../images/bg_pullout_tab.png") -166px 0 repeat-y; }

div#pullout div.text { width:114px; height:auto; margin:auto; padding-bottom:5px; }
div#pullout div.text * { margin:0; cursor:text; font-size:11px; }

div#pullout div.thumbs { width:114px; height:auto; margin:auto; }
div#pullout div.thumbs a.thumb { display:block; width:55px; height:55px; float:left; margin:1px; padding:0; }
div#pullout div.thumbs a.thumb span { position:relative; display:block; width:55px; height:55px; margin:0; padding:0; }
div#pullout div.thumbs a.thumb span img { display:block; width:55px; height:55px; }
div#pullout div.thumbs a.thumb:hover span { width:45px; height:45px; overflow:hidden; margin:5px; cursor:pointer; }
div#pullout div.thumbs a.thumb:hover span img { position:absolute; left:-5px; top:-5px; }

div#profile div.col-L { width:114px; float:left; }
div#profile div.col-R { width:auto; margin-left:160px; }

div#profile a.thumb { display:block; width:55px; height:55px; float:left; margin:1px; padding:0; }
div#profile a.thumb span { position:relative; display:block; width:55px; height:55px; margin:0; padding:0; }
div#profile a.thumb span img { display:block; width:55px; height:55px; }
div#profile a.thumb:hover span { width:45px; height:45px; overflow:hidden; margin:5px; cursor:pointer; }
div#profile a.thumb:hover span img { position:absolute; left:-5px; top:-5px; }
/*
div#profile a.thumb.active span { width:45px; height:45px; overflow:hidden; margin:5px; cursor:pointer; }
div#profile a.thumb.active span img { position:absolute; left:-5px; top:-5px; }
*/

div#profile span.trans { display:block; width:100%; height:auto; margin:0; padding:0; }

div#profile span.trans a.thumb span {
	opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: 0.5; /* Safari 1.x */
	-moz-opacity: 0.5; /* FF lt 1.5, Netscape */
}

div#profile span.trans a.thumb.active span {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* FF lt 1.5, Netscape */
}

div#footer { width:100%; background:#BBB; }
div#footer ul { text-align:center; margin:0; padding:0; }
div#footer ul li { display:inline; list-style:none; margin:0 2px; padding:0; }
div#footer ul li a { text-decoration:none; margin:0; padding:0 10px; line-height:40px; color:#999; }
div#footer ul li a:hover { text-decoration:underline; }

div#gallery { width:790px; height:auto; margin:0; left:-5px; }
div#gallery div.info { height:20px; left:5px; margin-bottom:10px; }
div#gallery div.info p.slab { margin:0; padding:0; height:20px; line-height:20px; overflow:hidden; display:none; }
div#gallery a.thumb { display:block; width:148px; height:78px; float:left; margin:5px; padding:0; }
div#gallery a.thumb span { position:relative; display:block; width:148px; height:78px; margin:0; padding:0; }
div#gallery a.thumb span img { display:block; width:148px; height:78px; }
div#gallery a.thumb:hover span { width:138px; height:68px; overflow:hidden; margin:5px; cursor:pointer; }
div#gallery a.thumb:hover span img { position:absolute; left:-5px; top:-5px; }
div#gallery a.thumb.active { background:#FFF; }
div#gallery a.thumb.active span { width:138px; height:68px; overflow:hidden; margin:5px; cursor:pointer; }
div#gallery a.thumb.active span img { position:absolute; left:-5px; top:-5px; }

div.galnav { display:inline; text-align:left; left:15px; }
div.galnav.medium { text-align:right; left:auto; right:5px; }
div.galnav a { display:inline; line-height:40px; padding:0 15px 0 11px; color:#C0BFBF; font-weight:bold; }
div.galnav a:hover, div.galnav a.active { color:#FFB622; text-decoration:none; }
div.galnav a.bullet { background:url("../images/bullet_dot_green.gif") 100% 50% no-repeat; }

div#contact { margin-top:20px; }
div#contact div.col-L { width:180px; float:left; }
div#contact div.col-R { width:600px; float:left; }
div#contact form { margin:0; padding:0; width:100%; }
div#contact form div.form-L { width:300px; float:left; }
div#contact form div.form-R { width:300px; float:right; }
div#contact form input.text { margin:4px auto; padding:3px; width:288px; color:#979797; }
div#contact form input.text:focus { color:#262321; }
div#contact form input.text.active { color:#262321; }
div#contact form textarea { margin:4px auto; padding:3px; width:288px; height:123px; color:#979797; }
div#contact form textarea:focus { color:#262321; }
div#contact form textarea.active { color:#262321; }
div#contact form select { margin:4px auto; padding:2px; width:296px; }

form input.submit , button , a.button { display:inline; background:url("../images/bullet_arrow_orange_R.gif") 0 50% #FFF no-repeat; border:none; margin:0; padding:0 0 0 8px; color:#F09C2A; font-weight:bold; }
form input.submit:hover , button:hover , a.button:hover { text-decoration:none; color:#FFB622; }

div#canvas { width:100%; height:332px; overflow:hidden; background:#000; }
div#canvas div.slabs { /* javascript does the sizing */ }
div#canvas div.slabs div.slab { float:left; overflow:hidden; }
div#canvas div.slabs div.slab img.graphic { width:100%; height:auto; min-width:842px; min-height:332px; }
* html div#canvas div.slabs div.slab img.graphic { width:842px; height:332px; }
div#canvas div.slabs div.slab img.graphic.new { position:absolute; top:0; left:0; z-index:1; display:none; }
div#canvas div.slabs div.slab img.graphic.old { position:relative; z-index:0; }

div#extras { z-index:1; position:absolute; overflow:hidden; width:100%; height:100%; min-height:600px; top:0; right:0; bottom:0; left:0; }
div#extras div.E_1 { position:relative; width:auto; height:100%; margin-left:117px; }

* html div#extras { display:inline; height:600px; }

div#extras div.slabs { position:absolute; left:0; /* javascript does the sizing */ }
div#extras div.slabs div.slab { float:left; overflow:hidden; /* javascript does the sizing */ }
div#extras div.slabs div.slab img { width:auto; height:auto; }
div#extras div.slabs div.slab img.wide { width:auto; height:100%; }
div#extras div.slabs div.slab img.tall { width:100%; height:auto; }

div#extras div.slabs div.slab div.bubble { width:325px; height:auto; position:absolute; top:0; left:0; padding-top:30px; background:url("../images/bg_slab_bubble_T.png") 0 0 no-repeat; }
div#extras div.slabs div.slab div.bubble div.SB_1 { width:100%; height:auto; padding-bottom:30px; background:url("../images/bg_slab_bubble_B.png") 0 100% no-repeat; }
div#extras div.slabs div.slab div.bubble div.SB_2 { width:100%; height:auto;  background:url("../images/bg_slab_bubble_M.png") 0 0 repeat-y; }
div#extras div.slabs div.slab div.bubble div.SB_3 { width:245px; height:auto; padding:0 35px 0 45px; background:url("../images/bg_slab_bubble_arrow.png") 0 0 no-repeat; }
div#extras div.slabs div.slab div.bubble div.boxcontent { width:100%; height:auto; overflow:hidden; top:6px; }

* html div#extras div.slabs div.slab div.bubble div.boxcontent { margin-bottom:-1px; }

div#extras a.arrow { display:block; width:50px; height:50px; z-index:99; position:absolute; top:50%; text-indent:-999px; line-height:0; font-size:0; overflow:hidden; }
div#extras a#prev { left:20px; background:url("../images/cursor_arrow_left.png") 0 0 no-repeat; }
div#extras a#next { right:20px; background:url("../images/cursor_arrow_right.png") 0 0 no-repeat; }

div#flashcontainer { position:absolute; overflow:hidden; width:auto; height:auto; top:0; right:0; bottom:0; left:117px; background:#200119; }

div.links { margin-top:60px; }
div.links a { color:#262321; display:block; margin-bottom:5px; font-size:11px; }
div.links a:hover { text-decoration:none; color:#FFB622; }
div.links a.active { text-decoration:none; color:#FFB622; }

div#news div.col-L { width:auto; margin-right:350px; }
div#news div.col-L.wide { margin:0; } 
div#news div.col-R { float:right; width:300px; }

div#awards div.col-L { width:auto; margin-right:350px; }
div#awards div.col-L.wide { margin:0; }
div#awards div.col-R { float:right; width:300px; }

div.awards div.award-L { float:left; width:50%; }
div.awards div.award-R { float:left; width:50%; }
div.awards div.award-L div.padding { padding:20px 30px 20px 0; }
div.awards div.award-R div.padding { padding:20px 0 20px 30px; }

p.phone { margin:5px 0; line-height:normal; }
p.phone span { color:#6B195B; margin:0 5px 0 0; padding:0; line-height:normal; font-weight:bold; font-size:14px; }
p.phone strong { margin:0; padding:0; line-height:normal; }

a.back { display:block; position:absolute; top:16px; right:0; margin:0; padding:0 0 0 12px; color:#F09C2A; z-index:1; font-weight:bold; background:url("../images/bullet_arrow_orange_L.gif") 0 50% #FFF no-repeat; }
a.play { display:block; float:left; margin:0 10px 0 0; padding:0; width:auto; height:33px; z-index:99; overflow:hidden; }
a.play img { height:66px; }
a.play:hover img { top:-33px; }

a.expand { display:block; width:19px; height:23px; position:absolute; right:10px; bottom:10px; z-index:99; text-indent:-999px; line-height:0; font-size:0; overflow:hidden; }
a.expand.on { background:url("../images/btn_magnify_plus.png") 0 0 no-repeat; }
a.expand.off { background:url("../images/btn_magnify_minus.png") 0 0 no-repeat; }

div#canvas object { display:block; width:100%; height:332px; position:absolute; z-index:8888; }
div#banner object { display:block; width:100%; height:332px; position:absolute; z-index:8888; }

div.btnOverlay { position:absolute; top:280px; left:0; right:10px; width:auto; height:33px; z-index:99; overflow:hidden; }





button.closeplayer { padding:8px 10px; position:absolute; top:10px; right:10px; z-index:9999; border:none; background:#400031; color:#FFF;
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=75); /* IE lt 8 */
-ms-filter: "alpha(opacity=75)"; /* IE 8 */
-khtml-opacity: .75; /* Safari 1.x */
-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

button.closeplayer:hover {
opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=100); /* IE lt 8 */
-ms-filter: "alpha(opacity=100)"; /* IE 8 */
-khtml-opacity: 1; /* Safari 1.x */
-moz-opacity: 1; /* FF lt 1.5, Netscape */
}