/* Tutorials CSS */

body
{
  padding: 0;
  margin: 0;
  font:14px/20px Arial, Helvetica, sans-serif;
	background-color: #f7f7f7;
}
p  {
     padding:0px 0px 10px 0px;
     margin:0px;
}
h1 {
	font-family:Arial, sans-serif;
	color: #ff3300;
	font-size:16px;
 	font-weight:bold;
	letter-spacing: -1px;
	padding: 0 0 10px 0;
	clear: both;

}
h2 {
	font-family:Arial, sans-serif;
	font-size:14px;
	color: #333333;
	font-weight:bold;
}
h3 {
	font-family:Arial, sans-serif;
	font-size:14px;
     color: #336600;
	font-weight:bold;
} 
h4 {
	font-family:Arial, sans-serif;
	font-size:14px;
     color: #336600;
	font-weight:bold;
	text-align: left;
}
.smaller {
font-size: smaller;
}

a img {
color: #f7f7f7;
border:0;
width:88px;
height:31px;
}
 .caption {
  font:12px Arial, sans-serif;
  padding: 1px 5px 1px 5px; /*top right bottom left*/
 }
.img_caption {
     font:12px Arial, sans-serif;
     display: inline;
     float: right;
     clear: right;
     margin: 0;
     padding: 0 0 3px 0; /*top right bottom left*/
     border-top: none;
     border-left: none;
     border-right: none;
     border-bottom: solid 25px #dddddd;
     text-align: center;
     background-color: #dddddd;
} 

#tutcontainer {
	background-color: #dddddd;
     width: 770px;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     padding: 10px 0 0 10px; /*top right bottom left*/
}
/*#container input {
    float: right;
    background-image: url(artwork/back_btn.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 39px;
    border: none;
    margin: 0 10px 0 0;
 }
#container input:hover {
    float: right;
    background-image: url(artwork/back_over.gif);
    background-repeat: no-repeat;
    width: 150px;
    height: 39px;
    border: none;
 }
 */
 
.tutback { width:237px; height:62px; float: right; background:url(artwork/tutback.png) -10px 0 no-repeat;}
.tutback a {text-decoration:none; display:block; width:237px; height:62px;}
.tutback a:hover{text-decoration:none; background:url(artwork/tutback_hover.png) -10px 0 no-repeat;}

#tutnav { width:778px; height:400px; position:relative; margin:0 auto; padding:50px 0 10px 0; text-align: justify;}
#tutnav img { width: 237px; height: 62px;}
#tutnav h1, h3 {text-align: center;}

#tutnav #sadstit { width:237px; height:62px; position:absolute; left:20px; top:110px; background:url(artwork/sadstit.png) 0 0 no-repeat;}
#tutnav #sadstit a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #sadstit a:hover{text-decoration:none; background:url(artwork/sadstit_hover.png) no-repeat 0 0;}

#tutnav #backstit { width:237px; height:62px; position:absolute; left:270px; top:110px; background:url(artwork/backstit.png) 0 0 no-repeat;}
#tutnav #backstit a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #backstit a:hover{text-decoration:none; background:url(artwork/backstit_hover.png) no-repeat 0 0;}

#tutnav #tanwin { width:237px; height:62px; position:absolute; left:520px; top:110px; background:url(artwork/tan.png) 0 0 no-repeat;}
#tutnav #tanwin a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #tanwin a:hover{text-decoration:none; background:url(artwork/tan_hover.png) no-repeat 0 0;}

#tutnav #finburn { width:237px; height:62px; position:absolute; left:20px; top:190px; background:url(artwork/finburn.png) 0 0 no-repeat;}
#tutnav #finburn a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #finburn a:hover{text-decoration:none; background:url(artwork/finburn_hover.png) no-repeat 0 0;}

#tutnav #pattern { width:237px; height:62px; position:absolute; left:270px; top:190px; background:url(artwork/pattern.png) 0 0 no-repeat;}
#tutnav #pattern a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #pattern a:hover{text-decoration:none; background:url(artwork/pattern_hover.png) no-repeat 0 0;}

#tutnav #saa { width:237px; height:62px; position:absolute; left:520px; top:190px; background:url(artwork/saa.png) 0 0 no-repeat;}
#tutnav #saa a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #saa a:hover{text-decoration:none; background:url(artwork/saa_hover.png) no-repeat 0 0;}

#tutnav #sharpen { width:237px; height:62px; position:absolute; left:20px; top:270px; background:url(artwork/sharpen.png) 0 0 no-repeat;}
#tutnav #sharpen a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #sharpen a:hover{text-decoration:none; background:url(artwork/sharpen_hover.png) no-repeat 0 0;}

#tutnav #tguide { width:237px; height:62px; position:absolute; left:270px; top:270px; background:url(artwork/tguide.png) 0 0 no-repeat;}
#tutnav #tguide a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #tguide a:hover{text-decoration:none; background:url(artwork/tguide_hover.png) no-repeat 0 0;}

#tutnav #sizechart { width:237px; height:62px; position:absolute; left:520px; top:270px; background:url(artwork/size_chart.png) 0 0 no-repeat;}
#tutnav #sizechart a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #sizechart a:hover{text-decoration:none; background:url(artwork/size_chart_hover.png) no-repeat 0 0;}

#tutnav #strop { width:237px; height:62px; position:absolute; left:270px; top:350px; background:url(artwork/strop.png) 0 0 no-repeat;}
#tutnav #strop a {text-decoration:none; display:block; width:237px; height:62px;}
#tutnav #strop a:hover{text-decoration:none; background:url(artwork/strop_hover.png) no-repeat 0 0;}

#tutheader {
     padding: 10px 10px 10px 10px; /*top right bottom left*/
     text-align: center;
}

#tutcontent {
     margin: 10px auto 0 auto; /*top right bottom left*/
}
.tutsection {
     background-color: #dddddd;
     padding: 0 0 10px 0px; /*top right bottom left*/
     clear:both;
}
.tutsection span {
  padding: 0 3px 0 0; /*top right bottom left*/
}
.tutsection table {
     margin: 0 auto 0 auto; /*top right bottom left*/
     text-align: center;
}
#tutfooter {
     clear: both;
     padding: 10px 10px 10px 10px; /*top right bottom left*/
     text-align: center;
}
#last {
    clear: both;
}
#no_script {
     width:458px;
     border: 3px ridge #000000;
	   background: url(artwork/noscript_bg.gif) repeat;
     text-align: center;
     margin: 5px auto;

}