/***** Global Settings *****/

 

html, body {

border:0;

margin:0;

padding:0

}

 

body {

font: normal 100%/1.4 "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif; color:#000000;

background:#fff;

text-align:center

}

 

/***** Headings *****/

 

h1, h2, h3, h4, h5, h6 {

margin:0;

padding:0;

font-weight:normal

}

h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;

line-height:1.2}



h1 {

color:#191919;

padding:0 0 16px 0;

font-size:3em;



}

 

h2 {

color:#191919;

padding:0.6em 0 0.4em 0;

font-size:2em;

}

 

h3 {

color:#191919;

padding:0 0 0.2em 0;

font-size:1.5em



}

 

/***** Common Formatting *****/

 

p, ul, ol {

margin:0;

padding:0 0 1.2em 0

}

 

ul, ol {

padding:0 0 1.25em 2em

}

li {padding:0 0 0.6em 0; line-height:1.0}

 

blockquote {

margin:0 1em 0.2em 1em

}

 

small {

font-size:0.8em

}

 

img {

border:0

}

 

sup {

position:relative;

bottom:0.3em;

vertical-align:baseline

}

 

sub {

position:relative;

bottom:-0.2em;

vertical-align:baseline

}

 

acronym, abbr {

cursor:help;

border-bottom:1px dashed;

font-variant:normal

}

 

/***** Links *****/

 

a, a:link, a:visited, a:hover {text-decoration:underline}

a {color:#004477}

a:visited {color:#886bb4}

a:hover, a:active {color:#eb402e}



/***** Forms *****/

 

form {

margin:0;

padding:0;

display:inline

}

 

input, select, textarea {

font:1em Tahoma, Arial, Helvetica, sans-serif

}

 

textarea {

line-height:1.25

}



 

/***** Tables *****/

 

table {

width:100%;

border:0;

border-collapse:collapse;

margin:0 0 0 0;

padding:0

}

 

table tr td {

padding:0; 

vertical-align:top

}



 

 

/***** Global Classes *****/



.nobullet      { list-style:none; list-style-image:none }

.gray {color:#279800}

ul.recipe, ol.recipe {

padding:0 0 0.4em 2em

}

ul.recipe li, ol.recipe li {padding:0 0 0.4em 0; line-height:1.2; font-style:italic}



#header {height:86px; background:url(../images/head_bg.jpg) top repeat-x;  text-align: -moz-center}

#header table {width:960px; height:86px; margin:0 auto}

#header table td {text-align:left; width:50%}

#header_rc {width:265px; padding:10px 20px; text-align:center}



#logo {padding:0 10px}



#mainpic {height:262px;  text-align: -moz-center}

#mainpic table {width:960px; height:262px; margin:0 auto}

#mainpic td {background:url(../images/hellboy2.jpg) no-repeat}



#contnt {height:600px;}

#content {width:100%; height:600px; background:url(../images/cont_bg.jpg) top repeat-x}

#content_td {vertical-align:top; background:url(../images/cont_botbg.jpg) bottom repeat-x;  text-align: -moz-center}

#content_tbl {width:960px; height:600px; margin:0 auto}

#content_tbl2 {margin:70px 0; width:94%}

#cont_left {width:580px; text-align:left; font-size:1em; color:#333333; line-height:1.6; padding:0 30px 0 0}

#cont_right {background:url(../images/splitter.jpg) left top no-repeat; padding:0 0 0 30px; text-align:left}

#cont_right ul {padding:0 0 1.25em 1em}

#cont_right li{font-size:110%}

#cont_right ul ul li{font-size:90%}



#footer {height:118px; background:url(../images/foot_bg.jpg) top repeat-x;  text-align: -moz-center}

#footer_tbl {height:118px; width:960px; margin:0 auto}

#footer_tbl table {width:94%}

#footer_tbl table td {text-align:center}

#footer td {vertical-align:middle}



.tutorial_image {

	text-align:center;

	margin-bottom:10px;

	padding-top: 10px;

	padding-bottom: 6px;

}

.tutorial_image img {

	margin: auto;

}