/* Base Template CSS */

/* reset whitespace */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
 margin:0;
 padding:0;
}

p, li{
color:#666;
}

a img {
 border: 0px;
}

td {
color:#666;
}

/* basic layout */
body {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000;
 line-height: 18px;
 background: #E3E3E3 url(../images/bg_body.jpg) top center repeat-y;
}

html {
 height:100%;
 margin:0px;
} 

.center {
 width: 916px;
 margin: 0 auto 0 auto;
}

.left {
 float: left;
}

.right {
 float: right;
}

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


#header {
 height: 178px;
 margin-left:6px;
 background: transparent url(../images/bg_header.jpg) top center no-repeat;
}


#logo2 img {
 margin-left: -10px;
}

#header .center {
 position: relative;
 margin: 0 auto 0 auto;
}

#content .center {
 position: relative;
 padding: 0px 0px 0px 0px;
/* background: transparent url(../images/bg_content.jpg) 0px 10px no-repeat;*/
}


* html #content {
 position: relative;
 top: -3px;
}

#content {
 margin-left:10px;
}

#columnfull{
 float:left;
 width: 800px;
}

#column1 {
 float: left;
 width: 680px;
}

#columnfulli .box p.RHSTitle {
 text-align: center;
 color: #666;
 width: 180px;
 font-size: 12px;
 margin-top:10px;
 padding-bottom: 0px;
 margin-bottom:0px;
 font-weight: bold;
}

#column2 {
 float: left;
 width: 228px;
 margin-top: 0px; 
}


#column2 .box p.RHSTitle {
 text-align: center;
 color: #666;
 width: 180px;
 font-size: 12px;
 margin-top:10px;
 padding-bottom: 0px;
 margin-bottom:0px;
 font-weight: bold;
}

#copy table {
 float: left;
}

#copy p {
 clear: both;
}


#column1 .boxwrapper .boxsmall b,
#column1 .boxwrapper .box b {
 color:#666666;
}

#column1 .boxwrapper .box img {
 margin-left: 48px;
 margin-top:0px;
 padding-bottom: 10px;
 margin-bottom:10px;
}


#column1 .boxwrapper .button#livewebcast {
 width: 150px;
 height: 40px;
 float: left;
 position: relative;
 margin-top: -23px;
 margin-left:68px;
 font-size:11px;

}

#column1 .boxwrapper .button#livewebcast2 {
 width: 150px;
 height: 40px;
 float: left;
 position: relative;
 margin-top: -23px;
 margin-left:68px;
 font-size:11px;
}

/* boxsmall */

#column1 .boxwrapper .boxsmall {
 float: left;
 width: 275px;
 border: 1px solid #A9C0CF;
 background: #F6F5F2;
 color:#666666;
 padding: 2px 0px 30px 10px;
 margin: 10px 0px 0px -5px;
}

#column1 .boxwrapper .boxsmall p.RHSTitle {
 text-align: center;
 color: #666;
 width: 280px;
 font-size: 12px;
 margin-top:10px;
 padding-bottom: 0px;
 margin-bottom:10px;
 font-weight: bold;
}

/* boxsmall */


/* boxsmall 

#column1 .boxwrapper .boxsmall {
 float: left;
 width: 264px;
 height:70px;
 border: 1px solid #A9C0CF;
 background: #F6F5F2;
 color:#666666;
 padding: 2px 0px 30px 10px;
 margin: 10px 0px 0px 15px;
}

#column1 .boxwrapper .boxsmall p.RHSTitle {
 text-align: center;
 color: #666;
 width: 100%;
 font-size: 12px;
 margin-top:10px;
 padding-bottom: 0px;
 margin-bottom:10px;
 font-weight: bold;
}

/* boxsmall */

#columnfulli h1{
 padding-left:20px;
 padding-top:2px;
 font-size: 14px;
 color: #666;
}

#column1 h1{
 padding-left:20px;
 padding-top:2px;
 font-size: 14px;
 color: #666;
}

.box {
 float: left;
 width: 194px;
 border: 1px solid #A9C0CF;
 background: #F6F5F2;
 padding-bottom:30px;
 margin: 10px 0px 0px 15px;
}

