/*
Theme Name: Symetrix Jupiter
Theme URI: http://www.symetrixaudio.com/jupiter
Description: Symetrix Jupiter Website.
Version:
Author: eben Design
Author URI: http://www.ebendesign.com/
*/

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, a { margin: 0; padding: 0; border: 0; text-decoration: none; }
body { background: url(images/bg-20100403.gif) 0 0 repeat-x #ededed; font-family: arial, sans-serif; color: #333; }
a { color: #333; }
.entry a, .inspired-by a { color:#003366; }
.entry a:hover { text-decoration: underline; }
a.photo { }
a.page { }
a.group { }
.container { width: 932px; margin: 10px auto; z-index: 0; }
.nav { height: 40px; position:relative; z-index:99; }
.logo { float: left; display: inline; width: 153px; height: 19px; background: url(images/logo.gif) 0 0 no-repeat; }
.nav ul { list-style: none; float: left; display: inline; position:relative; z-index:99; }
.nav li { float: left; display: block; width: 136px; height: 40px; background: url(images/bg-header-li.gif) 0 0 no-repeat; text-align: center; }
.nav li.noline { background: url(images/bg-header-li-noline.gif) 0 0 no-repeat; }
.nav ul li .translation {width:160px; background-color:#00FF33;}
.goog-te-gadget div {margin-bottom:10px;}
.goog-te-gadget span {height:15px;}
a.goog-logo-link, .nav a.goog-logo-link {height:15px; padding:0px;}
white-space: nowrap {height:15px; margin:0px; padding:0px;}
.nav a { color: #fff; font-size: 12px; display: block; font-weight: bold; padding: 11px 0 10px 0; }
.nav a:hover { text-decoration: underline; }
.nav a.flags { display: inline-block; width: 27px; height: 18px; margin: 0 2px 0 0; }
.nav .search { float: left; display: inline; width: 194px; height: 40px; background: url(images/bg-search.gif) 0 0 no-repeat; background-position: -40px; }
.nav .search form { margin: 4px 0 0 12px; }
.nav .search input.text { width: 130px; border: 1px solid #fff; background: #fff; padding: 2px; font-family: arial, sans-serif; font-size: 11px; margin-top: 6px; }
.nav .search input.go { padding: 7px 0 0 10px; }
.homepageIntro { height: 507px; background: url(images/bg-homepageIntro.png) top right no-repeat; margin: 50px 0 10px 0; position: relative; z-index: 1; }
.explore-jupiter { position: absolute; top:33px; left:6px; }
.videoConsole { top: 244px; left: 10px; width: 420px; position: absolute; z-index: 2; }
.videoConsole-home { z-index: 2; width: 240px; display: inline; position: absolute; left: 0px; top: 290px;}
.videoConsole p, .videoConsole-home p { font-size: 12px; color: #00325a; margin: 2px 0 10px 0; }
/* Rotator */
#rotatorWrapper { width: 555px; height: 15px; position: relative; margin: 6px 10px 0 60px; overflow: hidden;  }
#rotator { width: 555px; height: 15px; z-index: 10; }
.rotatorContainer { width: 555px; height: 15px; overflow: hidden; }
.homepageIntro .newsTicker { width: 625px; height: 30px; background: url(images/bg-newsTicker.gif) 8px 3px no-repeat #f5f6f6; float: left; display: inline; position: absolute; z-index: 3; top: 425px; left: 0; border: 1px solid #aaabad; }
.homepageIntro .newsTicker p { font-size: 12px; color: #333;}
.homepageIntro .newsTicker p a { color: #333; }
.homepageIntro .newsTicker p a:hover { text-decoration: underline; }

.inspired-by { top: 190px; left: 5px; width: 400px; position: absolute; z-index: 2; font-size: 14px; color: #000; }
.homepageIntro .quote { width: 260px; float: right; display: inline; font-size: 11px; color: #333; text-align: justify; position: relative; right: 0; top: 390px; }
.jupiterInAction { width: 932px; height: 160px; background: #ffffff url(images/bg-gradient.gif) repeat-x top; border: 1px solid #aaabad; }
.jupiterInAction h3 { font-size: 15px; margin: 5px 0 3px 12px; }
/*.jupiterInAction ul { list-style: none; }
.jupiterInAction li { float: left; margin: 5px 4px 0 11px; }*/
/* jcarousel */
li.jcarousel-item a img { /*margin-right: 11px;*/ margin: 0 5px 0 5px; }
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 847px; height: 75px; padding: 20px 40px 20px 43px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 847px; height: 75px; }
.jcarousel-skin-tango .jcarousel-item { }
.jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/slider/next-horizontal-new.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/slider/prev-horizontal-new.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/* Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/slider/next-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/slider/prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.carousel { width: 932px; height: 130px; background: #ffffff url(images/bg-gradient.gif) repeat-x top; border: 1px solid #aaabad; }
.carousel h3 { font-size: 15px; margin: 5px 0 3px 12px; }
.carousel ul { list-style: none; /*width: 90%;*/ width: 930px; margin: 0 auto; }
.carousel li { float: left; margin: 5px 0 0 0; padding: 0 50px 0 50px; border-right: 1px solid #aaabad; vertical-align: middle; height: 118px; text-align: center; }
.carousel li.noborder { border: 0; }
.carousel a { color: #333; }
.jupiterNav { margin: 10px 0 10px 0; text-align: left; position:relative; }
.jupiterLogo { width: 142px; height: 38px; float: left; display: inline; margin: 5px 0 0 0; }
.jupiterNav ul { float: left; display: inline; margin-left: 20px; }
.jupiterNav li { float: left; display: inline; }
.jupiterNav li a { display: block; padding: 10px; font-size: 16px; color:#003366; }
.jupiterNav li a:hover { text-decoration: underline; }
.grayContentBox { margin: 70px 0 10px 0; position: relative; }
.grayContentBox-popup { margin: 0px 0 10px 0; }
.grayContentBox h3, .grayContentBox-popup h3 { margin-bottom: 15px; }
.grayContentBox p, .grayContentBox-popup p { margin: 10px 0 10px 0; }

#us-map { position: relative; z-index:1; top:-113px; right:0px; float: right; width: 571px; height: 555px; }
.usa-map { width:571px; height:555px; position:relative; background: url(images/usa/usa-map.gif); }
.alaska { display:block; width:146px; height:123px; z-index:2; position:absolute; top:405px; left:43px; }
.alaska:hover { background: url(images/usa/alaska.gif) no-repeat; }
.alliance-audio-group { display:block; width:130px; height:86px; z-index:3; position:absolute; top:300px; left:31px; }
.alliance-audio-group:hover { background: url(images/usa/alliance-audio-group.gif) no-repeat; }
.cadon-technical-sales { display:block; width:171px; height:101px; z-index:3; position:absolute; top:220px; left:215px; }
.cadon-technical-sales:hover { background: url(images/usa/cadon-technical-sales.gif) no-repeat; }
.cl-pugh { display:block; width:140px; height:128px; z-index:2; position:absolute; top:163px; left:344px; }
.cl-pugh:hover { background: url(images/usa/cl-pugh.gif) no-repeat; }
.eaton { display:block; width:64px; height:56px; z-index:2; position:absolute; top:168px; left:454px; }
.eaton:hover { background: url(images/usa/eaton.gif) no-repeat; }
.eda-pro-group { display:block; width:165px; height:113px; z-index:2; position:absolute; top:285px; left:352px; }
.eda-pro-group:hover { background: url(images/usa/eda-pro-group.gif) no-repeat; }
.hawaii { display:block; width:80px; height:50px; z-index:2; position:absolute; top:487px; left:220px; }
.hawaii:hover { background: url(images/usa/hawaii.gif) no-repeat; }
.jba { display:block; width:32px; height:39px; z-index:2; position:absolute; top:213px; left:503px; }
.jba:hover { background: url(images/usa/jba.gif) no-repeat; }
.kodo-james { display:block; width:134px; height:93px; z-index:2; position:absolute; top:145px; left:216px; }
.kodo-james:hover { background: url(images/usa/kodo-james.gif) no-repeat; }
.loft-av { display:block; width:38px; height:78px; z-index:2; position:absolute; top:181px; left:345px; }
.loft-av:hover { background: url(images/usa/loft-av.gif) no-repeat; }
.marketing-concepts { display:block; width:192px; height:153px; z-index:2; position:absolute; top:310px; left:194px; }
.marketing-concepts:hover { background: url(images/usa/marketing-concepts.gif) no-repeat; }
.michael-chafee { display:block; width:100px; height:74px; z-index:2; position:absolute; top:375px; left:398px; }
.michael-chafee:hover { background: url(images/usa/michael-chafee.gif) no-repeat; }
.richard-deam-assoc { display:block; width:60px; height:98px; z-index:2; position:absolute; top:123px; left:505px; }
.richard-deam-assoc:hover { background: url(images/usa/richard-deam-assoc.gif) no-repeat; }
.signal-marketing { display:block; width:149px; height:249px; z-index:2; position:absolute; top:146px; left:87px; }
.signal-marketing:hover { background: url(images/usa/signal-marketing.gif) no-repeat; }
.the-farm-av-pnw { display:block; width:138px; height:104px; z-index:2; position:absolute; top:128px; left:16px; }
.the-farm-av-pnw:hover { background: url(images/usa/the-farm-av-pnw.gif) no-repeat; }
.the-farm-av { display:block; width:108px; height:97px; z-index:2; position:absolute; top:216px; left:10px; }
.the-farm-av:hover { background: url(images/usa/the-farm-av.gif) no-repeat; }
.towels-marketing { display:block; width:85px; height:91px; z-index:2; position:absolute; top:212px; left:429px; }
.towels-marketing:hover { background: url(images/usa/towels-marketing.gif) no-repeat; }
.symetrix { display:block; width:78px; height:79px; z-index:2; position:absolute; top:235px; left:368px; }
.symetrix:hover { background: url(images/usa/unnamed.gif) no-repeat; }
#alaska-text, #alliance-audio-group-text, #cadon-technical-sales-text, #cl-pugh-text, #eaton-text, #eda-pro-group-text, #hawaii-text, #jba-text, #kodo-james-text, #loft-av-text, #marketing-concepts-text, #michael-chafee-text, #richard-deam-assoc-text, #signal-marketing-text, #the-farm-av-pnw-text, #the-farm-av-text, #towels-marketing-text, #symetrix-text { position:absolute; left:0px; top:16px; width:570px; height:116px; z-index:17; visibility: hidden; }

.verdana20ptBoldItalGray { color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-style:italic; font-weight:bold; }
.arial11p { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; }
.arial11pbold { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#world { margin-top:0px; }
#world-map { float: right; width: 568px; height: 368px; margin-bottom:25px; }
#south-america, #international-asia, #international-europe, #canada-text { position:absolute; right:0; top:630px; width:570px; height:116px; z-index:17; visibility: hidden; }
.world-map-container { width:568px; height:368px; position:relative; background: url(images/world-map.jpg); text-align:center; border:1px solid #4f4f4f; }
.sa { display:block; width:141px; height:227px; z-index:2; position:absolute; top:128px; left:49px; }
.sa:hover { background: url(images/regions.jpg) -3px -7px no-repeat; }
.asia { display:block; width:193px; height:350px; z-index:2; position:absolute; top:75; left:375px; }
.asia:hover { background: url(images/regions.jpg) -152px 71px no-repeat; }
.europe { display:block; width:330px; height:300px; z-index:1; position:absolute; top:29; left:180px; }
.europe:hover { background: url(images/regions.jpg) -13px -284px no-repeat; }
.canada { display:block; width:139px; height:95px; z-index:1; position:absolute; top:14px; left:59px; }
.canada:hover { background: url(images/canada.jpg) 0 0 no-repeat; }
.videoLoader { float: right; position: relative; width: 302px; height: 284px; }
.imgHeader { float: right; position: relative; width: 450px; }
.imgHeader img { float: right; }
.table_content_threecolumn { width: 100%; }
.table_content_left_narrow, .table_content_right_narrow { width: 150px; }
.table_content_left_narrow { text-align: left; }
.table_content_right_narrow { text-align: right; }
#videoplayer { width: 600px; height: 338px; float: left; display: inline; margin: 0 25px 35px 0; }
.videosubnav { width: 250px; float: left; display: inline; margin-bottom: 35px; }
.centerContainer { width: 900px; margin: 0 auto; }
.bucketContainer { width: 30%; float: left; display: inline; margin: 25px 15px 25px 15px; }
.bucket { background: url(images/bg-bucket.gif) 0 0 repeat-x #fff; /*height: 240px; */ border: 1px solid #c6c6c6; font-size: 13px; }
.bucket ul { list-style: none; margin: 12px 0 0 12px; }
.bucket li { margin: 8px 0 8px 0; }
.bucket li a { font-size: 12px; }
.bucket li a:hover { text-decoration: underline; }
ul.videos { margin: 0; font-size: 12px; list-style: none; }
ul.videos li { display: inline; }
ul.videos li a { display: block; padding: 4px 0 4px 0; }
ul.videos li a:hover { text-decoration: underline; }
.lists { list-style: none; margin: 12px 0 0 0; }
.lists li { margin: 5px 0 5px 0; }
.lists li a { font-size: 12px; }
.lists li a:hover { text-decoration: underline; }
.breadcrumbLinks { background: url(images/img-sym-logo.gif) 12px 12px no-repeat transparent; font-size: 12px; padding: 12px; margin-top: 10px; }
.breadcrumbLinks ul { list-style: none; margin: 2px 0 0 0; }
.breadcrumbLinks li { float: left; margin: 0 8px 0 0; }
.breadcrumbLinks p, .breadcrumbLinks a { color: #333; font-size: 12px; }
.breadcrumbLinks a:hover { text-decoration: underline; }
.breadcrumbLinks table { margin-top: 25px; }
.breadcrumbLinks .symLink { display: block; float: left; height: 25px; width: 40px; margin-right: 8px; }
.breadcrumbLinks table td { width: 33%; }
.footer { min-height: 35px; background: url(images/bg-footer.gif) 0 0 no-repeat; margin: 10px 0 0px 0; padding: 50px 0 30px 0; display:block; }
.footer p { font-size: 11px; color: #333; }
.footer p.center { text-align: center; color: #999; margin-top: 35px; }
.footer a { color: #00325a; }
.footer a:hover { text-decoration: underline; }
h1 { font-size: 24px; color: #333; }
h2 { font-size: 20px; color: #333; margin-bottom:15px; }
h3 { font-size: 18px; }
p.highlight { font-size: 12px; line-height: 1.4; margin: 15px 0 15px 0; padding: 5px; border: 1px solid #f2f2f2; }
input, select, textarea, file { font-family: arial, sans-serif; font-size: 12px; padding: 2px; }
.clear { display: block; clear: both; }
.floatright { float: right; display: inline; margin: 0 0 25px 35px; }
.floatleft { float: left; display: inline; margin: 0 35px 25px 0; }
.formtable { width: 100%; border: 0; border-collapse: collapse; font-size: 12px; }
.formtable td { padding: 3px 0 3px 0; }
table td { vertical-align: top; }
.table_2_column { width: 100%; margin-bottom: 25px; }
.table_2_column td img { padding:10px; }
.table_3_column { width: 100%; margin-bottom: 35px; }
.table_3_column td { width: 33%; }
.table_4_column { width: 100%; margin-bottom: 35px; }
.table_4_column td { width: 25%; }
.searchpage .page { margin-bottom: 25px; }
/* Sitemap */
table.sitemap ul { list-style: none; padding: 0; margin: 0; font-size: 12px; }
table.sitemap li { list-style: none; float: none; }
/* Start Blog */
#sidebar { width: 220px; float: right; }
#sidebar li { float: none; position: relative; text-align: left; cursor: default; font-size: 12px; }
#sidebar ul { margin: 0.5em 0 0.5em 0; line-height: 2em; }
#sidebar h2 { font-weight: bold; font-size: 19px; display:block; line-height: 26px; text-decoration: none; color: #3D5B92; border-top: solid #3D5B92 1px; width: 220px; margin-top: 15px; }
.navigation { display: block; text-align: center; margin-top: 10px; padding-bottom: 60px; }
.navigation .alignleft, .navigation .alignright { width: 45%; }
.navigation .alignright { text-align:right; }
.navigation .alignleft { text-align:left; }
small { font-size: 10px; line-height: 14px; }
.rss img { vertical-align:bottom; }
.postmetadata { font-size: 11px; color: #333333; }
.postline { border-bottom: dotted #666666 1px; padding-bottom: 5px; }
.date { font-size: 11px; color: #333333; }
.entrywrapper { padding-bottom: 5px; }
.entry { text-align: left; line-height: 1.5em; padding-right: 10px; padding-bottom: 0px; margin-top: -1px; }
.entry ul li { list-style: disc; margin: 0.5em 0 0.5em 2em; line-height: 1.25em; }
.entry ul { width: 97%; margin: 0 auto 1em auto; padding: 0; }
.post { margin: 0 0 10px 0; text-align: justify; }
.clear { clear: both; }
/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Clear Fix Code */
.ClearFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .ClearFix { height:1%; }
/* WinIE6 and below */
* html .ClearFix { height:1%; }
/* MacIE only */
/*�*//*/
.ClearFix{
	display:inline-table;
 }
/**/



#videos { float: left; width: 250px; display: inline; margin-bottom: 35px; }
#videos .current_page_item { font-weight: bold; }
#videoLoader { float: right; width: 640px; display: inline; margin-bottom: 35px; height: 505px; }

.description { font-size: 8pt; color: #666; }

/* Translation Bar */
#translation_bar { width: 136px; }
#flag_en { float: left; width: 16px; height: 11px; overflow: hidden; padding: 15px 0 0 15px; }
#flag_zh-CN { float: left; width: 16px; height: 11px; overflow: hidden; padding: 15px 0 0 15px; }