/* \*/
* html .gainlayout { height: 1%; }
/* */

html {
    overflow-y: scroll;
    background-color:#999;
}

/*::selection {
	background: #ff9944;  Safari 
	}
::-moz-selection {
	background: #ddd;  Firefox 
}
*/

a {
    outline:none;
}

body {
    -webkit-text-size-adjust: none;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:13px;
    font-style:normal;
    line-height:15px;
    letter-spacing:normal;
    text-align:justify;
    margin:1px;
    padding:0px;
    overflow:visible;
    height:100%;
}

img {
    border:none;
    outline:none;
    padding:0px;
}

p {
    padding-left:7px;
    padding-right:7px;
}

h1 {
    color:#EE6600;
    font-size:16px;
    line-height:18px;
    font-weight:bold;
    background:url('/header/images/hback.jpg');
    padding: 3px 0px 3px 10px;
    border-bottom: 1px solid #ccc;
    margin:0px;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
}

h2 {
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    color:#EE6600;
    font-size:16px;
    font-weight:bold;
    line-height:18px;
    border-bottom: 1px solid #ccc;
    background:url('/header/images/hback.jpg');
    padding: 3px 0px 3px 10px;
    margin:0px 0px 5px 0px;
}

h3 {
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    color:#EE6600;
    font-size:16px;
    font-weight:bold;
    margin:0px;
}

h4 {
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    color:#EE6600;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    padding:0px;
    margin-bottom:8px;
}

li {
    color:#333;
    margin:0px;
    line-height:15px;
    padding:0px 5px 6px 5px;
    text-indent: 0px;
    text-align: left;
    font-weight: bold;
}

li li {
    padding:2px 0px 4px 0px;
/*    margin-left: -10px;
*/    text-align: left;
}

/**Main container for everything**/
#container{
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    background:#f9f1e3;
    overflow:hidden;
    display:block;
    margin-bottom:0px;
    _background-color: #f9f1e3;
}

/**Main sub content within the container**/
#content{
    display:none;
    _display:block;
    overflow:hidden;
    margin:10px;
    background:transparent;
}

#image {
    margin:0px;
    padding:0px;
    float:left;
    height:275px;
    _height:240px;
    overflow:hidden;
}

/**Black float text on home page**/
.imageFloatText {
    text-align: left;
    overflow:visible;
    margin-top:60px;
    margin-left:20px;
    color:#444;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    width:350px;
    line-height:24px;
    margin-bottom:0px;
    background:transparent;
}

/**Orange float text on all pages**/
.orangeImageFloatText {
    overflow:hidden;
    margin-top:-240px;
    margin-left:20px;
    color:#e60;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:28px;
    text-align: left;
    font-weight:bold;
    width:300px;
    line-height:32px;
    background:transparent;
}

/**Float text on footer image on home page**/
#footFloatText {
    display:none;
    overflow:visible;
    background:transparent;
    position:absolute;
    top:720px;
    color:white;
    margin-left:160px;
    margin-top:-23px;
    _margin-top:-32px;
    height:0px;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:26px;
    text-align: right;
    font-weight:bold;
    width:170px;
    line-height:30px;
    float:right;
    z-index:999;
}


/**Wide content for pages without right panels**/
#content-left-wide {
    min-height:812px;
    display:block;
    background:white;
    width:976px;
    float:left;
    padding:0px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

#content-left-wide p {
    padding:20px;
}

#content-left-wide img {
    margin-left:35px;
    border: 2px solid #ccc;
}

#content-left-wide hr {
    margin:20px;
    width:890px;
}

#content-left-wide h1 {
    width:880px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom:15px;
    margin-left:20px;
}


/**Left content panel**/
#leftPanel {
    display:block;
    background:white;
    float: left;
    width: 618px;
    min-height:812px;
    height:812px;
    overflow: hidden;
    border:1px solid #ccc;
}

/**Right content panel**/
#rightPanel {
    float: right;
    height:813px;
    width:350px;
    padding:0px;
    overflow:hidden;
    border-bottom:1px solid #ccc;
    background: transparent;
}

/**Sub panel class in a right panel**/
.rightSubPanel {
    margin:0px 0px 10px 0px;
    padding:0px;
    border-spacing:0px;
    background:white;
    border:1px solid #ccc;
}

.lastRightSubPanel {
    margin:0px 0px 10px 0px;
    padding:0px;
    border-spacing:0px;
    background:white;
    border:1px solid #ccc;
    height:800px;
}

/**Tech panel on home page**/
#technologyPanel {
    overflow:hidden;
    height:252px;
    padding:0px;
    background:transparent;
}