#column1 .box {
 float: left;
 width: 280px;
 border: 1px solid #A9C0CF;
 background: #F6F5F2;
 padding-bottom:30px;
 padding-left:5px;
 margin: 10px 0px 0px 0px;
}

#column1 .boxwrapper {
 float: left;
 width: 290px;
 padding-bottom:5px;
 margin: 10px 0px 0px 5px;
}

#column1 .boxwrapper .box {
 padding: 8px 0px 5px 0px;
 width: 280px;
}

#column1 .box p.RHSTitle {
 text-align: center;
 color: #666;
 width: 280px;
 font-size: 12px;
 margin-top:10px;
 padding-bottom: 0px;
 margin-bottom:10px;
 font-weight: bold;
}


.box h1{
 color: #ED2424;
 font-size: 14px;
 padding: 2px 0px 0px 10px;
}

.box ul {
 width: 180px;
 list-style:inside;
 margin: 5px 0px 0px 0px;
 list-style-type:none;
 float: left;
}

.box ul li  {
 width: 180px;
 background: #F2F0EC;
 color: #999;
 float: left;
 line-height: 18px;
 font-size: 12px;
 padding-left:3px;
 height:19px;
 display: block;
 text-decoration: none;
 margin: 3px 0px 3px 10px;
}

.box ul li a:hover {
 text-decoration: none;
}

#column2 .box p {
 padding: 10px 6px 0px 10px;
 color: #7D7D7D;
 font-size: 12px;
}



#columnfulli .box p {
 padding: 3px 6px 0px 10px;
 color: #7D7D7D;
 font-size: 12px;
}

.box p b,
.box p strong {
 font-weight: bold;
}

.box p strong a,
.box p strong a:hover {
 color: #ED2424;
 font-weight: bold;
 text-decoration: underline;
}



.box ul li {
 width: 180px;
 background: #F2F0EC;
 float: left;
}

.box ul li a:hover {
 background: #58B8DF;
 color: #FFF;
 width: 180px;
}

.button {
 float: left;
 width: 150px;
 height: 40px;
 margin: -23px 0px 0px 36px;
 padding:10px 0px 0px 0px;
 text-align: center;
 font-weight:bold;
 color:#FFFFFF;
 background: transparent url(../images/button.png) top center no-repeat;
}

.button a {
 color: #FFFFFF;
 text-decoration: none;
}

.button a:hover {
 color: #FFFFFF;
 text-decoration: none;
}

#copy{
 width: 605px;
 float: left;
 font-size: 12px;
 margin: 20px 0px 0px 16px;
 padding: 15px 15px 15px 15px;
 border: 1px solid #57b7df;

}

#copyfull{
 width: 830px;
 float: left;
 font-size: 12px;
 margin: 20px 0px 0px 16px;
 padding: 15px 15px 15px 15px;
 border: 1px solid #57b7df;

}


#flashdiv {
 width: 646px;
 height: 550px;
 float: left;
 margin: 25px 0px 0px 10px;
 padding: 4px 0px 0px 5px;
 
}

#underflashdiv .left {
 width: 290px;
 float: left;
 margin: 0px 20px 10px 25px;
}

#underflashdiv .right {
 width: 290px;
 float: left;
 margin: 0px 0px 10px -5px;
}

#underflashdiv {
 width: 660px;
 float: left;
 margin: 25px 0px 0px 0px;
}

#top_underflashdiv {
 width: 660px;
 float: left;
 height:16px;
 background: transparent url(../images/bg_top_underflashdiv.jpg) top left no-repeat;
}

#bottom_underflashdiv {
 width: 660px;
 float: left;
 height:16px;
 background: transparent url(../images/bg_bottom_underflashdiv.jpg) top left no-repeat;
}

#content_underflashdiv {
 width: 660px;
 float: left;
 background: transparent url(../images/bg_content_underflashdiv.jpg) top left repeat-y;
}

#footer {
 margin-left: 5px;
}

#footer a, #footer a:hover{
text-decoration:none;color:#666;
}

#footer a:hover{
text-decoration:underline;color:#666;
}

#footer ul{
	float:right;
	}

#footer li{
	list-style:none;float:left; padding-left: 10px;
}

