@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------
 Global Reset
 --------------------------------------------------*/
html,
body { margin: 0; padding: 0; }
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
img,
small,
strike,
sub,
sup,
tt,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
ol,
ul { list-style: none; }
/*---------------------------------------------------
 ---------------------------------------------------*/
/*GENERAL STYLE STARTS*/
body { background: #EFEFEF url(../images/naveed_BG.png) top left repeat; font-size: 62.5%; font-family: Tahoma, Geneva, sans-serif; color: #777;/*	text-shadow: 1px 1px #FFF;*/ }
img { border: 0px; outline:0; }
* { outline:0; }
a,
a:visited,
.rightContent p a,
.rightContent p a:visited { text-decoration: none; color: #222; border-bottom: 1px dotted #777; }/*
.rightContent p a,
.rightContent p a:visited{
	border-bottom: 1px dotted #777;
	color: #1eb253; FF9C00; /*#EF3B46;/*#DF0D0D;
	border-bottom: 1px dotted #1eb253;
}*/
a:hover,
.rightContent p a:hover { text-decoration: none; color: #FF9C00; /*The green - #1eb253;  /*#EF3B46;/*#DF0D0D;*/ border-bottom: 1px dotted #FF9C00; }/*
.rightContent p a:hover {
	background:#1eb253;
	color:#fff;
}*/
.clear { clear: both; }
#container { width: 950px; min-height: 500px; height: auto; border: 0px solid #f00; padding-left: 50px; padding-top: 50px; padding-right: 28px; }
.name { float: left; border: 0px solid #f00; line-height:0; }
.name h1 { font-size: 5.6em; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; display: inline-block; }
.myImage { width: 100px; height: 100px; float: left; border: 0px solid #00f; }
.centerContent { float: left; border: 0px solid #0f0; padding-left: 50px; }
.centerContent h2 { font-size: 2em; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; display: inline-block; text-transform: uppercase; color: #FF9C00;/*FF9900;*/ }
.rightContent { float: left; border: 0px solid #0f0; width: 200px; height: 400px; margin-top: 50px; padding-top: 46px; margin-left: 50px; font-size: 12px; line-height: 20px; text-align: left; color: #555; font-family: Tahoma, Geneva, sans-serif; }
.rightContent p { margin: 0px; padding: 0px; margin-bottom: 15px; line-height: 15px; }
.rightContent br { margin: 0px; padding: 0px; }
.myImage a,
.myImage a:visited,
.myImage a:hover,
.centerContent h1 a,
.centerContent h1 a:visited,
.centerContent h1 a:hover,
.rightContent a { border: 0; outline: 0; }
.intro { width: 550px; height: auto; padding-top: 42px; font-size: 1.2em; color:#000; font-family: Arial, Helvetica, sans-serif; border: 0px solid #000; }
.intro p { margin-bottom: 21px; line-height: 20px; text-align: justify; }
.resume { text-align: justify; }
.resTitle { margin-bottom: 10px; line-height: 15px; text-align: justify; text-transform: uppercase; font-weight: bold; display:inline-block; }
.bold { font-weight:bold; }
.resume p { margin-bottom: 5px; line-height: 15px; text-align: justify; }
.resume ul { margin-bottom: 20px; line-height: 20px; }
.resume ul li { line-height: 20px; text-align: justify; list-style:square; list-style-position:outside; margin-left:14px; }
.sLinks { margin-top: -31px; margin-bottom: 13px; height: 20px; }
.sLinks ul { font-size: 10px; text-transform: uppercase; }
.sLinks ul li { float: left; padding: 5px; }
.sLinks ul li:first-child { padding-left: 0; }
.sLinks ul li a:hover { color: #222; border-bottom: 1px dotted #222; background: #CFCFCF; }
.current { }
.current a,
.current a:visited { background: #CFCFCF; }
.current a:hover { color: #222; border-bottom: 1px dotted #222; background: #CFCFCF; }
.frameTitle { height: 13px; display: block; background: #111; padding-left: 5px; padding-top: 5px; color: #aaa; text-shadow: 0px 0px; text-transform: uppercase; }
.portLink { margin-top: 17px; -moz-box-shadow: 0px 0px 5px #9F9F9F; -webkit-box-shadow: 0px 0px 5px #9F9F9F; box-shadow: 0px 0px 5px #9F9F9F; }
.resLink { margin-top: 5px; -moz-box-shadow: 0px 0px 5px #9F9F9F; -webkit-box-shadow: 0px 0px 5px #9F9F9F; box-shadow: 0px 0px 5px #9F9F9F; }
.portLink:hover,
.resLink:hover { -moz-box-shadow: 0px 0px 0px #9F9F9F; -webkit-box-shadow: 0px 0px 0px #9F9F9F; box-shadow: 0px 0px 0px #9F9F9F; }
.active { -moz-box-shadow: 0px 0px 0px #9F9F9F; -webkit-box-shadow: 0px 0px 0px #9F9F9F; box-shadow: 0px 0px 0px #9F9F9F; }
.toplinks { float: right; font-size: 12px; height: 20px; margin-top: -18px; color: #000; border: 0px solid #00f; }
.footer { font-size: 1em; font-family: Tahoma, Geneva, sans-serif; color: #777; margin-bottom: 14px; float: left; letter-spacing: 0px; border: 0px solid #000; text-transform: uppercase; }
.footer a,
.footer a:visited { text-decoration: none; color: #777; /*#EF3B46;/*#DF0D0D;*/ border-bottom: 1px dotted #777; }
.footer a:hover { text-decoration: none; color: #FF9C00; /*#EF3B46;/*#DF0D0D;*/ border-bottom: 1px dotted #FF9C00; }
.gallery { width: 400px; height: auto; overflow: hidden; abackground: #777; margin-top: -10px; }
.gallery img { margin-bottom: 0px; margin-top: 0px; }
.gImageL { margin-left: 50px; }
.gImageR { margin-right: 50px; }
.gImageT { margin-top: 48px; }
.yellow { color: #444; /*#DF0D0D;*/ }
.grey { color: #888; }
a:hover .grey { color:#FF9C00; }
.forMobile { display:none; }
.optimized { width:114px; height:17px; position:absolute; background:url(../images/optimized.png) no-repeat; left:42px; top:0; -moz-box-shadow: 0px 0px 3px #9F9F9F; -webkit-box-shadow: 0px 0px 3px #9F9F9F; box-shadow: 0px 0px 3px #9F9F9F; display:none; }