/* Ash Latif.com  - global styles  - albase.css   le: 01-09-2018  
---------------------------------------------------	*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet section! is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
:link,:visited { 
	text-decoration:none 
}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { 
	list-style:none 
}

/* avoid browser default inconsistent heading font-sizes 
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size: 1em; 
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin 
	the default spacing on headings does not match nor align with normal 
	interline spacing at all, so let's get rid of it. zero out the spacing 
	around pre, form, body, html, p, blockquote as well form elements are 
	oddly inconsistent, and not quite CSS emulatable. nonetheless strip 
	their margin and padding as well */
	
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin:0; 
	padding:0 
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { 
	border:none 
}

/* de-italicize address */
address { 
	font-style:normal 
}

/* remove the browser applied style */
* {
	border:0;
	margin:0;
	padding:0;
}

html, body {height: 100%;}

#wrapper {
    min-height: 100%;
}

#container {
	padding-bottom: 120px;
}  /* must be same height as the footer */

#footer {
  position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* colours - lime green - 99cc00, mid-blue - #006699 , purple - #9999ff;
/* body 
---------------------------------------------------	*/
body {
	background: url(../panes/bgmain.gif) repeat-x top left;	
	color:#555;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 67.5%;
	margin: 0;
	min-height: 100%;
	padding: 0;
}

.wrapper {
    display: block;
    margin-bottom: 16em !important;
    margin-top: 15px;
}

body#inspire div#content {
	display:block;
	height: 30em !important;
}

body#recomend div#container {
	display:block;
	height: 115em !important;
}

body#action div#container {
	display:block;
	height: 99em !important;
}

span#highlighter, #scroller {
    padding: 20px 20px 20px 20px;
}

/* header
---------------------------------------------------	*/
div#header {
	border-bottom: 1px solid #e9e9e9;
	background: #FFF url('https://www.ashlatif.com/assets/banner/pin-sliv.gif') center repeat-x;
	height:100px;
	display: block;
	float: left;
	left: 0em;
	list-style: none;
	margin-top: 0.16em;
	padding: 0;
	position: relative;
	top: -2.35em;
	width:100%;
}

.headcust {
  display: block;
  top: -1.4em !important;
}

p.motiv {
    /*max-height: 150px;*/
}

p.motiv img {
display: block;
position: absolute;
top:-0.8em; !important;
left:-150px !important;
}

div#header a img {
	left: 0;
	list-style: none;
	margin-bottom: 2.4em;
}

#header_inside {
	margin:0 auto;
	width:800px;
}

#header #logo {
	color:#fff;
	display:block;
	float:left;
	height:60px;
	left: 0em;
	margin:0 0 0 10px;
	position:relative;
	top: 0.2em;
	width:260px;
}

#header_inside h1 span {
	color:#9c0;
}

#container {
	height: 55em;
	min-height: 55em;
	margin: 0 auto;
	width: 800px;
	min-width: 50%;
	position: relative;
	text-align: left;
}

div#content {
	background: url(../assets/bkgnd/logo-large.png) no-repeat -18em -3em;
	letter-spacing:-1px; /* compress body text word width */
	line-height:175%;
	height: 100%;
	margin: 0 220px 0 20px;
	width:556px;
}

.push{
	height: 1em !important;
}

#content h1 {
	font-size:150%;
	font-weight:600;
	padding:1em 0 0 0;
}

#content h2 {
	color:#9999ff;
	font-size:115%;
	text-align:right;
}

p {
  margin-bottom: 0 
}
  
p + p {
  text-indent: 0.5em;
  margin-top: 0
}

#content p {
	padding:0 0 8px;
}

div#linksbar {
	list-style: none;
	margin: 0;
	position: absolute;
	right:0;
	top: 180px;    
	width: 200px;
	height:44em;
}

#linksbar h2 {
	background:#fff;
	color:#555;
	font-size:125%;
	font-weight:700;
	padding:5px 0;
	text-align:right;
}

