/*

Colors:

Burnt Red: #C84727
Blue Links: #597C9E
Gray Text: #606060

*/

/* Structure */

body {font-family:Verdana,arial;font-size:62.5%;color:#606060;_behavior:url("../csshover3.htc");}

#logo {height:48px; width:360px; float:left; margin:15px 0px; background:url('../images/HomePage/main-sprite.png') no-repeat;}
#search {float:right; margin-top:35px; width:260px;}

#main-wrap {width:1000px; margin:0px auto; min-height:100%; font-size:1.3em;}
.menu {clear:both;margin-top:10px;}
#left-wrap {width:730px; float:left; margin-top:23px; *margin-top:35px; *margin-bottom:20px;height:485px;}
#right-wrap {width:250px; margin-top:23px; *margin-top:35px; float:right;}

#contact-translate-wrap {background: transparent url('../images/HomePage/footer-shadow.png') no-repeat 50px 0px; width:1000px; margin:0 auto;}
#footer-wrap {font-size:1.3em; clear:both; text-align:center; margin-top:20px; position: relative; height: 110px; clear:both; padding-bottom:20px;}

#apps {margin:25px 0px 25px 12px;}
ul#apps li h1 {margin-left:8px;font-size:100%;}
ul#apps li {height:26px;}
ul#apps li a {background:url('../images/HomePage/main-sprite.png') no-repeat -415px -368px; display:block; height:29px; padding:7px 0px 0px 33px;}
ul#apps li a:hover {background:url('../images/HomePage/main-sprite.png') no-repeat -415px -405px; padding:7px 0px 0px 33px;}

#contact-wrap {margin:40px -20px 0px 20px; clear:both; float:left; line-height:20px; text-align:center; width:700px;}
#google-translate {float:right; margin-top:40px;}

/* Boxes */
.box {background: transparent url('../images/HomePage/background-box-mid.png') repeat-y 0 0; margin-bottom:25px;}
.box-gradient {background: transparent url('../images/HomePage/box-gradient.png') no-repeat right bottom;}
.box-top {background: transparent url('../images/HomePage/background-box-top.png') no-repeat 0 0;height:4px; margin-top:-4px;}
.box-mid {background: transparent url('../images/HomePage/box-gradient.png') no-repeat right bottom; padding:4px;}
.box-btm {background: transparent url('../images/HomePage/background-box-btm.png') no-repeat 0 0;height:4px;}

/* Sticky Footer */

html, body, #main-wrap {height:100%;}
body > #main-wrap {height: auto; min-height: 100%;}

/* Left Wrap (Main Content Section) */

#slider-glow {background:transparent url('../images/HomePage/main-sprite.png') no-repeat -3px -2264px;height:183px; width:734px; margin:-194px 0px 0px -2px;}
#slider-glow-right {background:transparent url('../images/HomePage/main-sprite.png') no-repeat 725px -2496px;height:182px; width:730px; margin:-182px 0px 0px 7px;}
#product-columns {margin-top:20px;}
#product-columns a {color:#C84727;display:block;margin-bottom:7px;}
#product-columns a:hover {color:#C84727;text-decoration:underline;}

#product-columns #traverse-col {margin-right:20px; float:left; width:225px;}
#product-columns #osas-col {margin-right:20px; float:left; width:225px;}
#product-columns #osp-col {float:left; width:225px;}

/* Right Wrap (a.k.a. Sidebar) */

#connectlinks {margin-top:24px;}
#connectlinks li a {padding:13px 0px 13px 65px; color:#C84727; display:block; text-decoration:none;}
#contactus a {background:url('../images/HomePage/main-sprite.png') 0px -68px no-repeat;}
#requestinfo a {background:url('../images/HomePage/main-sprite.png') 0px -139px no-repeat;}
#demo a {background:url('../images/HomePage/main-sprite.png') 0px -219px no-repeat;}

#contactus a:hover {background:url('../images/HomePage/main-sprite.png') 0px -296px no-repeat; text-decoration:underline;}
#requestinfo a:hover {background:url('../images/HomePage/main-sprite.png') 0px -367px no-repeat; text-decoration:underline;}
#demo a:hover {background:url('../images/HomePage/main-sprite.png') 0px -447px no-repeat; text-decoration:underline;}

#quicklinks {margin:25px 0px 25px 20px; line-height:18px;}
#ql-title {margin-bottom:8px; font-weight:bold;}

#social-icons {margin:25px 0px 0px 20px;}
#social-icons li {margin-right:8px; float:left;}
#facebook a {display:block; width:18px; height:18px; background:url('../images/HomePage/main-sprite.png') 0px -593px no-repeat;}
#twitter a {display:block; width:18px; height:18px; background:url('../images/HomePage/main-sprite.png') 0px -640px no-repeat;}
#linkedin a {display:block; width:18px; height:18px; background:url('../images/HomePage/main-sprite.png') 0px -687px no-repeat;}

#facebook a:hover {width:18px; height:18px; background:url('../images/HomePage/main-sprite.png') 0px -735px no-repeat;}
#twitter a:hover {width:18px; height:18px; background:url('../images/HomePage/main-sprite.png') 0px -782px no-repeat;}
#linkedin a:hover {width:18px; height:18px; background:url('../images/HomePage/main-sprite.png') 0px -829px no-repeat;}

/* Text */

h1 {color:#C84727; margin-bottom:10px; font-size:1.1em;}
h2 {color:#606060; margin-bottom:15px; font-size:1.1em;}

a:link {color:#597C9E; text-decoration:none;}
a:visited {color:#597C9E; text-decoration:none;}
a:hover {color:#C84727; text-decoration:underline;}

#footer-wrap a {color:#606060;}

/* Common */

.floatleft {float:left;}
.floatright {float:right;}
.clearboth {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.redborder {border:thin solid red;}
.cursorpointer {cursor:pointer;}
.displayinline {display:inline;}
.spacer-height80 {height:80px;border-right:solid thin white;}

/* Slides */

.dna-slide2-copy h1 {color:#464646; font-size:1.5em; margin-bottom:-12px; font-weight:bold;}
.dna-slide2-copy {color:#C84727; margin:-128px 0px 0px 374px;}

.blocks-slide-copy h1 {color:#464646; font-size:1.5em; margin-bottom:-12px; font-weight:bold;}
.blocks-slide-copy {color:#C84727; margin:-128px 0px 0px 305px;}

.conference-slide-copy {color:#FFF; font: bold 1.4em arial,sans-serif; margin:-116px 0px 0px 16px; text-align:center; width:340px;}

.sale-slide-copy {color:#000; font-size:1.45em; margin:-121px 0px 0px 61px; font-weight:bold;}
.sale-slide-copy h2 {font-size:.9em; margin-top:-7px;}

/* Other */

a #searchbttn {margin:-2px 0px 0px 10px; float:left; height:30px; width:20px; background:url('../images/HomePage/main-sprite.png') no-repeat 0px -509px;}
.tpTextB7 {float:left; margin-left:10px;}

.print {display:none;}

/* Application Bubble Hover */

.bubbleInfo {position: relative;}

.bubbletip { list-style:bullet;}
.popup {position: absolute;display: none;z-index: 50;border-collapse: collapse;}
.popup td.corner {height: 15px;width: 19px;}
.app-bubbles {width:250px;}

.popup td#topleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
.popup td.top { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
.popup td#topright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
.popup td.left { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
.popup td.right { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
.popup td#bottomleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
.popup td.bottom { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

.popup table.popup-contents {background-color: #fff;}
table.popup-contents th {text-align: right;text-transform: lowercase;}
table.popup-contents td {text-align: left;}
tr#release-notes th {text-align: left;text-indent: -9999px;background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;height: 17px;}
tr#release-notes td a {color: #333;}