/*----------------------------------------
Name: core.less
Developed by: Mark Joseph Rivera
Copyright: 2011 @ Dog and Rooster
----------------------------------------*/

@import 'class.less';
@import 'font.less';

/* --+ RESETS / CLEARFIX / DYNAMIC CLASS +-- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, logo, nav, section, time, audio, video { margin:0; padding:0; border:none; outline:0; }  html { overflow-y:scroll; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } table { border-collapse:collapse; border-spacing:0; } input, select { vertical-align:middle; } textarea { overflow:auto; } select, input, textarea, button { font:99% sans-serif; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } label, input[type=button], input[type=submit], button { cursor:pointer; } sub { vertical-align:sub; font-size:smaller; } sup { vertical-align:super; font-size:smaller; }  p { margin:0 0 10px; } a { outline:0; text-decoration:none; } a img { border:0; text-decoration:none; } h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:normal; margin:0 0 10px; } a:link { -webkit-tap-highlight-color:#bf4804; } .clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; } .clearfix:after { clear:both; } .clearfix { zoom:1; } .clear { clear:both; } .col1 { float:left; } .col2 { float:right; } .center { text-align:center; } .left { text-align:left; } .right { text-align:right; } .smaller { font-size:11px; } .small { font-size:small; } .medium { font-size:medium; } .large { font-size:large; } .larger { font-size:larger; } .first { margin-left:0 !important; padding-left:0 !important; } .last { margin-right:0 !important; padding-right:0 !important; } .top { margin-top:0 !important; padding-top:0 !important; } .bottom { margin-bottom:0 !important; padding-bottom:0 !important; } .dotted { border:none; border-bottom:dotted 1px #CCC; } .hline { border:none; border-bottom:solid 1px #CCC; } .ir { display:block; background-repeat:no-repeat; text-align:left; text-indent:-999em; direction:ltr; overflow:hidden; } .hidden { display:none; visibility:hidden; } .ie7 img { -ms-interpolation-mode:bicubic; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } ::-moz-selection { background:red; color:#fff; text-shadow:none; } ::selection { background:red; color:#fff; text-shadow:none; }

/* --+ COMPONENTS +-- */
.vanadium-advice { display:block; font-size:smaller!important; font-weight:bold; text-transform:capitalize; white-space:normal; color:#A40; } /*Form Validator*/
.process_info { display:block; font:normal 15px Arial; color:#666; line-height:16px; padding:10px; } /*Mailform Processing*/
.alertfiles { position:absolute; top:-72px; left:0; background:#2f1a12; color:#FFF; text-align:center; line-height:72px; width:100%; height:72px; z-index:9999; }
.error { position:relative; top:-5px; font-size:smaller; color:#A40; margin-bottom:10px; }

#menu {	position:absolute; bottom:0; left:0; background:url(../images/mn/menunav.png) no-repeat; width:950px; height:30px; z-index:100;
	ul { position:absolute; top:0; list-style:none!important; height:30px;
		a, span { display:block; cursor:pointer; height:30px; 
			&:hover { background:url(../images/mn/menunav.png) no-repeat; }
		}
		ul { position:absolute; top:30px; left:0; display:none; }
	}
	li { color:#FFF; 
		&:hover ul { display:block; width:auto; margin:0; padding:0; }
		li { &:hover { position:relative; } }
		li a { display:block; background:#28140a; font:12px 'MyriadProRegular',sans-serif; color:#e8b553; text-transform:capitalize; height:auto; *font:11px sans-serif; *letter-spacing:1px; *min-height:15px; _height:15px; padding:5px; border:solid 1px #3f2419; border-width:0 1px 1px 1px;
			&:hover { background:#3f2419; color:#e8b553; }
		}
		span { cursor:pointer; text-indent:-999em; }
	}
	.parent li { width:175px; }
	
	.panel1, .panel1 a { left:17px; width:113px;
		&:hover { background-position: -17px -30px; }
	}
	.panel2, .panel2 span { left:144px; width:129px;
		&:hover { background-position: -144px -30px; }
	}
	.panel3, .panel3 span { left:287px; width:153px;
		&:hover { background-position: -287px -30px; }
	}
	.panel4, .panel4 a { left:454px; width:121px;
		&:hover { background-position: -454px -30px; }
	}
	.panel5, .panel5 a { left:588px; width:127px;
		&:hover { background-position: -588px -30px; }
	}
	.panel6, .panel6 span { left:729px; width:103px;
		&:hover { background-position: -729px -30px; }
	}
	.panel7, .panel7 span { left:841px; width:87px;
		&:hover { background-position: -841px -30px; }
	}
}

/* --+ BEHAVIORS +-- */

body { _behavior:url(_csshover.htc); } /*Fix behavior of dropdown menu*/

/* --+ HTML5 CORE +-- */

html { background:url(../images/bg_body.jpg)repeat; }

body { font:13px/1.231 sans-serif; color:#444; width:100%; 
	//CSS IE Hack
	*font-size:small; 
	
	figure { width:950px; margin:auto; padding:0;
		section, footer { clear:both; width:100%; }
	}
}

header { position:relative; background:url(../images/bg_hdr.jpg)repeat-x top; width:100%; height:190px; border-bottom:solid 1px #2f150f; z-index:1; .box-shadow(0,0,5px,1px,#000);
	nav { position:relative; width:950px; height:190px; margin:auto;
		#hdrlogo { position:absolute; top:0; left:0; display:block; background:url(../images/hdr_logo.png)no-repeat; width:390px; height:190px; z-index:0; }
		#topInfo { position:absolute; top:0; right:0; text-align:right; width:330px;
			a { color:#e8b553; font-variant:small-caps; line-height:40px; height:40px; margin-left:20px; }
			img { .box-shadow(0,0,5px,1px,#111); .border-radius(5px); }
		}
		/* //Old Menu
		menu { position:absolute; bottom:0; left:0; text-align:center; list-style:none; width:100%; margin:0; padding:0; z-index:1;
			li { display:inline-block; *display:inline; line-height:30px; height:30px; margin:0 26px;
				a { font:1.16em 'MyriadProRegular',sans-serif; text-transform:uppercase; text-shadow:2px 2px 3px #000; color:#e8b553; }
			}
		}
		*/
	}
}

section { z-index:0; 
	//CSS IE Hack
	*margin-bottom:10px;
	
	ul, ol { line-height:22px; margin:10px 0 10px 25px; }
	ol { list-style:decimal; }

	a { position:relative; color:#ab8b5b;
	  &:hover { text-decoration:none; border-bottom:solid 1px #ab8b5b; }
	}
	
	#tble_info { clear:both; position:relative; width:100%; margin:10px 0; border:solid 2px #5f3c24;
		td { font-size:12px; color:#EEE; text-transform:uppercase; padding:10px;
			span { font-size:13px; text-transform:none; }
			strong { font:15px 'MyriadProRegular', sans-serif; letter-spacing:2px; margin-top:4px; }
		}
		td {
			background: #53301b; /* Old browsers */
			background: -moz-linear-gradient(top, #53301b 0%, #371e15 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53301b), color-stop(100%,#371e15)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #53301b 0%,#371e15 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #53301b 0%,#371e15 100%); /* Opera11.10+ */
			background: -ms-linear-gradient(top, #53301b 0%,#371e15 100%); /* IE10+ */
			background: linear-gradient(top, #53301b 0%,#371e15 100%); /* W3C */		
		}
	}

	
	#faqs_panel { line-height:18px; list-style:none; width:100%; margin:0;
		li { position:relative; margin-bottom:20px; padding:5px 0 5px 100px;
			&.item1 { background:url(../images/bullet1-faq.png) no-repeat 0 3px; }
			&.item2 { background:url(../images/bullet2-faq.png) no-repeat 0 3px; }
			&.item3 { background:url(../images/bullet3-faq.png) no-repeat 0 3px; }
			&.item4 { background:url(../images/bullet4-faq.png) no-repeat 0 3px; }
			&.item5 { background:url(../images/bullet5-faq.png) no-repeat 0 3px; }
			&.item6 { background:url(../images/bullet6-faq.png) no-repeat 0 3px; }
			&.item7 { background:url(../images/bullet7-faq.png) no-repeat 0 3px; }
		}
		span { /*position:absolute; top:8px; left:7px; font:16px 'MyriadProBold', sans-serif; color:#dcc07e; text-shadow:1px 1px 2px #000;*/ display:none; }	
	}

	#tops_panel { line-height:18px; list-style:none; width:100%; margin:0;
		li { position:relative; margin-bottom:20px; padding:5px 0 25px 100px;
			&.item1 { background:url(../images/bullet1-faq.png) no-repeat 0 3px; }
			&.item2 { background:url(../images/bullet2-faq.png) no-repeat 0 3px; }
			&.item3 { background:url(../images/bullet3-faq.png) no-repeat 0 3px; }
			&.item4 { background:url(../images/bullet4-faq.png) no-repeat 0 3px; }
			&.item5 { background:url(../images/bullet5-faq.png) no-repeat 0 3px; }
		}
		span { /*position:absolute; top:8px; left:8px; font:16px 'MyriadProBold', sans-serif; color:#dcc07e; text-shadow:1px 1px 2px #000;*/ display:none; }
		summary, li { font:15px 'MyriadProRegular',sans-serif; }
	}

	#cs_panel { position:relative; width:100%; margin:10px 0;
		dt { font:13px 'MyriadProRegular',sans-serif;
			strong { font-size:14px; }
		}
		dd { display:block; font:italic 13px 'MyriadProRegular',sans-serif; text-align:right; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #956b50; }
	}
}

footer { float:left; margin-bottom:20px; z-index:0;
	ul { float:left; color:#FFF; list-style:none; width:100%; margin:10px 0 40px;
		li { float:left; font-size:11px;
			&.bottom_links { margin-right:20px; padding:0 30px 0 25px; border-right:solid 1px #FFF;
			 	a { display:block; color:#FFF; text-decoration:none; }
			}
			&.mailbox { float:right; text-align:right; width:auto; margin:-5px 0 0; padding-right:25px;
				h3 { font:13px sans-serif; font-variant:small-caps; text-shadow:1px 1px 2px #555; margin:0 0 5px; }
				input[type=text] { display:block; line-height:20px; width:200px; height:20px; margin-bottom:3px; border:solid 1px #CCC; }
				input[type=submit] { position:relative; background:#4e331a; font-size:11px; color:#FFF; border:solid 1px #39230e; .border-radius(3px); .linear-gradient(#5b3c20,#4e331a,100%);
					&:hover { .linear-gradient(#714c2a,#4e331a,100%); }
				}
			}
		}
		a { color:#FFF; text-decoration:underline; }
	}
	summary { clear:both; float:left; display:block; font:11px sans-serif; color:#614119; text-align:justify; width:900px; padding:0 25px; margin-bottom:20px; }
}

//Division Line
.divLine { clear:both; float:left; position:relative; background:url(../images/div_line.jpg)repeat-x center; width:900px; height:2px; margin:10px 25px; }

//HOMEPAGE LAYOUT
#ajaxslider { position:relative; width:950px; height:470px; margin:0; overflow:hidden;
	img { display:block; width:950px; height:470px; }
}

#boxCols { float:left; background:url(../images/bg_boxframe-001.png)no-repeat; list-style:none; width:950px; height:260px; margin:0;
	li { float:left; position:relative; font:11px sans-serif; color:#FFF; width:216px; height:230px; margin-left:2px; padding:5px 10px 25px;
		&:first-child { margin-left:0; }
	}
	h2 { font:15px 'MyriadProBold',sans-serif; color:#cc0000; text-transform:uppercase; text-shadow:1px 1px 2px #000; margin:25px 0 10px; }
	img { display:block; width:180px; margin:0 auto 10px; border:solid 5px #000; }
	a[snaplink] { position:absolute; bottom:15px; background:url(../images/icon_red-arrow.jpg)no-repeat right center; font:11px sans-serif; font-variant:small-caps; color:#cc0000; line-height:15px; height:15px; padding-right:20px;
	  &:hover { border:none; }
	}
	
	#mediaInfo { position:relative; background:url(../../temp/framebox/jw_front-cover.jpg); width:180px; height:140px; margin:auto; border:solid 5px #000;
		a { display:block; background:none; width:180px; height:140px; padding:0;
		  &:hover { border:none; }
		}
	}
}

#boxCols2 { clear:both; float:left; position:relative; background:url(../images/bg_framebox-002.png)no-repeat; width:100%; height:100px; margin:0;
	a { position:absolute; top:16px; display:block;
		&[facebook] { right:170px; width:75px; height:34px; }
		&[linkedin] { right:93px; width:75px; height:34px; }
		&[twitter] { right:15px; width:75px; height:34px; }
		&:hover { border:none; }
	}
	form { position:absolute; bottom:16px; right:16px; width:230px; height:23px;
		input[type=image] { display:block; width:230px; height:23px; }
	}
}

//INSIDE PAGE LAYOUT
#content { background:#f5e7cc; width:950px; padding-bottom:10px; .border-radius(0 0 5px 5px); .box-shadow(0,0,5px,1px,rgba(0,0,0,.75)); }

aside { float:left; width:300px; margin-right:20px; padding-top:20px;
	#sn { position:relative; background:#f5e7cc; list-style:none; width:258px; margin:0 auto 20px; padding:0; border:solid 1px #2f1a12; .border-radius(5px);
		li { background:#28140a; border-top:solid 1px #371e15;
			&:first-child { font:15px 'MyriadProRegular',sans-serif; color:#e7c871; text-transform:uppercase; text-shadow:1px 1px 3px #000; padding:7px 10px; border-top:none; .linear-gradient(#53301b,#371e15,100%);
				&:hover { .linear-gradient(#53301b,#371e15,100%); }
			}
			&:hover { background:#3f2419; }
			a { display:block; color:#d49d35; padding:7px 10px;
				&:hover { text-indent:5px; border-bottom:0; }
			}
		}
	
	}
	#adsLink { clear:both; position:relative; list-style:none; margin:10px 20px; padding:0;
		li { display:block; width:260px; height:100px; margin-bottom:5px; cursor:pointer; overflow:hidden;
			&.al_banner01 { background:url(../../temp/banner/link_banner01.png) no-repeat;
				&:hover { background:url(../../temp/banner/link_banner01.png) no-repeat 0 -100px; }
			}
			&.al_banner02 { background:url(../../temp/banner/link_banner02.png) no-repeat;
				&:hover {  background:url(../../temp/banner/link_banner02.png) no-repeat 0 -100px; }
			}
			&.al_banner03 { background:url(../../temp/banner/link_banner03.png) no-repeat;
				&:hover { background:url(../../temp/banner/link_banner03.png) no-repeat 0 -100px; }
			}
			
			a { display:block; width:260px; height:100px; }
		}
	}

}


article { float:right; color:#774920; width:610px; padding:20px 20px 0 0;
	#topBanner { display:block; background:#f5e7cc; width:606px; height:106px; padding:2px; margin-bottom:20px; overflow:hidden; .linear-gradient(#ddc17f,#5f3b24,100%); .border-radius(5px); .box-shadow(0,0,3px,1px,rgba(0,0,0,.75)); }

	h1 { font:600 24px 'MyriadProRegular',sans-serif; color:#6f3629; margin-bottom:20px;
		sup { font-size:11px; }
		small { display:block; font-size:16px; }
	}
}


#pageform { float:left; width:610px; padding:10px 0;
	ul { clear:both; float:left; list-style:none; width:610px; margin:0 0 10px;
		li { float:left; font-size:13px; width:580px; padding:10px;
			&:first-child { width:580px; padding:5px 10px; }
		}
		dl { clear:both; float:left; width:100%;
			dt, dd { position:relative; padding:5px 0; }
			dt { float:left; text-align:left; width:130px; margin-right:8px; vertical-align:top; }
			dd { float:left; width:430px;
				&.indent { padding-left:10px; }
				small { display:block; font-size:11px; color:#999; line-height:12px; }
				strong { padding-left:5px; }
				label { display:block; }
				input[type=text] { width:auto; padding:3px; border:solid 1px #CCC; vertical-align:top; }
				textarea { font:normal 13px Arial; width:420px; max-width:420px; height:150px; max-height:150px; padding:3px; border:solid 1px #CCC; overflow:auto; vertical-align:top; }
				select { padding:3px; border:solid 1px #CCC; }
			}
		}
	}
	input[type=submit], input[type=reset] { font:13px sans-serif; }
}