body {
        background: #ffffff;
}

body, td, th, div, li, p {
        font-size: 9pt;
	line-height: 1.4em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        color: #413f3f;
}

a, a:visited, a:link, a:hover { 
        color: #413f3f;
        text-decoration: underline; 
}

#menubox {
        height: 17px;
        background-color: #003366;
        font-family: Tahoma;
        font-weight: bold;
        color: #ffffff; 
        text-align: center;
}

#menubox ul {
        list-style-type: none;
        padding: 1px 0px 0px 20px;
        margin: 0px;
}

#menubox ul li {
        height: 5px;
        float: left;
        padding: 1px 0px 1px 0px;
        margin: 0px;
        background-color: #003366;
        display: inline;
}

#menubox ul li a:link, #menubox ul li a:active, #menubox ul li a:visited {
        height: 5px;
        float: left;
        position: relative;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 9pt; 
        font-style: normal;  
        font-weight: bold; 
        color: #ffffff; 
        text-decoration: none; 
        background: #003366; 
        text-align: center;
}

li.menuboxSelected {
        background: #413f3f; 
}

td.tabHeader, td.selectedTabHeader, td.highlightTabHeader { 
        font-family: Tahoma;
        font-weight: bold;
        color: #ffffff; 
        background: #413f3f; 
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
}
 
td.selectedTabHeader { 
        color: #003366;
        background: #c7defc; 
} 

td.highlightTabHeader {
        background: #555555;
}

a.tabHeader:link, a.tabHeader:visited {
        color: #ffffff;
        text-decoration: none;
}

a.selectedTabHeader:link, a.selectedTabHeader:visited {
        color: #003366;
        text-decoration: none;        
}

.header {
        background: #003366; 
}

.subHeader {
        height: 10px;
        background: #c7defc;
}

.insideLeftNav {
        background: #c7defc;
}

.insideContent {
        padding: 10px;
        border-right:2px solid #c7defc; 
}

#lady {
        background-image: url(/images/sa1.jpg);
        background-repeat: no-repeat;
        height: 286px;
        width: 480px;
}

#leftGutter {
        background-image: url(/images/qp_gutter_left.gif);
        background-repeat: repeat-y;
        background-position: top;
        width: 10px;
        height: 100%;
}

#rightGutter {
        background-image: url(/images/qp_gutter_right.gif);
        background-repeat: repeat-y;
        width: 10px;
        height: 100%;
}

#topStripe {
        border-bottom: 4px solid #dedede;
}


.h1Special,.h2Special,.h3Special,.h4Special {
        color:#262626;
        font-family: Georgia;
}

.h1Special {
        font-size: 3em;

}
        
.h2Special {
        font-size: 1.5em;
}

.h3Special {
        font-size: 1.5em; 
}

.h4Special {
        font-size: 1em; 
}

.h1SpecialBlue,.h2SpecialBlue,.h3SpecialBlue,.h4SpecialBlue {
        color: #336699;
        padding: 3px;
}

.h1SpecialBlue {
        font-size: 2.5em;

}
        
.h2SpecialBlue {
        font-size: 1.5em;
}

.h3SpecialBlue {
        font-size: 1.25em; 
}

.h4SpecialBlue {
        font-size: 1em; 
}


#bodyWrapper {

}

#bodyContainer {
        text-align: left;
        width: 970px;
}

#header {    
        background: url(/images/sa-masthead.gif) no-repeat;
        height: 75px;
}

#fullContent {
        min-height: 440px;
        _height: 440px;
}

#leftContent {
        padding: 0px 1px 0px 2px; 
        float: left; 
        width: 163px; 
        min-height: 440px;
        _height: 440px;
}

#rightContent {
        border-left: 1px solid #cccccc;
        margin-left:165px;
        min-height: 440px;
        _height: 440px;
}

.clearboth { 
        clear: both; 
}

.quote {
        background: #ECF7DD;
        border-bottom:1px solid #B5D08C;
        border-top:1px solid #B5D08C;
        height:150px;
        margin-bottom:50px;
        margin-top:20px;
        padding:16px 0;
}

.quote p {
        color:#00000;
        float:left;
        font-size:20px;
        line-height:26px;
        margin-left:40px;
        width:550px;
}

.quote #logo {
        margin-left:40px;
        border:none;
        float:left;
}
.quote img {
        border:2px solid #ffffff;
}

.quote cite {
        float:right;
        font-size:14px;
        margin-right:20px;
        margin-top:16px;
        display:block;
}



div#actions a {
-x-system-font:none;
display:block;
float:right;
font-family:'Corbel','Calibri','Lucida Sans','Geneva','Helvetica Neue','Helvetica','Tahoma','Verdana',sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:17px;
line-height:12px;
margin:0;
padding:28px 0 0;
text-align:center;
text-decoration:none;
width:53px;
}

div#actions a#sales:link,
div#actions a#sales:visited {
        background:url('/images/action_sales.png') no-repeat center top;
}

div#actions a#sales:hover,
div#actions a#sales:active {
        background:url('/images/action_sales.png') no-repeat center bottom;

}

div#actions a#buy:link,
div#actions a#buy:visited {
        background:url('/images/action_buy.png') no-repeat center top;
}

div#actions a#buy:hover,
div#actions a#buy:active {
        background:url('/images/action_buy.png') no-repeat center bottom;
}