#footer .center {
 height: 92px;
 width: 913px;
 /*position: relative;*/
 
 background-attachment:fixed;
 margin-top:40px;
 position: relative;
}

/* header */


/* links */

#logo1 {
 width: 253px;
 height: 63px;
 float: left;
 margin: 50px 0px 0px 242px;
}

#logo2 {
 width: 210px;
 height: 55px;
 float: right;
 margin: 55px 200px 0px 0px;
}

#claim {
/* width: 250px;*/
/* height: 35px;*/
/* float: left;*/
/* margin: 11px 0px 0px 400px;*/
 display: none;
 visibility: hidden;
}

/**/

#hmenu { /*hmenu has a background image that repeat on x- axes. This is the yellow bar under the menu too*/
 width: 894px; /*on ie6 there is a little bug on the right hand side of the hemnu, the button overlaps the grey bar ----- I fixed it with a right border (1px solid #CAC8C9;) in the ie6fix.css */
 float: left;
 margin: 0px 0px 0px 0px;
 padding-left:17px;
 /*height: 26px;*/
 background: #F6F5F2; 
 height: 65px;
 background: transparent url(../images/bg_hmenu.jpg) top left no-repeat;
}


#hmenu ul.nav {
 float: left;
}


#column2 .box p{
 margin-top: 5px; 
 padding-top: 0px;
}

#columnfulli .box p{
 margin-top: 5px; 
 padding-top: 0px;
}

.copyright {
 text-align: center;
}

p.copyright  {
 float: left;
 width: 900px;
 text-align: center;
}

#footer ul {
 margin-left: 290px;
 float: left;
 width: 300px;
 padding: 0px;
 background: transparent url(../images/bg_footer_ul.gif) top center no-repeat;
}

#footer .center ul li {
 padding: 0px;
 margin: 0px;
 float: left;
 font-size:12px;
}

#footer .center ul li a {
 margin: 0px 6px 0px 6px;
 font-size:12px;
}


/* ######################################################### Hack fo Safari on mac ################################################## */

html[xmlns*=""] #footer .center ul li a {
 margin: 0px 7px 0px 12px;
}

html[xmlns*=""] #footer ul {
 width: 320px;
}

/* tweaks to the webcast page */

.box_webcast {
 float: left;
 width: 282px;
 border: 1px solid #99CCFF;
 background: #FFF url(../images/webcast_cloud.jpg) 4px 15px no-repeat;
 padding-bottom:30px;
 height: 115px;
 margin: 5px 0px 0px 15px;
}

.box_freetrial {
 float: left;
 width: 180px;
 border: 1px solid #FFF;
 background: transparent;
 padding-bottom:30px;
 padding-left: 10px; 
 padding-right: 10px;
 padding-top: 10px;
 height: 95px;
 color:#FFFFFF;
 margin: 0px 0px 0px 35px;
}

.box_freetrial p {
 padding: 10px 0px 0px 0px;
 color: #FFF;
 text-align: center;
}

.button_webcast {
 float: left;
 width: 150px;
 height: 40px;
 margin: -23px 0px 0px 81px;
 padding:8px 0px 0px 0px;
 text-align: center;
 font-weight:bold;
 color:#FFFFFF;
 background: transparent url(../images/bg_button_webcast.jpg) top center no-repeat;
}

.button_freetrial {
 float: left;
 width: 150px;
 height: 40px;
 margin: -23px 0px 0px 62px;
 padding:8px 0px 0px 0px;
 text-align: center;
 font-weight:bold;
 color:#FFFFFF;
 background: transparent url(../images/bg_button_webcast.jpg) top center no-repeat;
}


.big_button_webcast {
 float: left;
 width: 258px;
 height: 40px;
 margin: 10px 0px 0px 250px;
 padding:8px 0px 0px 0px;
 text-align: center;
 font-weight:bold;
 color:#FFFFFF;
 background: transparent url(../images/bg_big_button_webcast.jpg) top center no-repeat;
}

.button_freetrial a,
.big_button_webcast a,
.button_webcast a{
 color: #FFFFFF;
 text-decoration: none;
}

#columnfulli td.webcast h1{
 padding-left:0px;
 color: #666;
 margin-top: 20px;
}

td.webcast p a {
 padding-left:0px;
 color: #009999;
}