@charset "UTF-8";
/************************************************************************************************/
/* CONTENT Stylesheet
 * Designed/Developed by Sage Media. 
 * Copyright 2010 Hemisphere Expo Services, All Rights Reserved.
 */
/************************************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Nobile:regular,i,b,bi|Yanone+Kaffeesatz:300,400);


/* Build */
/************************************************************************************************/

* {outline:none;}

body {
	font: 0.65em/1.25em 'Nobile', Helvetica, Arial, sans-serif;
	color:#343434;
	width:100%; 
	height:100%; 
	text-align:center;
}

#addthis {
	width:83px; 
	height:20px; 
	position:absolute; 
	left:0px; 
	top:0px
}

#container {
	width:970px;
	max-width:970px;
	position:relative;
	overflow:visible;
	height:100%;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
}

#content {
	background-color:#dedede; 
	border:1px solid #ebebeb; 
	width:950px; 
	padding:10px; 
	border-width:1px 0; 
}

.section {background-color:#FFF; padding:10px; margin-bottom:10px; position:relative; overflow:hidden}
.six33 {width:633px; overflow:hidden}
.section p {line-height:1.5em}
.section ul {list-style:outside url(/images/bullet.png); margin:10px 0 10px 15px}
.section form ul {margin:0; list-style:none outside none}
.section li {margin:7px 0; line-height:1.2em}
.section form ul li {margin:0; line-height:1em;}
.section ul li ul {margin-left:5px}
.section em strong {font-size:1.1em}

.title {background:url(/images/svsbanner.png); min-height:80px; max-height:80px; height:80px; position:relative}
.titlelink {position:absolute;left:485px;bottom:-1px;height:37px;width:83px}


/* Controls & Classes */
/************************************************************************************************/

a:link {color:#2f7987; text-decoration:none}
a:visited {color:#2f7987; text-decoration:none}
a:hover {color:#333333; text-decoration:none}
a:active {color:#2f7987; text-decoration:none}

h1 {margin-top:5px; font-size:19px; line-height:22px; font-weight:400; }
body#home h1 {position:absolute; top:76px; left:49px; z-index:-1; font-size:1.5em;}
body#sub h1 {position:absolute;	top:58px; z-index:1; color:#EEE; height: 20px; font: 2.6em/1.25em 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;}

h2 {font: 1.95em/1.25em 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; }
#banner h2 {padding-right:110px; padding-top:15px; margin-bottom:20px; clear:both;}

h3 {font: 2.0em/1.1em 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; float:left; display:inline-block; width:105%; margin-bottom:10px; padding-bottom:3px; border-bottom:5px solid #343434;}
h3.h3sub {font-size:16px; color:#666; border-bottom:1px solid #dedede; margin-top:15px; margin-bottom:5px}

h4 {font: 1.85em/1.25em 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; color:#778d38}

h5 {font: 1.55em/1.4em 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;}

h6 {font: 1.45em/1.2em 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; text-align:left}

ul {list-style:outside; padding-left:12px}
em, i {font-style: italic}
img {border:0; margin-bottom:-3px}
sup, sub {vertical-align: baseline;}
sup {font-size:0.6em; line-height:0.5em;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
strong {font-weight:bold}
hr {border:0; border-top:1px dotted #FFF; margin:0 0 10px 0; padding:0; clear:both}

aside {display:inline-block; width:90px; height:auto; background:#343434; color:#eee; padding:15px; font-size:0.9em; line-height:1.1em}
aside h2 {font-size:2em; line-height:1.15em; margin-bottom:5px}

.col3 {float:left; display:inline-block; width:177px; padding:10px; margin-right:10px;}
.cols3 {background:url(/images/3cols.jpg) repeat-y; margin-bottom:10px}

.scol4 {float:left; display:inline-block; width:60px; padding:5px; margin-right:1px}
.scols4, .cols4h {background:url(/images/side4cols.png) repeat-y; margin-top:1px; font-size:0.8em; text-align:center}
.scols4h {background:url(/images/side4col.png) repeat-y; color:#FFF}

.scol2 {float:left; display:inline-block; width:129px; padding:5px; margin-right:1px}
.scol2 ul, .scols2 ul li {margin:0}
.scols2 ul li {margin-bottom:5px}
.scols2, .scols2h {background:url(/images/sidecol2s.png) repeat-y; margin-top:1px; font-size:0.9em; padding-left:5px}
.scols2h {background:url(/images/sidecol2h.png) repeat-y; color:#FFF}



.fl {float:left; display:inline-block; margin:0 12px 5px 0}
.fr {float:right; display:inline-block; margin:0 0 5px 12px}
.expand {letter-spacing:0.05em}

.green {background-image:url(/images/bggreen.jpg); color:#eee}
.green h4 {color:#eee}
.green h4 a {color:#eee}

.gray {background-image:url(/images/bggray.jpg); color:#eee; padding:15px 20px;}


/* Universal Elements */
/************************************************************************************************/

/* Header & Menu */
/***********************/
header {
	background:#333 url(/images/menu.jpg) top center no-repeat; 
	height:12px; 
	width:946px; 
	padding:8px 12px;
}

nav {
	color:#d8d8d8; 
	text-transform:uppercase; 
}

nav a:link {color:#d8d8d8}
nav a:visited {color:#d8d8d8}
nav a:hover {color:#41c8e1}
nav a:active {color:#d8d8d8}

.sf-menu {list-style:none; margin:0; padding-left: 5px; padding-right:0; font-size:0.85em; line-height:1.2em;}
.sf-menu li {display:block; border-right:1px solid #545454; height:14px; padding:6px 10px 6px 8px; color:#d8d8d8; float: left; position:relative; top:-6px}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu ul {position: absolute; top: -999em; width: 175px;}
.sf-menu ul li {width: 100%; height:10px; color:#d8d8d8; background:url(/smartict/images/trans.png); border:1px solid #545454; border-top:0;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -12px; top: 32px; /* match top ul list item height */ z-index: 99; list-style:none;}


/* Footer */
/***********************/

.footer {height:5px; clear:both; text-align:right; color:#CCC; background-color:#333; font-size:1px; margin-bottom:10px}
/*body#home .footer {height:40px; width:950px; font-size:0.9em; padding:10px}*/
.footer img {margin:0 0 0 7px}

footer {font-size:0.9em; padding-top:10px}
footer p {line-height:1.3em; padding-top:4px; text-indent:3px}
footer img {float:left; margin-right:10px}
footer a {font-size:0.9em; margin:0px 3px}
footer a:link {color:#333}
footer a:visited {color:#333}
footer a:hover {color:#2f7987}
footer a:active {color:#333}

#designer {display:block; float:right}
#designer img {border:0; margin-top:9px}
#designer a .icon {display:none; z-index:999; line-height:1.5em; font-style:italic}
#designer a:hover .icon {display:block; margin:0 0 0 -100px; text-align:right; color:#999;}



/* Homepage */
/***********************/
#banner {width:573px; height:177px; padding:135px 20px 20px 20px; background:transparent url(/images/banner.jpg);}
.fortyfive {height:45px}
.video {background: #fff; padding:10px; background:#eee; clear:both; -webkit-border-radius:5px; -moz-border-radius:5px }
.hovershot {display:block; float:left; width:117px; font-size:0.8em; padding-top:0px; margin-left:1px; text-align:center}
.hovershot img {border:0}
.hovershot .hoverthumb {margin-bottom:5px; border:4px solid #343434}
.hovershot a:link {outline:none;}
.hovershot a:hover {cursor:default;}
.hovershot a .icon {display:none; z-index:999}
.hovershot a:hover .icon {display:block; position:absolute;	height:268px; width:258px; top:61px; left:21px}
.speakertext {background-color:#EEE; line-height:1; padding:5px 0 0 5px; float:right; width:240px; margin-left:-20px; height:41px;}
.speakertext em {color:#777; }
.hlink {width:100%; float:right; margin-right:-10px; padding-left:10px; padding-top:5px; color:#d8d8d8; height:15px; background-color:#333; font-size:9px; line-height:1em}
.hlink a {border:0; padding-left:0}



/* Speakers */
/***********************/
.speakerblock {background-color:#EEE; float:left; display:block; width:590px; padding:10px; margin:0 0 10px 0; border:1px solid #ddd; clear:both; -webkit-border-radius:5px; -moz-border-radius:5px}
.speakerblock img {float:left; margin:0 10px 0 0}
.speakerblock .txt {float:left; width:460px; text-align:justify}
.speakerblock strong {font-size:12px}


.demoblock {background-color:#eee; display:block; width:600px; padding:0 0 0 10px; margin:0 0 10px 0; border:1px solid #ddd; clear:both; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:right}
.demoblock img {margin-left:15px; border:3px solid #ddd; border-left-width:30px;}
.demoblock ul {float:left; display:inline-block; width:35%; text-align:left}


/* Sidebar Specials */
/***********************/
#sidewside {background:#FFF url(/images/homeh4.png) top left no-repeat; min-height:525px; overflow:hidden; border:10px solid white; border-right:0}
#sidewside h3 {margin-top:-20px; margin-left:35px; font-size:1.8em }
#sidewside h5 {text-indent:-9999px; font-size:8px;}
#sidewside p, #sidewside ul {padding-left:35px}
#sidewside ul ul {padding-left:5px; font-style:italic}

.sideblock {background-color:#EEE; display:block; width:274px; text-align:right; padding:0 0 0 10px; margin:0 0 10px 0; border:1px solid #ddd; clear:both; -webkit-border-radius:5px; -moz-border-radius:5px}
.sideblock img {display:inline-block; padding:1px; border:3px solid #ddd; border-left-width:10px; margin-bottom:-2px}
.sideblock h5 {float:left; display:inline-block; width:170px; height:auto; text-align:left; font-size:1.45em; line-height:1em; padding-top:8px}
.sideblock h6 {padding:7px 10px 10px 0; border-right:10px solid #dedede}

.aghead {background:url(/images/bggray.jpg); padding:5px 10px; color:#EEE; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; clear:both; text-transform:uppercase; letter-spacing:0.1em}
.agrow {background-color:#999; color:#FFF; padding:5px 5px 5px 8px; margin:1px 0; display:block; clear:both; border-left:8px solid #DDD}


/* Overrides */
/***********************/

.nofloat {float:none}
.clear {clear:both}
.first {margin-left:0px !important}
.pfirst {padding-left:0px !important}
.plast {padding-right:0px !important}
.pbot {padding-bottom:0px !important}
.last {margin-right:0px !important}
.nobo {border:0 !important}
.nom {margin:0 !important}
.alignleft {text-align:left !important}

.small {font-size:8px}
.eleven {font-size:11px}
.fifteen {font-size:15px}
.mbot10 {margin-bottom:10px}
.rel {position:relative}
.red {color:#C00}