/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:1em;line-height: 1.2em;font-weight: bolder;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;font-weight: bolder;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom: 1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a, a:link {color:#457DAE;text-decoration:none;font-weight: bold;outline: none;}
a:focus, a:hover {text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#888;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.lighter {font-weight: lighter;}
.bold {font-weight: bold;}
.clear {clear: both;}

/* content */
body {background: #efefef;}
#page {width: 960px; border-width: 1px; border-style: solid; border-color: #DDDDDD #AAAAAA #AAAAAA #DDDDDD; margin-top: 10px;}
#header {background: #fff;width: 930px;height: 35px;padding: 10px 10px 10px 20px;}

/*popup*/
#signin-popup {
	background: #1a1a1a;
	border: 1px solid white;
    display:none;
	padding: 10px;
	position: absolute;
	right: 0px;
    top: 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#signin-popup .sign-in-button {
    font-size: 120%;
}
#signin-popup .tail {
    background: transparent url('../images/speech_tail.gif') top left no-repeat scroll;
    height: 10px;
    position:absolute;
    right:15px;
    top:-10px;    
    width: 20px;
}
#signin-popup ul {
	display: block;
    margin: 0px;
}
#signin-popup ul li {
    display: block;
    margin: 0px;
    padding: 10px;
    text-align: center;
}
#signin-popup li a {
    color:#FFFFFF;
    min-width: 14em;
}

#register-popup {
	background: #1a1a1a;
	border: 1px solid white;
    display:none;
	padding: 10px;
	position: absolute;
	right: 0px;
    top: 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#register-popup .sign-in-button {
    font-size: 120%;
}
#register-popup .tail {
    background: transparent url('../images/speech_tail.gif') top left no-repeat scroll;
    height: 10px;
    position:absolute;
    right:15px;
    top:-10px;    
    width: 20px;
}
#register-popup ul {
	display: block;
    margin: 0px;
}
#register-popup ul li {
    display: block;
    margin: 0px;
    padding: 10px;
    text-align: center;
}
#register-popup li a {
    color:#FFFFFF;
    min-width: 14em;
}

