/* Foundation Styles */



/* Fundamentals: Tags */

* {
padding: 0;
margin: 0;
}

HTML {
font-size: 100%;
} 

BODY {
font-size: 62.5%;
line-height: 1.5;
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
color: black;
background: white url(/res04.xx/bg-backing.png) repeat-x;
padding: 0;
margin: 0;
}

H2 {
margin: 10px 20px 0 10px;
font-size: 2.4em;
color: #444;
}

.news H2 {
font-size: 2em;
}

H3 {
margin: 0 0 0em 0;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #069;
font-weight: bold;
text-transform: uppercase;
}

H4 {
margin: 1em 0 .6em 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.4;
font-weight: bold;
font-style: italic;
}

H5 {
margin: 0.5em 0 0.5em 0;
font-size: 1em;
font-style: italic;
font-weight: normal;
}

P {
margin: 0 0 .6em 0;
}

A {
color: black;
}

H3 A {
text-decoration: none;
color: #069;
}

H3 A:hover {
text-decoration: underline;
}

UL {
margin: 0 0 .6em 1.4em;
list-style-type: square;
}

UL.bulletpara LI {
font-weight: bold;
margin: 1.0em 0 0 0;
}

UL.bulletpara LI P {
font-weight: normal;
}

OL {
margin: 1em 0 1em 1.6em;
}

IMG {
border: none;
}

IMG.smallinline {
vertical-align: middle;
}

IMG.right {
float: right;
margin: 0 0 0 10px;
}

FORM, .form {
margin-left: 200px;
}

LABEL, .label {
float: left;
width: 200px;
margin-left: -200px;
}

FORM H3 {
margin-left: -200px !important;
}

.field {
}

PRE {
font-size: 1.0em;
line-height: 1.6;
font-family: Verdana, Helvetica, sans-serif;
color: black;
width: 300px;
}

.fineprint {
margin-top: 2.0em;
font-size: 0.9em;
font-style: italic;
}

/* Fundamentals: Classes */

.clear {
clear: both;
height: 0;
}

.item {
margin: .6em 0;
}

.player {
margin: 0 0 -4px 0;
}


/* Fundamentals: Controls */

A.learn-more {
text-decoration: none;
color: white;
background-color: #888;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
padding: .1em .8em;
}

A.learn-more:hover {
background-color: black;
color: white;
}

A.learn-more.inline {
margin: 0 1em;
}

A.external {
padding: 0 14px 0 0;
background: url(/res04.xx/external.gif) right no-repeat;
}

A.innerpage {
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0;
font-size: 0.8em;
font-weight: bold;
color: #29537c;
}

A.innerpage:hover {
color: #f60;
}

UL.menu {
margin: 0;
}

UL.menu LI {
list-style: none;
display: inline;
margin: 0 2px;
}

UL.menu LI A {
text-decoration: none;
color: black;
}

UL.menu LI A:hover {
text-decoration: none;
color: black;
}

UL.directory LI {
margin: 0 0 2.0em 0;
}

UL.menu-vertical LI {
list-style: none;
}

UL.menu-vertical LI A {
color: white;
font-size: 1.0em;
text-decoration: none;
}

UL.menu-vertical LI A:hover {
color: black;
}




/* Container and Top */

#container {
width: 900px;
margin: 0 auto;
background: url(/res04.xx/bg-header.png) no-repeat center 0;
}

#header {
height: 88px;
padding: 0 2.0em;
position: relative;
}


/* Meta section*/

#meta {
padding: 4px 0 15px 0;
}

#meta .menu {
text-align: right;
font-size: 0.8em;
}

#meta .menu A {
color: #e0e0e0;
margin-left: 1.2em;
text-transform: uppercase;
letter-spacing: 1.1px;
}

#meta .menu A:hover {
color: orange;
}


/* =======================

Header section 

*/

H1 A {
text-indent: -9999px;
float: left;
position: absolute;
left: 10px;
top: 10px;
width: 167px;
height: 57px;
background: url(/res04.xx/tidebreakwithslogan.png) no-repeat;
}


/* Navigation */

#nav {
position: absolute;
right: 2.0em;
height: 29px;
margin: 0;
}

#nav LI A  {
float: right;
margin: 0 0 0 2.0em;
height: 29px;
text-indent: -9999px;
overflow: hidden;
background: url(/res04.xx/menu-sprite.png) no-repeat;
}


/* Navigation: Menu - Vision */

#nav .vision A {
background-position: -21px 0;
width: 89px;
}

#nav .vision A:hover, #nav .vision A:focus {
background-position: -21px -32px;
}

body.vision #nav .vision A {
background-position: -21px -64px;
}


/* Navigation: Menu - Products */

#nav .products A {
background-position: -119px -0px;
width:85px;
}

#nav .products A:hover, #nav .products A:focus {
background-position: -119px -32px;
}

body.products #nav .products A {
background-position: -119px -64px;
}


/* Navigation: Menu - Implementation */

#nav .strategic A {
background-position: -214px -0px;
width:130px;
}

#nav .strategic A:hover, #nav .strategic A:focus {
background-position: -214px -32px;
}

body.strategic #nav .strategic A {
background-position: -214px -64px;
}


/* Navigation: Menu - Support */

#nav .support A {
background-position: -354px -0px;
width:74px;
}

#nav .support A:hover, #nav .support A:focus {
background-position: -354px -32px;
}

body.support #nav .support A {
background-position: -354px -64px;
}