div#actions a#try:link,
div#actions a#try:visited {
        background:url('/images/action_try.png') no-repeat center top;
}

div#actions a#try:hover,
div#actions a#try:active {
        background:url('/images/action_try.png') no-repeat center bottom;
}

img { -ms-interpolation-mode: bicubic; } /* Force IE to resize images properly */
img, a img, hr, table { border: none; }
a { color: #0f4692; text-decoration: none; }
a:hover div { *cursor: pointer; }
hr { background-color: #D6D6D6; height: 1px; width: auto; }
p a:hover { text-decoration: underline; }



#header { background: transparent url('/images/header-bg.jpg') repeat-x top left; border-top: 2px solid #c41e34; border-bottom: 1px solid white; height: 122px; position: relative; text-align: center; z-index: 1000; }
#techweb { float: left; margin: 12px 0px 14px 32px; }
#ubm { float: right; margin: 22px 27px 0px 0px; }

#menu {
background: transparent url('/images/header-shading.jpg') no-repeat top center;
margin: 0px auto 0px auto;
width: 1003px;
}
#menu #nav {
border: none;
clear: both;
font-family: 'DIN Bold', 'Segoe UI', Arial, Helvetica, sans-serif;
letter-spacing: 1px;
margin: 0px auto 0px auto;
padding: 0px;
}
#menu #nav td { background: transparent url('/images/nav-divider.gif') no-repeat top left; float: left; margin: 0px; padding-left: 1px; }
#menu #nav td.first { background-image: none; }

#menu #nav td a { 
background: transparent url('/images/nav-bg-swap.gif') repeat-x top left; 
color: #25282d; 
border-bottom: 2px solid transparent; 
border: none; 
display: block; 
font-size: .8em; 
height: 23px; 
padding: 9px 13px 0px 13px; 
text-decoration: none; 
text-transform: uppercase; 
}

#menu #nav td a:hover, #menu #nav td a.selected {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("/images/nav-bg-swap.gif");
background-position:left bottom;
background-repeat:repeat-x;
border-bottom-color:#C42029;
border-bottom-style:solid;
border-bottom-width:2px;
color:white;
}


#main-content { margin-left: 0px; width: auto; }


.stepcarousel {
        background: transparent url('/images/carousel-bg.jpg') no-repeat bottom left;
        position: relative; /*leave this value alone*/
        border: 1px solid #e4e4e4;
        border-bottom: 3px solid #ffd660;
        overflow: scroll; /*leave this value alone*/
        width: 968px; /*Width of Carousel Viewer itself*/
        height: 320px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
        position: absolute; /*leave this value alone*/
        left: 0;
        top: 0;
}
.stepcarousel .panel {
        float: left; /*leave this value alone*/
        height: 320px; /* 221 - 23 */
        margin: 0px; /*margin around each panel*/
        overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
        padding: 23px 40px 0px 50px;
        width: 980px; /* 968 - 574 - 40  Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}




#main-content .stepcarousel .panel h1 { font-family: 'GillSansMT', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1em; margin-bottom: 0px; }
#main-content .stepcarousel .panel h1, #main-content .stepcarousel .panel h1 a { color: #435664; }
#main-content .stepcarousel .panel .boxcontent { color: #888888; font-size: 1.3em; margin-top: 40px;width:490px; }
#main-content .stepcarousel #panel-1 { background: transparent url('/images/sa-home-970x320.jpg') no-repeat 0px -1px; }
#main-content .stepcarousel #panel-2 { background: transparent url('/images/solutions.jpg') no-repeat 0px -1px; }
#main-content .stepcarousel #panel-3 { background: transparent url('/images/aboutus.jpg') no-repeat 0px -1px; }
#main-content .stepcarousel #panel-4 { background: transparent url('/images/clients.jpg') no-repeat 0px -1px; }
#main-content .stepcarousel #panel-4 h1 { margin-top: 0px; }
#main-content #mygallery, #main-content #mygallery-nav {
margin: 0px auto;
}

.boxcontent a {
text-decoration:none;
color:#888888;
}

#content{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color:#666;
	padding:10px;
}

.surveyanalytics_section{

}

.section_left{
	width: 495px;
	float: left;
	margin-right: 10px;
	padding: 10px 0px 0px 15px;
}

.section_plain{
        float: left;
        margin-right: 10px;
        padding: 15px;
}

.section_icon{
	margin: 0 10px -10px 0;
}

.surveyanalytics_section h2{
	font-size: 22px;
	display: inline;
	line-height:1;
	color:#023E7A;
}

.section_left p{
	margin-left: 7px;
}

.section_right{
	width: 310px;
}

#safeature ul {
margin:5px 0 0 1.25em;
padding:0 0 0 1.25em;
list-style:none;
}

#safeature ul li {
	padding:0px 0px 0px 19px;
	background: url(/images/bullet.png) no-repeat;
	margin: 17px 0 0 0;
}

#safeature ul p{
	margin: 0 0 10px 0;
}

.actions{
	list-style: none;
}
.actions li{
	margin-bottom: 10px;
}

.actions img{
	margin: 0 3px -3px 0;
}

.surveyanalytics_section a{
	color:#023E7A;
}

.surveyanalytics_section a:hover{
	color:#0074D3;
}