/*-----------------------------------------------------------------------------
Asgerally Style Sheet

Focus:		global styles used in the site
version:	1.0
author:		Yusufali Asgerally
email:		yusuf [@] asgerally.com
website:	http://www.asgerally.com/
-----------------------------------------------------------------------------*/

/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
}

body {
	font:80% arial,sans-serif;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font:2em arial, helvetica, sans-serif;
}

h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font:1.5em arial, helvetica, sans-serif;
}

h3 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
}

h4 {
	font:1em arial, helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}

p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
	line-height:1.4;
}

ul, ol {
	padding:0 0 18px 40px;
}

blockquote {
	margin:22px 40px;
	padding:1em;
	background:#FFFFCC;
}

small {
	font-size:0.85em;
}

img {
	border:0;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
	text-decoration:none;
}

/***** Forms *****/

form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea {
	font:1em arial, helvetica, sans-serif;
}

textarea {
	line-height:1.25;
}

label {
	cursor:pointer;
}

/***** Tables *****/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}


/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }
.emBold			{ font-weight:bold; font-style:italic; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }


/***** Custom Classes *****/

#wrapper {
	border:thin solid #000066;
	background-color:#fafafa;
}

#header {
	background-color:#990000;
}



#title {
	border:1px dashed #2E3235;
	padding:1px;
}

#title h1 {
	font-size:2em;
	letter-spacing:1px;
	line-height:2em;
	font-family:Papyrus, "Comic Sans MS";
	font-weight:bold;
	background-color:#000000;
	padding:10px 10px 10px 10px;
}

#title h1 a {
	color:#878584;
}

#ethnicBorder {
	background:url(../images/topBorderSm.gif) no-repeat;
	
}

#contentWrapper {
	background:url(../images/border2.gif) repeat-y;
	padding:5px 5px 0px 25px;
}

#content {
	background:url(../images/smallLion3.gif) no-repeat right bottom;
}

div#tagline{
	text-align:center;
	font-family:Papyrus, "Comic Sans MS", Arial;
	font-weight:bold;
	font-size:1.2em;
	color:#CCCCCC;
}

div#footer{
	border-top:medium solid #990000;
	background-color:#000000;
	padding:0.5em 0 0.5em 0;
	text-align:center;
	color:#CCCCCC;
	font-size:0.8em;
}

div#nav {
	background:url(../images/ruledPaper.gif) no-repeat;
}

div#navBottom {
	background:url(../images/ruledPaperBottom.gif) no-repeat;
}

.navigationHeading {
	letter-spacing:-1px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif; !important
}


div#nav ul {
	margin-left:0;
	padding-left:0; 
}

div#nav li{
	line-height:2em;
	font-weight:bold;
	padding-left:9px;

}

div#nav li a{
	padding-left:30px;
	text-decoration:none;
	color:#000000;
	display:block;
}

div#nav li a:hover, div#nav li a.selected{
	background:url(../images/leftNavBg3.gif) no-repeat bottom left;
	color:#000000;
}

div.casestudy {
	padding: 10px 10px 10px 10px;
	background-color:#FFFFCC;
	text-align:justify;
}

div#sitebuilder, div#cn, div#hap, div#in, div#sfa {
	display:none;
}

div#resume {
	background-image:url(../images/resumebg.jpg);
	padding:5px;;
	
}

div.sectionHeading {
	width:98%;
	background:#000000;
	color:#CCCCCC;
	text-decoration:none;
	text-transform:capitalize;
	padding:5px;
	font-weight:bold;
	border:none;
}


/* DOM popup Classes  */

.popup{
	padding:1.0em;
	background:url(indicator_snake.gif) 1em 1em no-repeat #eee;
	border:1px solid #000000;
	position:absolute;
	min-height:2em;
	min-width:2em;
	top:0;
	left:0;
}

a.popuplink{
	background:#eee;
	padding:0 1.0em;	
	border:1px solid #000000;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	margin-bottom:-1px;
}
.popup iframe{
	width:99%;
	height:99%;	
}