#linksbar ul {
	letter-spacing:-1px;
	list-style:none;
	margin:0 0 10px;
}

#linksbar ul li {
	list-style:none;
}

#linksbar ul li a {
	border-bottom: 3px solid #e9e9e9;
	display:block;
	font-size:120%;
	padding:3px;
	text-align:right;
	width:190px;
}

#linksbar ul li a:hover {
	background:#eee;
	color:#000;
}

/* general
---------------------------------------------------	*/
a {
	color:#9C0;
	text-decoration:none;
}

a:hover {
	color:#555;
	text-decoration:none;
}

float-left {
	margin-top:0.6em;
}

/* typography, paragraph styles
---------------------------------------------------	*/
h1,h2,h3,h4,h5,h6,h7 {
	color:#336699;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.5em !important;
	line-height: 1.8em;
	font-weight: 400;
}

h2 {
	font-size: 2.1em;
	line-height: 1.8em;
}

p {
	border:0;
	color:#333; 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.6em; 
	line-height: 1.6em;
	margin: 10px 0px 20px 0px;	
}

p.stb {
	margin-top: 1em;
	text-indent: 0;
}
	
p.mtb {
	margin-top: 2em;
	text-indent: 0;
}
	
p.ltb {
	margin-top: 3em;
	text-indent: 0;
}

p.body {
	color:#336699; 
	font-size: 1.6em; 
	line-height:1.3em;
	padding:0.5em 0 1.2em;
	margin-top:0.3em;
}

p.body-quote {
	font-size: 1.2em; color:#333;
	padding:0.5em 0 0.7em;
	margin-top:0.3em;
	display:block;
}

p.inline-cite {
	display:inline;
	font-size: 1.1em; color:#006699; 
}

p.large {
	font-size: 1.2em; color:#777;
	padding:0.2em 0 0.2em;
	margin-top:0.3em;
}

p.head {
	border-bottom:3px double #CCC;
	border-top:3px double #CCC;
	color:#006699; 
	font-size: 1.2em !important; 
	font-family: georgia, "times new roman", serif;
	font-style: italic;
	letter-spacing:10px;
	float:left;
	line-height:2.2em;
	text-align: center;
	width: 250px;
}


p.small {
    color:#356;
	display:block;
	font-size: 0.8em; 	
	padding:0;
	margin: 0;
	line-height: 2.5em;
}

p.just {
	text-align:justify;
}

p.smalljust {
	font-size: 40%; 
	color:#CCC; 
	text-align:justify;
}

p.medjust {
	font-size: 140% !important; 
	color:#CCC; 
	text-align:justify;
}

img.float {
	display:block;
	left: 5em;
	position:absolute;
	top: 0.24em;
}

/* recommendations page
---------------------------------------------------	*/

ul#recommend {
	width:44em;
}

#content ul#recommend li.body-quote {
	display: inline;
	font-size: 1.5em;
	line-height: 1.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	width:42em;
}
  
li.inline-cite {
	border-right: 2px dotted #066;
	color:#006699;	
	font-size: 1.4em;
	font-weight:600;
	display: block;
	padding-left: 3px;
	padding-right: 7px;
	position:relative;
	text-align:right;
	width:35em;
}
  
li.inline-cite-short {
	position:relative;
	display: block;
	padding-left: 3px;
	padding-right: 7px;
	width:25em;
	text-align:right;
	border-right: 1px dotted #066;
	font-size: 1.0em; color:#006699;
	font-weight:600;
}

li.inline-cite-med {
	position:relative;
	display: block;
	padding-left: 3px;
	padding-right: 7px;
	width:35em;
	text-align:right;
	border-right: 1px dotted #066;
	font-size: 1.0em; color:#006699;
	font-weight:600;
}
  
li.last {
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 0px;
} 

li.body-quote {
	border:0;
	font-size: 1.2em; color:#555; 
	padding:0.2em 0 0.2em;
	margin-top:0.3em;
}