#technologyPanel div h1 a img {
    vertical-align: top;
    margin-top:20px;
    margin-left:0px;
    padding-left:0px;
}

#technologyPanel h1 {
    border:1px solid #bbb;
    margin-bottom:5px;
    margin-top:0px;
    padding-bottom:3px;
    padding-left:5px;
    font-size:15px;
}
#technologyPanel h1 img {
    padding-top:1px;
    padding-right:0px;
    vertical-align: top;
}


#technologyPanel h2 img {
    padding-top:6px;
    padding-right:0px;
    vertical-align: top;
}


#technologyPanel h2 {
    border:1px solid #ccc;
    padding-left:10px;
    font-size:13px;
    background:transparent;
    margin-bottom:5px;
}

#technologyPanel h1 a {
    text-decoration: none;
    color:#f60;
}

#technologyPanel h1 a:hover {
    text-decoration: underline;
    color:#555;
}

#technologyPanel div {
   background:#fffffa;
}

#technologyPanel div:hover {
    background:#fae0bb;
}


#technologyPanel h2 a {
    text-decoration: none;
    color:#555;
    font-weight:bold;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
}

#technologyPanel h2 a:hover {
    text-decoration: none;
    _color:#f60;
}

#technologyPanel h2 a:visited {
    text-decoration: none;
}


/**News panel on home page**/
#newsPanel {
    background:transparent;
    overflow:hidden;
    height:284px;
    margin:15px 0px 10px 0px;
    padding:0px;
    border-spacing:0px;
}

#newsPanel h2 {
    margin:0px;
}


/**Foot image on home page**/
#rightFootImage {
    overflow:hidden;
    padding:0px;
    border-spacing:0px;
    background:url('/images/control_your_data_control_your_world.jpg');
    border:1px solid #ccc;
}


/**General panel text class**/
.panelText {
    background:white;
    padding:5px 20px 15px 20px;
}


.panelText hr {
    border: 0;
    background-color: #ddd;
    height: 1px;
    padding: 0px;
    width: 100%;
    margin-top:20px;
    margin-bottom:10px;
    text-align: left;
}

.panelText h2 {
    font-size:15px;
    font-weight:bold;
    line-height:15px;
    border:0px;
    background:none;
    padding:0px;
    margin:0px 0px 5px 0px;
}

a.heading {
    font-weight:bold;
    color:#E60;
    text-decoration:none;
}

a.heading:visited {
    color:#E60;
    text-decoration:none;
}

a.heading:hover {
    color:#555;
    text-decoration:underline;
}

/**Features/benefits lists on all pages**/
.featureList {
    margin:0px;
    padding:5px 10px 5px 25px;
}

ul {
    list-style: square;
}
ul li {
    color:#f60;
}

ul li span {
    color :#555;
}

a.featureList {
    margin:0px;
    padding:0px;
    color:#555;
    text-decoration:none;
}

a.featureList:visited {
    margin:0px;
    color:#555;
    text-decoration:none;
}

a.featureList:hover {
    margin:0px;
    color:#F71;
    text-decoration:underline;
}

/**Generic hyperlinks**/
.link {
    color:#E60;
    font-weight:bold;
    text-decoration:none;
}

a.link {
    color:#555;
    font-weight:bold;
    text-decoration:none;
}

a.link:hover {
    color:#E60;
    font-weight:bold;
    text-decoration:underline;
}

/**Subtle hyperlinks**/
a.blink {
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

a.blink:hover {
    color:black;
    color:#666;
    line-height:12px;
    font-weight:bold;
    text-decoration:underline;
}


/**Whitepaper hyperlinks**/

#whitepaper {
    vertical-align:middle;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#whitepaper img {
    margin-top:3px;
}

#whitepaper a {
    float:left;
    color:#FF6600;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    margin:0px;
    text-decoration: none
}

#whitepaper a:hover {
    color:#FF6600;
    font-size:14px;
    line-height:30px;
    font-weight:bold;
    margin:0px;
    text-decoration: underline
}




#footer{
    display:none;
    color:black;
    background-color:#EE9955;
    height:30px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:980px;
    padding:0px 10px 10px 10px;
}


.break {
    height:13px;
    margin-top:0px;
    margin-bottom:7px;
    border-bottom: 1px solid #ccc;
    width:100%;
}

#terms-cond {
    padding-left:10px;
    float:left;
    width:400px;
    margin-top:12px;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:left;
}

#designer {
    padding-right:10px;
    float:right;
    width:400px;
    margin-top:12px;
    font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:right;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/**Definitions for the MORE buttons**/

