body {
	margin:0 auto 20px;
	background:#f2f2f2 url("img/texture.jpg") repeat-x 50% top;
	font-family:Muli, "Segoe UI", "DevanagariSangamMN", Arial, sans-serif;
	color:#323232;
	font-size:13px;
	width:975px;
	position:relative;
	
	   -moz-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 2px 5px -2px rgba(0,0,0,0.3);
	        box-shadow:0px 2px 5px -2px rgba(0,0,0,0.3);

}
div.menu,
div.footer,
h1,
h2 {
	font-family:Ubuntu,Noteworthy-Bold,"Arial Rounded MT Bold",Trebuchet,serif;
	font-weight:700,bold;
}




div.menu {
	border-width:0 0 1px;

	position:absolute;
	right:-6px;
	margin:0;padding:0;
	width:133px;
	
	text-shadow:#999 0px -1px 0px;
}

div.menu a {
	float:right;
	display:block;

	width:133px;
	

	margin:0 0 -14px;
	padding:10px 10px 20px 0;

	border-width:0px;

	font-size:13pt;
	color:#fff;
	text-decoration:none;
	text-align:right;
	
	background:url("img/menubg.png") no-repeat right;
}
div.menu a.active {
	background:url("img/menubg.active.png") no-repeat right;
	text-decoration:underline;
	color:#CEEAF7;
}

div.footer {
	border-color:#205a7d transparent #154876 transparent;
	border-style:solid;
	background-image:linear-gradient(top,#2b739e,#357fa7);
	border-width:1px 0 1px 0;
	font-size:9pt;
	padding:5px 0px;
	color:#fff;
	text-align:center;
	text-shadow:#999 0px -1px 0px;
	
  background-color: #2b739e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2b739e), to(#357fa7)); 
  background-image: -webkit-linear-gradient(top, #2b739e, #357fa7); 
  background-image:    -moz-linear-gradient(top, #2b739e, #357fa7); 
  background-image:     -ms-linear-gradient(top, #2b739e, #357fa7); 
  background-image:      -o-linear-gradient(top, #2b739e, #357fa7); 
  background-image:         linear-gradient(top, #2b739e, #357fa7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2b739e', EndColorStr='#357fa7'); 

}
div.menu a:hover {
	font-weight:bold;
	text-decoration:underline;
}

div.main {
	text-align:left;
	margin:0px;
	clear:both;
	background-image:url("img/head.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#fff;
	background-color:rgba(255,255,255,0.6);
}

.subheading {
	font-size:16px;
	display:block;
}

div.main,
div.mainPort {
	text-shadow:#fff 0px 1px 0px;
}

hr {
	border:1px dotted #80B1FF;
	border-bottom-width:0px;
}
div.floatLeft {
	float:left;
	width:280px;
	padding:0 25px 25px 25px;
}
div.mainText,
div#floatLeftPORT {
	border-right:1px solid #f2f2f2;
}
div.floatRight {
	float:right;
	text-align:left;
	font-size:8pt;
	width:325px;
	padding:10px;
	margin:0px;
}

div.mainPort {
	float:right;
	padding:0 30px 30px 30px;
	width:580px;
	text-align:justify;
}
div.mainPort img {

	width:500px;
	height:200px;
	display:block;	
	border:1px solid #ddd;
}

h1, h2, span.portSelect a {
	color:#772CA6;
}
div.mainPort h2 {
	margin-bottom:0px;
}
div.mainText {
	float:left;
	padding:0 30px 30px 30px;
	width:560px;
	text-align:justify;
}
a { 
	color:#095482;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#095482;
}
a:hover {
	border-bottom-style:solid;
}
div.main h1 {
	margin-top:0px;
	font-size:36px;
}



div.floatLeft span.portSelect {
	font-size:9pt;
}
div.floatLeft span.portSelect a {
	text-decoration:none;
	border-bottom-color:#772CA6;
}

a.portSquares {
	margin:2px;
	width:60px;
	
	display:inline-block;
	position:relative;
	z-index:1000;
	
	border:1px solid #ddd;
	border-radius:4px;
	   -moz-box-shadow:inset 0px 1px 4px -1px rgba(0,0,0,1);
	-webkit-box-shadow:inset 0px 1px 4px -1px rgba(0,0,0,1);
	        box-shadow:inset 0px 1px 4px -1px rgba(0,0,0,1);
}
a.portSquares:hover {
	box-shadow:0px 1px 4px -2px rgba(0,0,0,1);
}


a.portSquares img {
	width:60px; height:60px;
	border-radius:4px;
	border:none;

	position:relative;
	z-index:999;

	filter:alpha(opacity=60);
	opacity: 0.60;
}
a.portSquares:hover img {
	filter:alpha(opacity=100);
	opacity: 1.0;
}

#resume h1 {
	margin:20px;
	float:left;
}

#downloads {
	float:right;
	margin:20px 130px 20px 20px;
}

a.resIcons {
	float:left;
	width:55px;
	margin:0;
	padding:0;
	border:none;
	font-size:8pt;
	text-align:center;
}
a.resIcons:hover {
	text-decoration:underline;
}
a.resIcons img {
	text-decoration:none;
	display:block;
	margin:0 auto;
	border:none;
}



table.resume {
	width:915px;
	border:0px;
	border-spacing:30px 10px;
	line-height:1.5em;
}
table.resume td:first-child {
	text-align:right;
	text-transform:uppercase;
	width:150px;
}
table.resume td {
	vertical-align:top;
}
table.resume td span {
	font-weight:bold;
	text-decoration:underline;
}
table.resume ul {
	list-style-type:none;
	list-style-position:outside;
	padding-left:0em;
	margin:0 0 25px;
	text-indent:-0.85em;
}
table.resume ul:last-child {
	margin:0;
}
table.resume ul li:before {
	content: "\203A \2002";
}