/* Navigation: Menu - Try */

#nav .try A:link, #nav .try A:visited {
background-position: -459px 0px;
width: 80px;
}

#nav .try A:hover, #nav .try A:focus {
background-position: -459px -32px;
}

body.try #nav .try A {
background-position: -459px -64px;
}



/* ======================

Inner section 

*/

#inner {
padding: 22px 0 0 0;
background: url(/res04.xx/bg-inside.png) center top no-repeat;
}

.noselector #inner {
}

.noselector #spotlight .content-wrap1 {
border-width: 0;
}


/* Selector section */

#selector {
height: 4.0em;
margin: 0px 0 0 0;
padding: 10px 0 0px 20px;
background-color: white;
}

#selector .sectionname {
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
font-size: 2.0em;
color: #666;
float: left;
margin: 4px 0 0 0;
}

#selector .sectionname A {
text-decoration: none;
}

#selector .sectionname A:hover {
color: black;
}

#selector .menu {
float: right;
font-size: 1.1em;
margin: 1.4em 1.6em 0 0;
}

#selector .menu LI {
}

#selector .menu A {
padding: 0.4em 0.8em;
color: #666;
}

#selector .menu A:hover {
color: white;
background-color: #03c6c9;
}

#selector .menu LI.active { 
padding: 0.4em 0.8em;
color: white;
background-color: #03c6c9;
}

#selector .menu A.button {
background-color: #666;
color: white;
}

#selector .menu A.button:hover {
background-color: #f00;
}

#selector .menu LI.active.button {
background-color: #f00;
color: white;
}




/* Spotlight section */

#spotlight {
clear: both;
background-color: white;
}

#spotlight .content-wrap1 {
border: solid #bbb;
border-width: 1px 0 0 0;
position: relative;
}

.noselector #spotlight .content-wrap1 {
}

#spotlight IMG {
border: solid #bbb;
border-width: 0 0 1px 0;
}

#spotlight H2 {
margin: 1.5em 0 0 0.8em;
}

.noselector #spotlight H2 {
margin: 0.8em 0 0 0.8em;
}

#spotlight .doclink {
position: absolute;
right: 2.0em;
top: 0.5em;
}

#spotlight .doclink A {
display: block;
height: 2.6em;
text-decoration: none;
color: #069;
padding: 0.6em 30px 0 0;
background: 100% 50% url(/res04.xx/icon-pdf-tag.png) no-repeat;
}

#spotlight .doclink A:hover {
color: black;
}



/* See Also */

#seealso {
float: left;
width: 120px;
margin: 100px 0 0 -160px;
font-size: 0.9em;
color: #999;
}

#seealso P {
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 1px;
border: solid #ddd;
border-width: 0 0 1px 0;
margin: 0 0 1.4em 0;
}

#seealso UL LI {
margin: 0.4em 0 0 -1.4em;
list-style: none;
}

#seealso A {
color: #999;
text-decoration: none;
}

#seealso A:hover {
text-decoration: underline;
color: black;
}



/* Bottom section */

#bottom {
margin: 6.0em 0 0 0;
}

#bottom H3 {
height: 34px;
margin: 0 0 0 0;
background: url(/res04.xx/bg-footer-top.png) no-repeat;
text-indent: -9999px;
}

#sitemap {
padding: 10px 0 6.0em 0;
background: url(/res04.xx/bg-footer.png) left bottom no-repeat;
}

#sitemap DIV.section {
float: left;
width: 15%;
margin: 0 30px 0 8px;
}

#sitemap DIV A.section {
display: block;
margin: 0 0 2px 14px;
font-size: 1.1em;
font-weight: bold;
color: #888;;
text-decoration: none;
}

#sitemap DIV A.section:hover {
color: black;
}

#sitemap UL {
padding-bottom: 4px;
}

#sitemap UL A {
color: #888;
}

#sitemap UL A:hover {
color: black;
}



/* ======================

Footer section 

*/

#footer {
width: 928px;
margin: 0 auto;
}

#copyright {
padding: 20px 0 10px 0;
text-align: center;
color: #999;
}



/* ======================

Thumbnail menu 

*/

.thumbmenu {
width: 250px;
float: right;
padding: 0 1px;
}

#middle .thumbmenu H3 {
font-size: 0.9em;
margin: 0 0 1em 0;
}

.thumbmenu UL {
margin: 0;
}

.thumbmenu LI {
list-style: none;
margin: 0 0 6px 0;
padding:1px 0;
background-color: #ddd;
}

.thumbmenu A {
position: relative;
display: block;
height: 4.5em;
margin: 0 -1px;
padding: 4px 4px 0 0;
font-size: 0.9em;
line-height: 1.3;
font-weight: bold;
color: black;
text-decoration: none;
background-color: #ddd;
}

.thumbmenu A:hover,
.thumbmenu LI.active,
.thumbmenu LI.active A {
color: white;
background-color: #aaa;
}

.thumbmenu LI:hover {
background-color: #aaa;
}

.thumbmenu IMG {
float: left;
margin: 0px 10px 0 4px;
}

.thumbmenu .time {
position: absolute;
right: 8px;
bottom: 4px;
color: #888;
font-size: 0.7em;
text-transform: uppercase;
}

.thumbmenu LI.active .time,
.thumbmenu LI:hover .time {
color: #444;
}



/* ======================

Video player in a popup

*/

#player .MultiBoxContainer {
background-color: black !important;
}