.more {
    padding:0px;
    margin:0px;
    padding-bottom:2px;
    _margin-bottom:-10px;
    float:left;
    height:20px;
    width:570px;
    _width:555px;
}


.more a {
    text-decoration: none;
}

.more a span {
    color:#E60;
    float: right;
    font: bold 13px arial, sans-serif;
    padding:0px;
    margin-top:-25px;
    text-align: right;
    float:right;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
    width:100%;
}


.more a:hover span {
    color:#333;
    text-decoration: underline;
}

.more a:active span {
    background-position: bottom right;
}


.more a:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}






/**This stuff should be removed/rengineered**/
#page-heading{
    background-color:#ffffff;
    float:left;
    padding:10px 20px 20px 20px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size: 14px;
    line-height:18px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
    text-align: justify;
}

#content-top{
    width:978px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    overflow:hidden;
    background-color:#F3F3F3;
    padding:10px 10px 0px 10px;
}

.spacer {
    float: left;
    width:inherit;
    min-height:30px;
}

.spacer20 {
    float: left;
    width:inherit;
    background:transparent;
    min-height:20px;
}

.spacer10 {
    float: left;
    width:inherit;
    background:transparent;
    min-height:10px;
}




ulTitleLink {
    color:#EE6600;
    text-decoration:none;
    font-size:16px;
}


a.ulTitleLink {
    color:#EE6600;
    text-decoration:none;
}

a.ulTitleLink:hover {
    color:black;
    text-decoration:none;
}

.ulTitle {
    color:#EE6600;
    font-size:16px;
    font-weight:bold;
}
a.imageLink {
    border:none;
    text-decoration:none;
}

a.imageLink:hover {
    border:none;
    text-decoration:none;
}

a.imageLink:visited {
    border:none;
    text-decoration:none;
}


.feedburnerFeedBlock {
    padding:0px;
    margin:0px;
    height:inherit;
}

.feedburnerFeedBlock ul li {
     padding:0px;
     margin:0px;
    overflow:hidden;
}

.feedTitle a{
    margin:0px;
    padding:0px;
}


.feedTitle li div {
}

#feed {
    overflow:hidden;
    background-color:transparent;
    padding:0px;
    height:280px;
    _height:275px;
    margin:0px;
    border-bottom:1px solid #ccc;
}

#feed ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}


#creditfooter {
    display:none;
}

.fbsubscribelink {
    display:none;
}

#feed li {
    list-style-type:none;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    color:#333;
    font-size:12px;
    margin-bottom:5px;
    background-color:#fffffa;
}


#feed li div {
    display:none;
    color:#333;
    font-size:11px;
    border-bottom:1px solid #dadada;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:5px 5px 5px 5px;
}

#feed li .headline a:hover {
    color:#EE6600;
    text-decoration:none;
    background-color:#fae0bb;
}


#feed li .headline a {
    color:#666;
    display:block;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    width:inherit;
    padding:2px 0px 0px 5px;
    border-top:1px solid #dcdcdc;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    text-decoration:none;
}


#feed li p.date {
    font-size:10px;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    color:#e60;
    margin: 0px;
    padding:2px 10px 0px 5px;
    text-align:left;
    border-bottom:1px solid #dadada;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
}

#feed li p.feedItemAuthor {
    font-family:'Century Gothic', Arial, Helvetica, sans-serif;
    color:#333;
    font-size:13px;
    margin-top:5px;
}

#subscribe img {
    vertical-align: top;
    padding-top:0px;
    margin-top:-1px;
}

#subscribe {
    background:url('/header/images/hback.jpg');
    border:1px solid #ccc;
    margin-bottom:5px;
    padding:5px;
}
#subscribe li {line-height:30px;}
#subscribe li a {color:#555;}


#subscribe a {
    font-family: Arial, Helvetica, sans-serif;
    color:#e60;
    font-size:15px;
    text-decoration:none;
    font-weight:bold;
    border:0;
    margin:0px;
    padding:0px;
}

#subscribe a:hover {
    color:#555;
    text-decoration:underline;
}


#gallery {
    margin:0px;
    width:618px;
    padding:0px;
    _margin-left:-5px;
    _margin-bottom:0px;
    _padding:0px;
    float:left;
    height:260px;
    min-height:260px;
    _height:250px;
    overflow:hidden;
    z-index:0;
}

#gallery ul {
    list-style:none;
    padding:0px;
    margin:0px;
    height:0px;
}

#gallery li {
    list-style:none;
    display:none;
}

#gallery li a {
}

#gallery ul li a img {
    color:white;
}