@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

img {margin:0; padding:0; float:none; border:0px; box-shadow: none;}

a {color:#fb971d;; text-decoration:underline;}
a:hover {color:#e83c00;}


a.grd-orange {
text-shadow: 0px -1px 0px #fc531d;
  background-color: #f67a2f;
  color:#fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f67a2f), to(#fc531d)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f67a2f, #fc531d); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image:    -moz-linear-gradient(top, #f67a2f, #fc531d); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #f67a2f, #fc531d); /* IE10 */
  background-image:      -o-linear-gradient(top, #f67a2f, #fc531d); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #f67a2f, #fc531d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f67a2f', EndColorStr='#fc531d'); /* IE6-IE9 */
  padding: 6px 14px; color:#fff; 
  text-decoration:none;}
  
a.grd-orange:hover {background:#e83c00;}

body { background:#fff; line-height:auto; font: 12px/normal Arial, Helvetica, sans-serif;}

h1 { font-size:60px; letter-spacing:-2px; color:#fff; margin:0px 0px;}

h1 strong{color:#fc0;}

h2 {font-size:21px; font-weight:bold; letter-spacing:-1px; color:#333; margin:10px 0px; }

h3 { text-align:center; font-size:65px; font-weight:bold; letter-spacing:-2px; color:#333; margin:20px 0px;}

.blogHead {height:210px; background: url(images/blog_bg.jpg) repeat-x; text-align:center;}

.topWrap {width:100%; background:/*#ffe1d7;*/ #000; margin:0px; padding:3px 0px;}

.topWrap .new {position:relative; top:-18px; left:215px; width:144px; height:54px; background:url(images/new.png) no-repeat; margin:0px; padding:0px; text-align:center; font-size:30px; font-weight:bold; color:#fff; }

.contentWrap {margin:10px auto; height:auto; /*max-width:825px;*/ max-width:980px; }

.videoWrap {width:720px; height:400px; background:#000; border: 1px solid #2c2c2c; margin:20px auto;}


.instructions { display:block; height:auto; padding:20px 0px; /*border-bottom:20px solid #ffe1d7;*/ margin-bottom:20px; padding-left:12px; }


.howTo {height:auto; overflow:hidden;}
.howTo dl { display:block; width:33%; float:left; height:auto; font-size:14px; overflow:hidden;}
.howTo dt {text-align:center; display:block; border:1px solid #e3e3e3;}
.howTo dt.pic {width:270px; height:250px; background: url(images/pic1.jpg) no-repeat center top #000; margin:0 auto;}
.howTo dt.pic2 {width:270px; height:250px; background: url(images/pic2.jpg) no-repeat center top #000; margin:0 auto;}
.howTo dt.pic3 {width:270px; height:250px; background: url(images/pic3.jpg) no-repeat center top #000; margin:0 auto;}
.howTo dd {padding:10px 0; width:270px; margin:0 auto; display:block; }
.howTo dd strong { display:block; margin-bottom:10px; color:#fc531d; }

.footer { padding:10px 0px; margin-bottom:40px; font-size:18px;  text-align:center; /*background:#ffe1d7;*/ }
.footer img {float:left; margin-right:20px;}
.footer strong {color:#333;}

.clear {clear:both;}

/*********************************************************************************************



2. Header Styles  ---------------------  header.php



*********************************************************************************************/


#header-inside {

width: 980px;

margin: 0px auto;

}



#header-left { /* For the Logo */

/*width: 250px;

float:left;*/

width:640px;

margin:0 auto;

text-align:center;

padding: 30px 0 10px 0;


}



#header-left h1 {

font-size: 50px;

margin: 20px 0 0 0;

}



#header-left h1 a {

color: #CCCCCC;

}



#header-left h1 a:hover {

color: #FFFFFF;

}

.breadcrumbs {
width: 100%;
float: left;
color: #CCCCCC;
margin-top:22px;

}




.breadcrumbs p {

width: 675px;

float: left;

margin: 5px 0 12px 5px;

}