/* Home page - two column layout: Win, Mac
----------------------------------*/

/******Adjust the height of the win & mac boxes******/
#featured_main .box {height:748px}

body {background-image:url('gfx/bg_body.png'); background-repeat: repeat-x; background-position:  left top;}
hr {color:white; width:200px; border-bottom:1px dotted #a6a6a6; margin-bottom:35px; margin-bottom:30px; margin-top:35px; margin-top:10px;}
#banner_main {position: relative; background: url('gfx/biab.png') no-repeat left top; cursor:default; margin-left:0px; margin-right:0px; margin-top:32px; margin-bottom:0px; background-repeat:no-repeat}
#banner_main .mantra {font-size: 15px; font-weight: normal; left: 323px; line-height: 22px; text-align: justify; padding: 0px 350px 4px 4px}
#banner_main .mantra p {margin: 2px 0px 17px;}
#banner_main .mantra a {color:#1e84bf}
#banner_main .mantra a:hover {color:red}

#banner {float:left; width:530px; height:80px; clear; margin-left:200px; margin-right:0px; margin-top:10px; margin-bottom:0px }
.onquot {display:block; width:290px; height:60px; background:url('gfx/bg_onquot.png') no-repeat top left; ; margin-left:-8px; margin-right:0px; margin-top:45px; margin-bottom:0px}
.onquot p {padding:5px 0px 0px 8px;}

#update_main {margin: 30px 8px 4px 4px}
#update_main a {color:#1e84bf}
#update_main a:hover {color:red}
#update_main .content {font-size: 15px;  font-weight: normal; line-height: 24px; text-align: left}
#update_main .desc {font-size: 15px;  font-weight: normal; line-height: 24px; text-align: left; margin-top:10px}
#update_main .desc p {font-size: 15px;  font-weight: normal; line-height: 28px; text-align: left}
#update_main .desc a:hover {color:red}
#update_main ul.fixes {font-size: 14px;  font-weight: normal; line-height: 24px; text-align: left; margin-left:0px}
#update_main ul.fixes li {font-size: 14px;  font-weight: normal; line-height: 24px; text-align: left; margin-left:22px}

#forumrules_main {margin: 30px 8px 4px 4px}
#forumrules_main a {color:#1e84bf}
#forumrules_main a:hover {color:red}
#forumrules_main .content {font-size: 15px;  font-weight: normal; line-height: 23px; text-align: left}
#forumrules_main .desc {font-size: 15px;  font-weight: normal; line-height: 28px; text-align: left}
#forumrules_main .desc p {font-size: 15px;  font-weight: normal; line-height: 28px; text-align: left}
#forumrules_main .desc a:hover {color:red}

#featured_main {font-size: 15px;  font-weight: normal; line-height: 22px; text-align: left}
#featured_main a {color:#1e84bf}

#featured_main .box {position:relative; float:left; width: 456px; padding:2px; border:1px solid #dee2e3; margin-top:0px;
									-webkit-box-shadow: rgba(0,0,0,.3) 2px 2px 5px; -moz-box-shadow: rgba(0,0,0,.3) 2px 2px 5px; box-shadow: rgba(0,0,0,.3) 2px 2px 5px;
									-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
#featured_main .box .vids {position:absolute; bottom:0; padding: 15px 0}
#featured_main #leftboxwin {background: #ccd2db url('gfx/bg_leftcolwin.png') repeat-x; margin-right:22px }
#featured_main #rightboxmac	{background: #ddd8d9 url('gfx/bg_rightcolmac.png') repeat-x;}
#featured_main .badge {float:right; padding:2px 0px 0px 0px}
#featured_main .new-rt h3 {font-size:14px; margin: 4px 8px 0px 17px}
#featured_main .new-rt p {font-size:13px}
#featured_main h2 {font-size:24px; text-shadow: 1px 0px 0px #888; margin: 14px 2px 10px 15px; line-height:24px}
#featured_main h2.new {background:url('../gfx/green-burst-new.png') no-repeat; ; margin-left:0px; margin-right:2px; margin-top:14px; margin-bottom:10px; padding-left:87px; padding-right:0; padding-top:0; padding-bottom:8px}
#featured_main h2.new-yellow {height: 39px; background:url('../gfx/yellow-burst-new-single.png') no-repeat 4px 0px; ; margin-left:13px; margin-right:2px; margin-top:14px; margin-bottom:20px; padding-left:87px; padding-right:0; padding-top:0; padding-bottom:8px}
#featured_main h2 .learnmore-small,
#featured_main h2 .pipe {font-size:15px; font-weight:normal; text-shadow: none}
#featured_main .learnmore-bottom {text-align:center; padding:10px 0}
#featured_main .learnmore-top {margin: -6px 0px 18px 17px}
#featured_main .learnmore-small a,
#featured_main .learnmore-small a strong {color:#1e4ebd; border-bottom: 1px dotted #1E4EBD; color: #1B46A9;}
#featured_main .learnmore-small a:hover,
#featured_main .learnmore-small a strong:hover {color:red; border-bottom: 1px dotted red}
#featured_main .learnmore-big {color:#173680}
#featured_main .learnmore-big a,
#featured_main .learnmore-big a strong {color:#173680; text-decoration:underline; font-size:17px}
#featured_main .learnmore-big a:hover,
#featured_main .learnmore-big a strong:hover {color:red}

#featured_main p {margin: 18px 8px 15px 8px}
#featured_main p a {color:#1e84bf}
#featured_main p a:hover {color:red}
#featured_main .yellow-burst-2011-5 {float:right; margin: 0px 5px; position:relative; top:-29px; width:166px; height:151px; cursor:pointer; background:url('gfx/yellow-burst-2011-5.png') no-repeat; }
#featured_main .yellow-burst-2011-5:hover {top:-30px; background:url('gfx/yellow-burst-2011-5.png') no-repeat 0 -151px; } 
#featured_main .yellow-burst-blue-text-2011-5 {float:right; margin: 0px 5px; position:relative; top:-29px; width:166px; height:151px; cursor:pointer; background:url('gfx/yellow-burst-blue-text-2011-5.png') no-repeat; }
#featured_main .yellow-burst-blue-text-2011-5:hover {top:-30px; background:url('gfx/yellow-burst-blue-text-2011-5.png') no-repeat 0 -151px; } 
#featured_main .yellow-burst-red-text-2011-5 {float:right; margin: 0px 5px; position:relative; top:-29px; width:166px; height:151px; cursor:pointer; background:url('gfx/yellow-burst-red-text-2011-5.png') no-repeat; }
#featured_main .yellow-burst-red-text-2011-5:hover {top:-30px; background:url('gfx/yellow-burst-red-text-2011-5.png') no-repeat 0 -151px; } 

#featured_main p.smalltext {font-size:13px; line-height:18px}
#featured_main p a {color:#1e84bf}
#featured_main p a:hover {color:red}
#featured_main li a {color:#1b46a9; border-bottom:1px dotted #1e4ebd}
#featured_main li a:hover {color:red; border-bottom:1px dotted red}
#featured_main ul.winfeatures li {background: url('gfx/listbullet_link_blue.png') no-repeat 5px 5px; padding-left: 20px; padding-right:10px; font-size:13px; line-height:17px; list-style-type:none; margin-left:12px; margin-right:0; margin-top:0; margin-bottom:11px}
#featured_main ul.macfeatures li {background: url('gfx/listbullet_link_red.png') no-repeat 5px 5px; padding-left: 20px; padding-right:10px; font-size:13px; line-height:17px; list-style-type:none; margin-left:12px; margin-right:0; margin-top:0; margin-bottom:11px}

/* "3-up" video style */
#featured_main ul.vidlist {text-align:center;}
#featured_main ul.vidlist li {list-style:none; padding:0px 0px 10px 2px; float:left; width:149px; border:none}
#featured_main ul.vidlist li a {margin-top:0px; padding-top:0px; border:none; line-height:16px}
#featured_main ul.vidlist li a .video {display:block}
#featured_main ul.vidlist .video .caption {font-size:12px; color:#1e4ebd; border:none}
#featured_main ul.vidlist .video .caption:hover {color:red}
#featured_main ul.vidlist .coming-soon .caption:hover {color:#1e4ebd}
#featured_main ul.vidlist li a .coming-soon {cursor:default;}

/* "wide" video style */
#featured_main ul.vidlist2 {text-align:center;}
#featured_main ul.vidlist2 li {list-style:none; padding:0px 0px 10px 2px; width:416px; border:none}
#featured_main ul.vidlist2 li a {margin-top:0px; padding-top:0px; border:none; line-height:16px}
#featured_main ul.vidlist2 .video .caption {font-size:12px; color:#1e4ebd; border:none; float:left; font-weight:bold; width: 194px; padding: 14px 4px 0 14px}
#featured_main ul.vidlist2 .video img {}
#featured_main ul.vidlist2 .video .caption:hover {color:red}
#featured_main ul.vidlist2 .coming-soon .caption:hover {color:#1e4ebd}
#featured_main ul.vidlist2 li a .coming-soon {cursor:default;}