/* blockquotes
---------------------------------------------------	*/
div#wrap, div.wrap {
	text-align:justify;
}

div.wrap {
	text-align:justify;
height:10em !important;
float:left !important;
width: 470px;
}

div.wrap-thin, div.wrap-thin {
	float:left;
	height: 8em;
}

blockquote:first-letter {
	background: url(/assets/png/quotetop.png) no-repeat left top;
	padding-left: 1.1em;
	padding-top:0.2em;
	font: italic 1.9em Georgia, "Times New Roman", Times, serif;
}

blockquote {
	font: 1.4em/1.6em Georgia, "Times New Roman", Times, serif !important;
	margin-bottom:1em !important;
	text-indent: -8px;
	width: 470px;
	display: block;
	position: relative;
}

blockquote cite {
	position:relative;
	float:right;
	display: block;
	top:-1.3em !important;
	left: 20em !important;
	font-size: 1em;
	font-style:italic;
	font-weight:600;
	color:#99CC00;
	text-align:right;
} 

/* blockquotes - individual styling
---------------------------------------------------	*/
div.wrap div#id4 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 44.5em bottom no-repeat;
	width: 50em;
}

div.wrap div#id4 blockquote cite {
	left: 25em;
}

/* */
div.wrap div#id5 {
	padding: 0em 1em 1em 1.8em;
	background: transparent url(/png/quotebot.png) 4.5em bottom no-repeat;
}

div.wrap div#id5 blockquote cite {
	left: 12em;
}

/* contact */
div.wrap div#id6 {
	padding: 1em 1em 0.5em 1.8em;
	background: transparent url(/png/quotebot.png) 46.5em 1.0em no-repeat;
	width: 50em;
}

div.wrap div#id6 blockquote cite {
	left: 4em;
	line-height:4em;
}

/* in action */
div.wrap-thin div#id7 {
	padding:1em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) no-repeat;
}

div#id7  {
border: 1px solid #FFF !important;
width:385px;
margin-left:3em;
}

div.wrap-thin div#id7 blockquote {
display:block;
	left: 1em !important;
width:245px;
}

div.wrap-thin div#id7 blockquote cite {
	left: 26em !important;
margin-top: -2em;
}


/* post comments
---------------------------------------------------	*/
p.date {
	color: #999;
	background: #FFF;
	text-align: right;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: lowercase;
	margin: 0.3em 0.1em;
	padding: 0.1em 0 0;
}
	
div#content p.date a {
	color: #999;
}
	
div#content p.date a:hover {
	border: none;
	color:#CC0000;
	text-decoration: underline;
}
	
.time {
	color: #192D50;
	float: left;
	text-align: left;
	padding: 5px 0 0 15px;
}


/* post comments
---------------------------------------------------	*/
p.date {
	color: #999;
	background: #FFF;
	text-align: right;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: lowercase;
	margin: 0.3em 0.1em;
	padding: 0.1em 0 0;
}
	
div#content p.date a {
	color: #999;
}
	
div#content p.date a:hover {
	border: none;
	color:#CC0000;
	text-decoration: underline;
}
	
.time {
	color: #192D50;
	float: left;
	text-align: left;
	padding: 5px 0 0 15px;
}

/* Contact Navigation 
---------------------------------------------------	*/
#header_contact {
	display: block;
	float:right;
	height:100px;
	left:590px;
	list-style:none;
	position:relative;
	top:120px;
	width:10px;
}

#header_contact ul#navlist2 {
	float:right;
	height:100px;
	list-style:none;
	width:350px;
}

ul#navlist li, ul#navlist li * {
	font-size: 12px !important;
}


ul#navlist2 li {
	width:150px;
}

ul#navlist2 li a {
	color:#777 !important;
	display:block;
	font-size: 130%;
	height:25px;
	width:250px;
}

ul#navlist2 li a span {
	color:#777 !important;
	display:inline;
	height:25px;
	width:150px;
	cursor:pointer;
}

/* Navigation 
---------------------------------------------------	*/

