/*GUIDE HEADER TITLES*/
#header{background:url(../img/headers/sectionheader-guide.jpg) no-repeat;width::988px;height:205px;margin-top:21px}

/*SUBNAV*/
#m-subnav-header{background:url(../img/headers/subnav-guide.png) no-repeat;width:320px;height:94px;margin:0 0 -33px -10px}

/*General Shortcuts*/
.mb30{margin-bottom:30px}
.mb20{margin-bottom:20px}
.bullet{margin-bottom:20px}
.bullet li{list-style-image:url(../img/misc/bullet.png);margin-left:10px;}
em{color:#f15c5e;font-style:normal}

/*Getting Started*/
.guide-getting-started h2{color:#00b085;font-size:16px;clear:both;margin-bottom:7px}
.guide-getting-started h3{color:#003745;font-size:14px;margin-bottom:12px}
.guide-getting-started a{color:#00b085}
.guide-getting-started p{}
.guide-getting-started .steps li{clear:both;float:left;margin-bottom:20px;width:600px}
.guide-getting-started .steps li img{float:right;border:solid 1px #434343;margin-left:20px}

/*Class Guide*/
.guide-class-guide h2{color:#00b085;font-size:16px;clear:both;margin-bottom:7px}
.guide-class-guide h3{color:#003745;font-size:14px;margin-bottom:12px}
.classes-intro{width:553px;border:solid 1px #d4d4d4;float:left;padding:25px 20px 5px 27px;margin:-30px 0 30px}
.classes-intro p{margin-bottom:22px}
.classes-nav { margin-bottom: 61px; clear: both; }
.classes-nav a { width: 101px; height: 120px; margin-left: -1px; text-indent: -9999px; background-color: transparent; background-image: url(../img/guide/tabs/character-tabs.jpg); background-repeat: no-repeat; float: left; display: block; }
.tab-warrior { background-position: 0 0; }
.tab-warrior:hover { background-position: 0 -120px; }
.tab-warrior.active { background-position: 0 -240px; }
.tab-archer { background-position: -100px 0; }
.tab-archer:hover { background-position: -100px -120px; }
.tab-archer.active { background-position: -100px -240px; }
.tab-cleric { background-position: -200px 0; }
.tab-cleric:hover { background-position: -200px -120px; }
.tab-cleric.active { background-position: -200px -240px; }
.tab-sorceress { background-position: -300px 0; }
.tab-sorceress:hover { background-position: -300px -120px; }
.tab-sorceress.active { background-position: -300px -240px; }
.tab-tinkerer { background-position: -400px 0; }
.tab-tinkerer:hover { background-position: -400px -120px; }
.tab-tinkerer.active { background-position: -400px -240px; }
.tab-kali { background-position: -500px 0; }
.tab-kali:hover { background-position: -500px -120px; }
.tab-kali.active { background-position: -500px -240px; }
.tab-assassin { background-position: -600px 0; }
.tab-assassin:hover { background-position: -600px -120px; }
.tab-assassin.active { background-position: -600px -240px; }
.tab-lencea { background-position: -700px 0; }
.tab-lencea:hover { background-position: -700px -120px; }
.tab-lencea.active { background-position: -700px -240px; }
.tab-avenger { background-position: -800px 0; }
.tab-avenger:hover { background-position: -800px -120px; }
.tab-avenger.active { background-position: -800px -240px; }
.tab-machina { background-position: -900px 0; }
.tab-machina:hover { background-position: -900px -120px; }
.tab-machina.active { background-position: -900px -240px; }
.tab-hunter { background-position: -1000px 0; }
.tab-hunter:hover { background-position: -1000px -120px; }
.tab-hunter.active { background-position: -1000px -240px; }
.clearfix:after { height: 0; content: ''; visibility: hidden; clear: both; display: block; }
.img-3col{float:left;margin-bottom:20px}
.img-3col img{border:solid 1px #434343;float:left;margin-right:14px}
.img-3col img+img+img{margin-right:0}
.subclass{float:left}
.subclass li{clear:both;float:left;margin-bottom:20px}
.subclass li p{float:left;width:350px}
.subclass li img{float:right;border:solid 1px #434343;}

/*Questing*/
.guide-questing h2{color:#00b085;font-size:16px;clear:both;margin-bottom:7px}
.guide-questing h3{color:#003745;font-size:14px;margin-bottom:4px}
.caption{background:#003745;color:#ccc;font-style:italic;max-width:190px}
.caption img{border:solid 1px #434343}
.caption span{display:block;text-align:center;padding:20px 10px}
.caption.ac{max-width:390px;margin:auto auto 20px}
.caption.fl{margin-right:20px}
.caption.fr{margin-left:20px}

/*Townsfolk*/
.guide-townsfolk h2{color:#00b085;font-size:16px;clear:both;margin-bottom:7px}
.guide-townsfolk h3{color:#003745;font-size:14px;margin-bottom:10px}
.img-4col{margin-bottom:16px}
.img-4col img{border:solid 1px #666;margin-right:10px}
.caption-large{background:#003745;color:#ccc;font-style:italic;width:600px;float:left;height:218x;position:relative;margin-bottom:16px}
.caption-large img{border:solid 1px #434343;float:left;width:406px;}
.caption-large span{text-align:center;width:142px;float:left;padding:50px 25px 0}
.town-npc-nav{float:left;clear:both;margin-bottom:28px}
.town-npc-nav a{float:left;text-indent:-9999px}
.town-npc-nav a.tab-mana{background:url(../img/guide/townsfolk/tab-mana.png) no-repeat;width:120px;height:42px;}
.town-npc-nav a.tab-ironwood{background:url(../img/guide/townsfolk/tab-ironwood.png) no-repeat;width:120px;height:42px;}
.town-npc-nav a.tab-carderock{background:url(../img/guide/townsfolk/tab-carderock.png) no-repeat;width:120px;height:42px;}
.town-npc-nav a.tab-haven{background:url(../img/guide/townsfolk/tab-haven.png) no-repeat;width:120px;height:42px;}
.town-npc-nav a.tab-lotusmarsh{background:url(../img/guide/townsfolk/tab-lotusmarsh.png) no-repeat;width:120px;height:42px;}
.town-npc-nav a.tab-mana:hover,.town-npc-nav a.tab-ironwood:hover,.town-npc-nav a.tab-carderock:hover,.town-npc-nav a.tab-haven:hover,.town-npc-nav a.tab-lotusmarsh:hover{background-position:0 50%}
.town-npc-nav a.tab-mana.active,.town-npc-nav a.tab-ironwood.active,.town-npc-nav a.tab-carderock.active,.town-npc-nav a.tab-haven.active,.town-npc-nav a.tab-lotusmarsh.active{background-position:0 100%}