/*Job Board Layout Fixed Width with top nav CSS */

/**********/
/*
 Ripped of computer arts mag
 
 @charset "UTF-8";
/* CSS Document */

/* A very simple CSS reset */
/*html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

*/

/***************************************************/
/*			Reset all browsers                     */
/***************************************************/
/* sets all padding and margin in all browsers to 0*/

*{ margin:0; padding:0;}
li, dd { margin-left:5%; }
fieldset { padding: .5em; text-align:left; }
/***************************************************/
/*          Elements                               */
/***************************************************/
body { background:url(../img/bg.png); font-family:Verdana, Arial, Helvetica, sans-serif; color:#eee; font-size:0.8em;}

a {color:#eee; }

a:visited {color:#ddd; text-decoration:underline;}

a:hover {color:#fff;}

img { border:none;}

/***************************************************/
/*          classes                                */
/***************************************************/
.fltrght { float:right; margin:0; padding:0; vertical-align:top;}

.fltleft { float:left; margin:2px 0 0 0; padding:0; vertical-align:baseline;}

.clear { clear:both;}

.dropcaps:first-letter { font-size:3em; color:#333; float:left; margin:3px 5px 5px 0;}

.fornocss { display:none;}

.alignleft {text-align:left;}

.underline {text-decoration:underline;}

.inline { float:left; margin:10px 30px 0px 30px; color:#eee; width:917px;}

.inline a { display:inline; color:#22023b; }

.inline a:hover { color:#fff; }

.inline ul { display:inline; margin:0 0px; float:right; width:400px; }

html*.inline ul { display:inline; margin:0 0px; float:right; width:400px; [margin:-13px 0px;]}

.inline ul li { display:inline; float:right}

#contentMainWrapper {display:block; display:inline;}


/* Useful piece of css for terms and condtions section of webistes or legal bumbo */

/*

#lcont ul li:after { color:#fff; content:' your string here'; }

--- use below in conjunction with javascript and html Dom
#lcont p:after { color:#fff; content: " "counter(p) ". " ;  counter-increment: p +2; }

*/


/***************************************************/
/*          Wrapper encapsalting Id                */
/***************************************************/
#wrapper, #lessonwrapper { width:988px; margin:0 auto; text-align:left; font-size:0.9em;}

#lessonwrapper { width:1008px; margin:0 auto;}
/***************************************************/
/*          Header  encapsalting Id                */
/***************************************************/

#header { background:url(../img/header.png); width:973px; margin:0 0 0 5px; height:182px; padding:20px; }

html>body #header { background:url(../img/header.png); width:933px; margin:0 0 0 5px; height:142px; padding:20px; }

#header img {}

#header h1 { float:left; display:inline; font-size:1.5em; padding:0; margin:0;}

#header h1.tagline { float:right; display:block; margin:120px 0 0 0;}


/********************************************************/
/*          contactmast  encapsalting Id                */
/********************************************************/

#contactmast { padding:10px 10px 10px 25px; width:963px; }

html>body #contactmast { padding:10px 10px 10px 25px; width:928px;  }

#contactmast p { display:inline; }

/***************************************************/
/*          Navigation Id       		   */
/***************************************************/
#nav {height:63px; margin:0 0 0 5px; }

#nav ul { font-size:0.8em; color:#5f3253;}

#nav ul li { list-style:none; display:inline; margin:0; }

#nav ul li.leftside, #nav ul li.rightside { background:url(../img/sideullft.png); width:14px; height:63px; display:block; float:left; }

#nav ul li.rightside { background:url(../img/sideulrght.png); }

#nav .home, #nav .lessons, #nav .instructors, #nav .about, #nav .faqs, #nav .contact{  width:161px; height:58px; display:block; float:left}

#nav .home { background:url(../img/home.png); width:165px;}
#nav .home:hover { background:url(../img/home.png) 0 58px; width:165px;}

#nav .lessons { background:url(../img/lessons.png); }
#nav .lessons:hover { background:url(../img/lessons.png) 0 58px; }

#nav .instructors { background:url(../img/instructors.png);}
#nav .instructors:hover { background:url(../img/instructors.png) 0 58px;}

#nav .about { background:url(../img/about.png);}
#nav .about:hover { background:url(../img/about.png) 0 58px;}

#nav .faqs { background:url(../img/faqs.png);}
#nav .faqs:hover { background:url(../img/faqs.png) 0 58px;}

#nav .contact { background:url(../img/contact.png); width:165px;}
#nav .contact:hover { background:url(../img/contact.png) 0 58px; width:165px; }

#nav a {}

/*#nav a:link, #nav a:visited {text-decoration:none;}

#nav a:hover {color:#fff;}*/

/***************************************************/
/*          Main container Id                      */
/***************************************************/
/* formual for anysize of layout */
/* Small Container Width = (Overall Width - (margin * no.col+1)) / no.col */
/* 754px */

#containertop {background:url(../img/bodytop.png);  margin:10px 0 0 0; width:980px; height:39px;}

#container { background:url(../img/bodybg.png); width:980px; margin:0; padding:0 0 0 0; text-align:center; letter-spacing:0.1em; line-height:1.7em;}

html>body #container { background:url(../img/bodybg.png); width:900px; margin:0; padding:0 40px 25px 40px; text-align:center; letter-spacing:0.1em; line-height:1.7em;}

#container h1 { margin:0 0 0 80px; font-size:1.75em;} 

html>body #container h1 { margin:0 0 0 10px; font-size:1.75em;} 

#container h2 { margin:10px 0 0 0px; font-weight:normal; font-size:1.25em;}
html>body #container h2 { margin:0 0 15px 0; font-weight:normal; font-size:1.25em;}

.contbox, .contboxhome { width:245px; float:left; display:inline; margin:0px 0 40px 5px; letter-spacing:0.05em; line-height:1.25em;}
.contboxhome { margin:0px 0 40px 0; }

html>body .contbox, html>body .contboxhome { width:220px; float:left; display:inline; margin:0px 0 40px 5px; letter-spacing:0.05em; line-height:1.25em;}

.contbox h3, .contboxhome h3 { background:url(../img/captionboxtop.png) no-repeat; margin:0 7px; padding:15px 0 0 0px; width:206px; font-size:0.9em; font-weight:bold; height:40px; display:block; }

.contbox h3 {padding:15px 0 0 20px;}

html>body .contbox h3, html>body .contboxhome h3 { background:url(../img/captionboxtop.png); margin:0 7px; padding:13px 20px 7px 20px; width:166px; font-size:0.9em; font-weight:bold; height:20px; display:block; }

.contbox .imgholder, .contboxhome .imgholder { background:url(../img/captionbox.png); width:222px; height:180px; display:block; padding:22px 0 0 0; text-align:center;  }
html>body .contbox .imgholder, html>body .contboxhome .imgholder { background:url(../img/captionbox.png); width:222px; height:158px; display:block; padding:22px 0 0 0; text-align:center;  }

.contbox a, .contbox a:hover, .contboxhome a, .contboxhome a:hover  {  background:url(../img/captionboxbot.png) no-repeat; padding:5px 7px; margin:0 10px; width:201px; height:77px; display:block; color:#eee; text-decoration: none;}

html>body .contbox a, html>body .contboxhome a{  background:url(../img/captionboxbot.png) no-repeat; padding:5px 7px; margin:0 10px; width:187px; height:67px; display:block; color:#eee; text-decoration: none;}

.contbox a:hover, .contboxhome a:hover { background:url(../img/captionboxbotrll.png) no-repeat; color:#fff;  text-decoration: blink; font-weight:700; padding:5px 7px; margin:0 10px; width:187px; height:67px; display:block; color:#eee; }

#boxfooter { background:url(../img/bodybot.png); width:980px; height:39px; padding:5px 80px; font-size:1.2em;}

html>body #boxfooter { background:url(../img/bodybot.png); width:820px; height:29px; padding:5px 80px; font-size:1.2em;}

#boxfooter ul {}

#boxfooter ul li { display:inline; margin:5px;}

#boxfooter ul li a { color:#eee; text-decoration:none;}

#boxfooter ul li a:hover { color:#fff; text-decoration:underline;}

/*          Header of container colum Id           */
#containerMast { background:#777;}

/*--------------------------------------------*/
/* following code is for four in a row colums */
/*--------------------------------------------*/

#containerMast .subcontaierfrst { width:192px; margin:0 5px; display:inline; background:#666; float:left;}
html>body #containerMast .subcontaierfrst { width:182px; margin:0 5px; display:inline; background:#666; float:left;}
#containerMast .subcontaier { width:192px; margin:0 5px 0 0; display:inline; background:#666; float:left;}
html>body #containerMast .subcontaier { width:182px; margin:0 5px 0 0; display:inline; background:#666; float:left;}

#containerMast p { margin:0 10px;}

/*--------------------------------------------*/
/* following code is for instructors bio page */
/*--------------------------------------------*/

/* --- ---*/

#adbox{ margin:15px 20px 0 30px; float:left; text-align:left;}
html>body  #adbox{ margin:15px 20px 0 0; float:left; text-align:left;[margin:15px 15px 0 15px;]}

#adboxright{ margin:15px 25px 0 0; float:right; display:block; text-align:left;}

#adboxrightprod{ margin:0; float:right; display:block; width:280px; }

/* ----  Advert box ---*/
* html .advertboxheader { background:url(../img/advertboxheader.png); width:202px; height:36px; margin:0 0 -5px 8px; display:block; padding:0 20px; text-align:left;}
.advertboxheader { background:url(../img/advertboxheader.png); width:172px; height:30px; margin:-8px 8px; display:block; padding:6px 5px 0 25px; text-align:left; [ margin:-8px 8px;]}
html*.advertboxheader { background:url(../img/advertboxheader.png); width:172px; height:30px; margin:-8px 8px; display:block; padding:6px 5px 0 25px; text-align:left;[ margin:-8px 0 -8px -60px;]}

.advertboxheader h3 { margin:0; padding:0; font-size:1em;}

.advertboxtop { background:url(../img/advertboxtop.png) no-repeat; width:427px; height:87px; padding:8px 30px 0 30px; display:block; }
html>body .advertboxtop { background:url(../img/advertboxtop.png); width:361px; height:47px; padding:20px 33px; display:block; }

.advertboxbot { background:url(../img/advertboxbot.png); width:426px; height:23px; display:block; }

.advertbox { background:url(../img/advertboxbg.png) repeat-y; width:426px; padding:0 30px; display:block; }
html>body .advertbox { background:url(../img/advertboxbg.png) repeat-y; width:360px; padding:0 33px; display:block; }

/* --- --*/

/* ----  Advert box small ---*/
.advertboxheadersmll { background:url(../img/advertboxheader.png); width:188px; height:36px; margin:0; display:block; padding:0; text-align:left; }
html>body .advertboxheadersmll { background:url(../img/advertboxheader.png); width:172px; height:27px; margin:-8px 8px; display:block; padding:9px 5px 0 25px; text-align:left; }

.advertboxtopsmll { background:url(../img/advertboxtopsmll.png); width:277px; height:88px; padding:0; margin:0; display:block; }
html>body .advertboxtopsmll { background:url(../img/advertboxtopsmll.png); width:247px; height:68px; padding:20px 15px 0 15px; margin:0 0 -15px 0; display:block; }

.advertboxbotsmll { background:url(../img/advertboxbotsmll.png); width:277px; height:23px; display:block; }

.advertboxsmll { background:url(../img/advertboxbgsmll.png) repeat-y; width:277px; padding:0;  display:block; }
html>body .advertboxsmll { background:url(../img/advertboxbgsmll.png) repeat-y; width:257px; padding:0 10px;  display:block; }

/*.advertboxsmll img { margin:-55px 0 5px 0;}*/


/* --- --*/


/* --- --*/

* html .instructorbiosheader { background:url(../img/instrtbioheader.png); width:230px; height:18px; float:left; margin:0 0 0 31px; padding:0 0 0 30px; text-align:left;}
.instructorbiosheader { background:url(../img/instrtbioheader.png); width:200px; float:none; height:18px; margin:0 9px 0 9px; padding:10px 10px 10px 20px; text-align:center; [float:left; margin:0 0 0 9px;]}

html*.instructorbiosheader { background:url(../img/instrtbioheader.png); width:200px; float:none; height:18px; margin:0 9px 0 9px; padding:10px 10px 10px 20px; text-align:center; [float:left; margin:0 0 0 21px;]}


.instructorbiosboxtop { background:url(../img/instrtbioboxtop.png); width:873px; height:84px; margin:0 0 0 0; padding:25px 20px 0 30px;; text-align:left;}
html>body .instructorbiosboxtop { background:url(../img/instrtbioboxtop.png); width:825px; height:59px; margin:-5px 0 0 0; padding:25px 20px 0 30px; text-align:left;}

.instructorbiosboxtop h3, .instructorbiosboxtoprght h3 { font-weight:bold; font-size:1.25em;}

/* -- for the right handed ones */

.instructorbiosheaderrght { background:url(../img/instrtbioheader.png); width:230px; height:38px; margin:10px 32px 0 667px; padding:0; text-align:center}
html>body .instructorbiosheaderrght { background:url(../img/instrtbioheader.png); width:200px; height:18px; margin:0 32px 0 639px; padding:10px 10px 10px 20px; text-align:center; [margin:0 32px 0 651px;]}

.instructorbiosboxtoprght { background:url(../img/instrtbioboxtoprght.png); width:875px; height:84px; margin:-5px 0 0 0; padding:20px 20px 0 0; text-align:right;}
html>body .instructorbiosboxtoprght { background:url(../img/instrtbioboxtoprght.png); width:825px; height:59px; margin:-5px -1px 0 -1px; padding:25px 20px 0 30px; text-align:right;[margin:-5px 0 0 -3px;]}

.instructorbiosboxbg, .instructorbiosboxbgtnc { background:url(../img/instrtbioboxbg.png); width:875px; margin:-10px 0 0 3px; text-align:left; padding:0 10px 0 27px; text-align:left;}
html>body .instructorbiosboxbg, html>body .instructorbiosboxbgtnc { background:url(../img/instrtbioboxbg.png); width:830px; margin:0 1px; text-align:left; padding:0 15px 0 30px; text-align:left;[margin:0 0 0 2px;]}

.instructorbiosboxbg fieldset { width:725px; text-align:center; padding:20px auto; }

.instructorbiosboxbg legend { padding:10px; font-size:1.255em; font-weight:bold;}

.instructorbiosboxbg form { width:500px; /*margin:0 auto;*/}

.instructorbiosboxbg label, .instructorbiosboxbg input, .instructorbiosboxbg textarea {float:left; display:inline; margin: 0 10px 10px 10px; vertical-align:top; clear:both; }

.instructorbiosboxbg input, .instructorbiosboxbg textarea {float:right; width:360px; clear:none;}

.instructorbiosboxbg textarea { width:360px;}

html>body .instructorbiosboxbg textarea { width:365px;}

.instructorbiosboxbg .submit{ clear:both; width:370px; }

.instructorbiosboxbot { background:url(../img/instrtbioboxbot.png); width:875px; height:20px; margin:0 -1px; [margin:0 0 0 -2px;]}

.instructorbiotxt, .instructorbiotxtrght {width:576px; float:left;}
html>body .instructorbiotxt, .instructorbiotxtrght {width:576px; float:left;}

.instructorbiotxt p , .instructorbiotxtrght p {margin:15px 0 0 0;}
html>body .instructorbiotxt p , .instructorbiotxtrght p {margin:15px 0 0 0;}

.instructorbiotxtrght { float:right;}

#instructorbioContaner, #instructorbioContanerrght { margin:15px 0 0 0;}

#instructorbioContaner ul { float:left; width:815px; margin:0 0 10px 35px; text-align:left;}
html>body #instructorbioContaner ul { float:left; width:800px; margin:0 0 10px 15px; text-align:left; [margin:0 0 10px 25px;]}

#instructorbioContaner ul li, #instructorbioContanerrght ul li { display:inline; margin:0; background:url(../img/instlist.png); width:200px; height:32px; padding:0 20px; float:left; }
html>body #instructorbioContaner ul li, html>body #instructorbioContanerrght ul li { display:inline; margin:0; background:url(../img/instlist.png); width:160px; height:32px; padding:0 20px; float:left; font-size:0.95em }

#instructorbioContanerrght ul li:hover, #instructorbioContaner ul li:hover { background:url(../img/instlistrll.png); padding:5px 20px 0 20px; height:27px;}

#instructorbioContanerrght ul {  float:right; margin:0 30px 10px 0; text-align:left;}

html>body #instructorbioContanerrght ul {  float:right; margin:0 40px 10px 0; text-align:left;}

#instructorbioContaner .instructorbiotxt ul, #instructorbioContaner .instructorbiotxt ul li, #instructorbioContanerrght .instructorbiotxt ul, #instructorbioContanerrght .instructorbiotxt ul li, #instructorbioContaner .instructorbiotxt ul li:hover, #instructorbioContanerrght .instructorbiotxt ul li:hover, #instructorbioContanerrght .instructorbiosboxbgtnc ul, #instructorbioContaner .instructorbiosboxbgtnc ul, #instructorbioContanerrght .instructorbiosboxbgtnc ul li, #instructorbioContaner .instructorbiosboxbgtnc ul li{display:block; margin:0 0 10px 20px; background:none; float:none; width:100%; padding:0; height: auto;}

/* ---- terms and condtions content --*/

.instructorbiosboxbgtnc h3 { margin:30px 0 10px 0;}

.instructorbiosboxbgtnc p { margin:20px 0 0 0 ;}

.instructorbiosboxbgtnc ol { margin:0 0 0 25px;}
html>body .instructorbiosboxbgtnc ol { margin:0;}

.instructorbiosboxbgtnc ol li { margin:0 0 20px 0 ; display:block; list-style:decimal;}

/* --- -- */
.prodmainleft{ float:left; width:600px; display:inline; margin:-8px 0 0 0;}

* html .prodheader { background:url(../img/instrtbioheader.png); width:203px; height:38px; margin:0 9px 0 9px; padding:0; text-align:left;}
.prodheader { background:url(../img/instrtbioheader.png); width:185px; height:28px; margin:0 9px 0 9px; padding:10px 10px 0 35px; text-align:left; [float:left; margin:0 0 0 9px;]}
html*.prodheader { background:url(../img/instrtbioheader.png); width:185px; height:28px; margin:0 9px 0 9px; padding:10px 10px 0 35px; text-align:left; [ float:left; margin:0 0 0 12px;]}

.prodmainleft a { color:#9584A2;}

.prodboxtop { background:url(../img/prodboxtop.png); width:595px; height:104px; margin:-5px 0 0 0; [margin:-5px 0 0 1px;]}

/* -- for the right handed ones */

* html .prodboxbg { background:url(../img/prodboxbg.png); width:595px; margin:0 1px; text-align:left; padding:0;}
.prodboxbg { background:url(../img/prodboxbg.png); width:535px; margin:0 1px; [margin:0 0 0 3px;] text-align:left; padding:0 30px;}

.prodboxbot { background:url(../img/prodboxbot.png); width:595px; height:20px; margin:0 -1px;}


#whatsNew  h2{ background:none;}

/* --- ---*/

#indexDefault, #productGeneral, #shoppingCartDefault, #loginDefault, #reviewsWrite, #reviewsDefault, #checkoutShipping, #checkoutPayment, #checkoutConfirmDefault, #accountDefault, #accountEditDefault, #addressBookDefault, #addressBookProcessDefault, #acctNewslettersDefault, #accountNotifications, #logoffDefault, #advSearchDefault, #newProductsDefault, #allProductsDefault { float:left; margin:-80px 0 0 0;}

#footer .creative { color:#ddd;}