#header_inside ul#navlist {
	float:right;
	height:100px;
	list-style:none;
	width:450px;
}

#header_inside ul#navlist li {
	border-right:1px solid #CCC;
	float:right;
	height:100px;
	list-style:none;
	width:75px;
}

#header_inside ul#navlist li a {
	color:#777 !important;
	display:block;
	font-size: 130%;
	height:50px;
	line-height:50px;
	padding:40px 0 0;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a span {
	display:block;
	margin:50px 0 0;
}

/* home 
---------------------------------------------------	*/
#header_inside ul#navlist li a#homenav {
	background-image:url(/assets/nav/soff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#homenav:hover {
	background-image:url(/assets/nav/son.gif);
	background-repeat: no-repeat;

	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;

	padding-top: 4px;
	text-align:center;
	width:75px;
	z-index:1;
}

body#home #header_inside ul#navlist li a#homenav {
	background-image:url(/assets/nav/son.gif);
	background-repeat: no-repeat;
}

/* about 
---------------------------------------------------	*/
#header_inside ul#navlist li a#aboutnav {
	background-image:url(/assets/nav/aoff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#aboutnav:hover {
	background-image:url(/assets/nav/aon.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
	z-index:1;
}

body#about #header_inside ul#navlist li a#aboutnav {
	background-image:url(/assets/nav/aon.gif);
	background-repeat: no-repeat;
}

/* what
---------------------------------------------------	*/
#header_inside ul#navlist li a#whatnav {
	background-image:url(/assets/nav/woff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#whatnav:hover {
	background-image:url(/assets/nav/won.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

body#what #header_inside ul#navlist li a#whatnav {
	background-image:url(/assets/nav/won.gif);
	background-repeat: no-repeat;
}

/* inspire 
---------------------------------------------------	*/
#header_inside ul#navlist li a#inspirenav {
	background-image:url(/assets/nav/ioff.gif);
	background-repeat: no-repeat;
	color:#333;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

#header_inside ul#navlist li a#inspirenav:hover {
	background-image:url(/assets/nav/ion.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

body#inspire #header_inside ul#navlist li a#inspirenav {
	background-image:url(/assets/nav/ion.gif);
	background-repeat: no-repeat;
}

/* contact
---------------------------------------------------	*/
#header_inside ul#navlist li a#contactnav {
	background-image: url(/assets/nav/c-off.gif);
	background-repeat: no-repeat;
	color: #333;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-top: 4px;
	text-align: center;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	width: 75px;
}

#header_inside ul#navlist li a#contactnav span {
	border-left: 1px solid #CCC;
	display: block;
	height: 48px;
}

#header_inside ul#navlist li a#contactnav:hover {
	background-image:url(/assets/nav/c-on.gif);
	background-repeat: no-repeat;
	color:#d45326;
	display:block;
	height:50px;
	line-height:50px;
	padding-top: 4px;
	text-align:center;
	width:75px;
}

body#contact #header_inside ul#navlist li a#contactnav {
	background-image:url(/assets/nav/c-on.gif);
	background-repeat: no-repeat;
}

#header_inside ul#navlist li a.active {
	background:#fff;
	color:#111;
}

/* image / vcard
---------------------------------------------------	*/
div#vcard p.fn org a img {
	float:left;
	background:#ddd;
}

img.vcard {
	display: block;
	/*float: right;
	margin-left: 36.5em;
	position: absolute;
	top: 48em;*/
}

p a img.alignr {
	display: block;
	float: right;
	left: 5em;
	position: absolute;
    margin-top: 4em;
}

img.aligntr {
	position: absolute;
	float: right;
	display: block;
	top: 0.4em;
	margin-left: -12em;
}

div.adr {
	font-size: 100%;
	font-weight:400;
	padding-left: 2.5em;
	text-indent: 0 !important;
	width: 38em;
}

div.adr p {
	color:#999999 !important;
	margin-bottom: 0.1em;
	line-height: 0.7em;
	padding: 0;
	text-indent: 0 !important;
}

