/* CSS Document */

/* NAV BUTTONS */
a.buttonBuy { display:block; margin:15px auto; width:160px; height:47px; text-decoration:none; }
a.buttonBuy:hover { background-position: 0 -57px; }

a.zclassroom { display:block; margin:20px 10px; text-decoration:none; width:226px; height:185px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-top:1px solid #aaa; border-bottom:1px solid #111; box-shadow: 0 0 2px #111; -moz-box-shadow: 0 0 2px #111; -webkit-box-shadow: 0 0 2px #111; -khtml-box-shadow: 0 0 2px #111; }
a.gallery { display:block; margin:20px 10px; text-decoration:none; width:226px; height:166px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-top:1px solid #555; border-bottom:1px solid #111; box-shadow: 0 0 2px #111; -moz-box-shadow: 0 0 2px #111; -webkit-box-shadow: 0 0 2px #111; -khtml-box-shadow: 0 0 2px #111; }
a.trialButton, a.buyOnlineButton, a.resellerButton { display: inline-block; margin:10px; width: 160px; height:47px; text-decoration:none; }
a.trialButton:hover, a.buyOnlineButton:hover, a.resellerButton:hover { background-position: 0 -47px;}
a.zcButton, a.videoButton, a.zclassroomButton { display:inline-block; margin: 5px 10px 0px 0px; text-decoration:none; width:132px; height: 33px; }
a.zinfoButton, a.turntableButton { display:inline-block; margin: 5px 10px 0px 0px; text-decoration:none; width:135px; height: 33px; }
a.zcButton:hover, a.zinfoButton:hover, a.turntableButton:hover, a.videoButton:hover { background-position:0 -33px; }
a.highresButton { display:inline-block; text-decoration:none; width:150px; height: 15px; padding-left:20px; text-align:left; }
a.highresButton:hover { background-position:0 -15px; }
a.betaImages { display:inline-block; text-decoration:none; margin:10px 0; width: 163px; height: 48px; }
a.betaImages:hover { background-position: 0 -48px; }
a.butBlog { display:inline-block; text-decoration:none; margin:10px 0; width: 226px; height: 100px; }
a.butBlog:hover { background-position: 0 -100px; }

a.buttonBuy { height:57px; }
a.zclassroom { height:185px; }
a.gallery { height:166px; }

a.buttonBuy { background: url(/zbrush/img/nav_buy.png) no-repeat; }
a.zclassroom { background: url(/zbrush/img/zclassroom.jpg) no-repeat; }
a.gallery { background: url(/zbrush/img/feature_image_01.jpg) no-repeat; }
a.trialButton { background: url(/zbrush/trial/img/trial_button.png) no-repeat; }
a.buyOnlineButton { background: url(/zbrush/trial/img/buyonline_button.png) no-repeat; }
a.resellerButton { background: url(/zbrush/trial/img/reseller_button.png) no-repeat; }
a.zcButton { background: url(/zbrush/img/zclassroom-button.png) no-repeat; }
a.zinfoButton { background: url(/zbrush/img/zbrush-info-button.png) no-repeat; }
a.turntableButton { background: url(/zbrush/img/turntable-button.png) no-repeat; }
a.videoButton { background: url(/zbrush/img/video-button.png) no-repeat; }
a.zclassroomButton { background: url(/zbrush/img/zclassroom-button.png) no-repeat; }
a.highresButton { background: url(/zbrush/img/high-res-button.png) no-repeat; }
a.betaImages { background: url(/zbrush/img/beta-images-zbc.png) no-repeat; }
a.butBlog { background: url(/zbrush/img/but_zblog.png) no-repeat; }

.subHeadTabs { padding: 10px 20px 20px; text-align: right; }
.subHeadTabs li { display: inline; }
.subHeadTabs li a { 
text-decoration: none;
position: relative;
z-index: 1;
font: 12px Verdana;
font-weight: 600;
padding: 3px 10px;
margin:0px 2px;
color: #FFF;
background: url(/zbrush/img/button-orange.png) repeat-x; height:22px;
/*border: 1px solid #8e2100; */
border-radius:2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius:2px;
/*behavior:url(border-radius-ie8.htc);*/
text-shadow: 0px -1px 0px #993300; -webkit-text-shadow: 0px -1px 0px #993300; -moz-text-shadow: 0px -1px 0px #993300; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#993300, offX=0, offY=-1, positive=true);
box-shadow: 0px 1px 2px #333; -webkit-box-shadow: 0px 1px 2px #333; -moz-box-shadow: 0px 1px 2px #333; }

.subHeadTabs li a:hover { background: url(/zbrush/img/button-light-orange.png) top left repeat-x; /*border: 1px solid #222222;*/ text-decoration:none; position:relative; text-shadow: 0px -1px 0px #993300; -webkit-text-shadow: 0px -1px 0px #993300; -moz-text-shadow: 0px -1px 0px #993300: filter: progid:DXImageTransform.Microsoft.dropShadow(color=#993300, offX=0, offY=-1, positive=true); }
.subHeadTabs li a.selected { position:relative; color: #FFF; background: url(/zbrush/img/button-blue.png) top left repeat-x; /*border: 1px solid #222222;*/ text-decoration:none; position:relative; text-shadow: 0px -1px 0px #003366; -webkit-text-shadow: 0px -1px 0px #003366; -moz-text-shadow: 0px -1px 0px #003366: filter: progid:DXImageTransform.Microsoft.dropShadow(color=#003366, offX=0, offY=-1, positive=true); }



/* columns */
.columnFull { width:950px; text-align:center; padding:20px 0px; }
.columnFullTrial { width:900px; text-align:left; float:left; padding:20px 30px; }

.columnA { width:275px; float: left; text-align:center; /*border: solid thin red;*/ }
.columnB { width: 650px; float: left; border: solid #999; border-width: 0px 0px 0px 1px; padding-left:20px; }

.threeColumn2 { width: 580px; float: left; text-align:left; padding:0px 10px; }
.threeColumn1 { width: 280px; float: left; text-align:center; padding:0px 10px;}
.fourColumn1 { width: 205px; float: left; text-align:center; padding:0px 10px; margin-top:20px;}
#links { margin-top: 20px; }
.learningLinks { width:205px; height:176px; margin-right:26px; overflow:hidden; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-top:1px solid rgba(238,238,238,.25); border-bottom:1px solid #000; box-shadow:0 0 3px #222; -moz-box-shadow:0 0 3px #222; -webkit-box-shadow:0 0 3px #222; -khtml-box-shadow:0 0 3px #222; position:relative; }
#links a:last-child div { margin:0px; }
.learningLinks span { position:absolute; bottom:0px; height: 25px; width:205px; background:rgba(0,0,0,.8); text-align:center; padding-top:5px; margin:0px; }

.header { font-size:14px; font-weight: bold; font-color: #CCC;}
.bottomLinks { float: left; font-size:10px; text-align:left; }
.bottomLinksHead { font-size: 10px; border: solid #999; border-width: 0px 0px 1px 0px; float:left; text-align:left; }

.horzLine { border: solid #999; border-width: 1px 0px 0px 0px; margin: -20px 0px 15px 0px; }
.horzLineTrial { border: solid #999; border-width: 1px 0px 0px 0px; margin: 25px 0px 20px 0px; }
.horzLineLink { width:205px; border: solid #999; border-width: 1px 0px 0px 0px; margin: 3px 0px 3px 0px; }