a#logo {display: block; background: #efefef url('../images/logo.gif') no-repeat; float: left; height: 35px; width: 100px;}
#user-tools {color:#666666; display:inline; float:right; list-style-image:none; list-style-position:outside; padding: 7px; margin-right: 0;}
#user-tools li {display: inline; margin-left: 15px; position: relative;}
#content {padding: 20px;}
#home_banner {background: #457DAE url('../images/gradient_blue.gif') repeat-x scroll left top; padding: 25px; color: #fff; border-top: 1px solid #1D5280; border-bottom: 2px solid #457DAE; width: 910px; font-size: 24px; text-align: center;font-weight: lighter; letter-spacing: .1em;}
#products_wrapper {overflow: hidden; width: 920px;padding: 30px 0 0;}
.product {float: left; width: 300px; height: 280px;margin-left: 5px;}
.product:hover {text-decoration: none;}
.product:hover h3 {text-decoration: underline;color: #000;}
.product p {font-weight: normal;}
.product .product_img {background: url('../images/shadow.gif') no-repeat; height: 183px; width: 284px; padding-left: 9px;}
.product .product_desc {padding-top: 10px; text-align: center;}
.product .product_desc h3, #products_wrapper .product .product_desc p {margin: 0;}
.product .product_desc h3 {line-height: 2em;}
.product .product_desc p {line-height: 1.2em;}
.product .product_desc a {font-weight: normal; line-height: 1.2em;}
.product_desc a:hover { color: #333333; } 
/* make the products look clickable all over */
.product.clickable {
    cursor: pointer;
}

#footer {width: 960px; background: transparent;}
#footer ul {list-style-type: none; margin-left: 0;color: #666;}
#footer ul li strong a {font-weight: bolder;}
#footer ul li a {color: #666;font-weight: lighter;}
#footer ul li a:hover {text-decoration: underline;}
#footer #site_map_wrapper {}
#footer #site_map_wrapper .column {float: left; width: 200px; padding: 20px; text-align: left;}

.sign-in-button, .vidoop_button {
    background:#559824 url(../images/gradient_green.gif) repeat-x scroll left center;
    border:2px solid #347704;
    color:#FFFFFF;
    display: block;
    font-size:14pt;
    margin-right:0;
    padding:12px 10px;    
    text-shadow: #354804 0px 1px 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.sign-in-button:hover, .vidoop_button:hover {
    background-position: left top;
    text-decoration: none;
}
.vidoop_button {
    font-size:11pt;
    margin-bottom: 10px;
    text-align: center;
}
.vidoop_button:link, .vidoop_button:visited, .vidoop_button:hover { color: #ffffff; }

.video_description {
	color:#888888;
	font-size:90%;
	font-style:italic;
	margin-bottom:0;
	margin-left:5px;
	text-align:left;
}

#footer .disclaimer p {border-top: 1px solid #ccc; padding: 10px 30px;color: #666;font-size: 90%;}

#site_map_wrapper li.current_page_item a {text-decoration: underline;}

/* pages and sub-pages nav */
.sub_pages_wrapper {overflow: auto;width: 920px; padding: 10px 20px;background: #181818 url(../images/nav_gradient.gif) repeat-x scroll left top;color: #aaa;border-top: 1px solid #292929;border-bottom: 1px solid #393939;}
.sub_page_title {float: left;}
.sub_page_title h2 {margin-bottom: 0;color: #fff;}
ul.sub_pages_list {float: right; list-style-type: none;margin-right: 0;margin-bottom: 0;}
ul.sub_pages_list li {float: left; margin-left: 20px;}
ul.sub_pages_list li a {font-size: 100%; color: #aaa; font-weight: lighter;}
ul.sub_pages_list li.current_page_item a{font-weight: bolder; text-decoration: none;color: #fff;}

/* post entry */
div.entry {overflow: auto;padding: 15px;}
div.post {overflow: auto;margin: 0;}
div.post p {font-size: 95%;}

div.left {float: left;width: 430px;padding: 15px 0px 0 0;}
div.right {float: right;width: 415px;padding: 15px 0 0 15px;}
.main-content {float: left; width : 655px;}
.supporting-content { float: right; margin-left: 30px; width : 200px; }
div.right img {}

div.full {}

/* specific to page */
.button_small_text {font-size: 12px;}
#demo {display: none;}
table tr td {border-bottom: 1px solid #ccc; padding: 10px;}


/* press and media */
.press_wrapper {float: left;margin-bottom: 15px;width: 420px;}
.press_logo {float: left; width: 180px;}
.press_logo img {}
.press_quote {float: left; width: 230px; text-align: left;}

/* management */
#management #content dl dt {margin: 1.5em 0 0; padding: 0 0 0 120px; clear: both; font-size: 1.5em; font-weight: normal; color: #c33;}
#management #content dl dt p {margin-bottom: 10px;}
#management #content dl dt:first-child {margin-top: 0;}
#management #content dl dt div.photo {width: 90px; height: 110px; margin-left: -120px; float: left; overflow: hidden;}
#management #content dl dt div.photo:hover img {display: block; margin-top: -110px;}
#management #content dl dd {margin: 0 0 .3em; padding: 0 0 0 120px;font-size: 90%; text-align:left;}

/* news */
#news #content h3 {border-bottom: 1px dotted #CCC;}
#news #content blockquote {padding-left: 165px; position: relative; background: none; margin-bottom: 45px;}
#news #content blockquote p {margin-bottom: 5px;}
#news #content blockquote p.logo {position: absolute; left: 0; top: .8em; text-indent: 0;}
#news #content blockquote p.attribution {text-align: left;}

/* contact us */
#contact-us h2 {margin-bottom: 0; font-size: 1.7em;}
#contact-us.js #contact-tabs {margin: 0; list-style: none;}
#contact-us.js #contact-tabs li {float: left;}
#contact-us.js #contact-tabs li a {margin: 0 2px 0 0; padding: .6em 10px; display: block; font-size: .9167em; text-decoration: none; background: #f5f5f5;}
#contact-us.js #contact-tabs li.current a,
#contact-us.js #contact-tabs li a:hover {background: #e5e5e5; color: #000;}

#contact-us form {clear: both;}

#content form {margin: 0 0 1em; padding: 10px; background: #e5e5e5;}
#content form label {display: block;}
#content form label span {font-size: .8333em; text-transform: uppercase; letter-spacing: .1em; color: #c33;}
#content form input[type=text],
#content form textarea {width: 95%;}
#content form p.error {padding: 3px 5px 5px; margin: 0 -6px inherit; border: 1px solid #F33;}
#content form div {width: 100%; padding: 0 0 .5em;}