div#scroller {
	position:relative;
	display: block;
	float:left;
	top: 0em;
}

div#scroller a {
	position:relative;
	display: block;
	float:right;
	top: 0em;
}

div.clear {
	clear:both;
}

/* Chrome
------------------------------------------------------------------------*/
body:nth-of-type(1) #header #logo {
	background-image:url(/assets/titletext/logo72a.png);
	background-repeat: no-repeat;
	color:#fff;
	display:block;
	float:left;
	height:60px;
	left: 0;
	margin:0 0 0 10px;
	position:relative;
	top: 0.2em;
	width:300px;
}

body:nth-of-type(1) .push{
	height: 20px !important;
}

/* Chrome - blockquotes 
---------------------------------------------------	*/
body:nth-of-type(1) div.wrap {
	position: relative;
	display:block;
	height: 42%;
	width:55em;
}

body:nth-of-type(1) div.wrap-thin {
	display:block;
	top:2em;
	float:left;
	height: 8em;
	width:55em;
}

body:nth-of-type(1) blockquote:first-letter {
	background: url(/png/quotetop.png) no-repeat left top;
	padding-left: 1.1em;
	padding-top:0.2em;
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
}

body:nth-of-type(1) blockquote {
	font: 1.5em/2.2em Georgia, "Times New Roman", Times, serif;
	width: 380px;
	text-align: left;
}

body:nth-of-type(1) blockquote cite {
	position:relative;
	float:right;
	display: block;
	top:-1.5em;
	left: 22em;
	font-size: 1.1em;
	font-style:italic;
	font-weight:600;
	float: left; 
	color:#99CC00;
	text-align:right;
} 


body:nth-of-type(1) div#id1 {
	width: 668px;
	line-height:1.5px;
	font-size:1.2em;
	margin 0;
	padding: 0;
}

/* inspiration */

body:nth-of-type(1) div.wrap div#id2 {
	background: transparent url(/png/quotebot.png) 20.5em 3em no-repeat;
}

body:nth-of-type(1) div.wrap div#id2 blockquote cite {
	left: 19em;
	line-height: 5em;
}

body:nth-of-type(1) div.wrap div#id3 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 27.5em 3em no-repeat;
}

body:nth-of-type(1) div.wrap div#id3 blockquote cite {
	left: 19em;
	line-height: 6em;
}

body:nth-of-type(1) div.wrap div#id4 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 15em 3em no-repeat;
}

body:nth-of-type(1) div.wrap div#id4 blockquote cite {
	left: 19em;
	line-height: 7em;
}

/* contact */
body:nth-of-type(1) div.wrap div#id6 {
	padding: 0em 0 0 1.8em;
	background: transparent url(/png/quotebot.png) 37em 1.0em no-repeat;
}

body:nth-of-type(1) div.wrap div#id6 blockquote cite {
	left: 4em;
	line-height:4em;
}

/* inaction */
body:nth-of-type(1) div.wrap-thin div#id7 {
	display:block;
	padding: 0 0 0 0.8em;
	background: transparent url(/png/quotebot.png) 29.5em 1.7em no-repeat;
}

body:nth-of-type(1) div.wrap-thin div#id7 blockquote cite {
	left: 20em;
	line-height:8em;
}

/* Page Footers
---------------------------------------------------	*/
div.footer {
	height: 120px;
	position: relative;
	width:100%;
	border-bottom: 1px solid #e9e9e9;
	background: #FFF url('../assets/banner/pin-sliv.gif') center 3em repeat-x;
}

div#footer_inside {
	border-top:2px solid #CCC;
	display: block;
	position: relative;
	height: 120px;
	margin: 10px auto;
	/*background: #FFF url('../assets/banner/pin-sliv-foot.gif') bottom center repeat-x;*/
}

div#footer_inside p {
	color:#888;
	line-height:30px;
	text-align:center;
	font-size: 130%; 
}