@import url("reset.css");

 
/* structure
---------------------------------------------- */
 
body, html { 
	margin:0;
	padding:0;
	height:100%; 
	background: url("/images/bkgd.gif") repeat-y;	
 	background-color: #999999;
	font-family: Helvetica, Arial, sans-serif;
	
} 

 

a:focus, a:active {
        outline: none;
} 
 
	 
div#container {

 	position:relative; 
  	width: 92em;
	height:auto !important;  
	height:100%;  
	min-height:100%; 
	margin-bottom: -3.75em;
}
 
div#leftcol {
	float: left;
	position: relative;
/*	border-right: .1em solid  #efefef; */
	width: 15.9em;
/*	background-color: #3399cc; */
      height: 100%;
 	height:auto !important; 
 	min-height:100%;
	

}

div#rightcol {
	float: left;
 /*	background-color: #FF9900; */
 	width: 75em;
	/* border-right: 1em solid #666666; */
    height: 100%;
 	height:auto !important; 
 	min-height:100%;
	 
  	
 
 
}


#hash {
	position: absolute;
	left:0;
	right:0;
	top: 8em;
	height: 10em;
	background: url("/images/crophash.gif") repeat-x top left;	
	width: 100%;
	height: 1.75em;	
	z-index: 100;
	min-width: 85em;
 
}





#navigation {
	position: relative;
/*	border-right: .1em solid  #efefef; */
	background: url("/images/midhash.gif"); background-repeat: repeat;
	background-color: #3399cc;
	top: 11em;
	width: 15.9em;
	padding-top: 1em;
	padding-bottom: 1em;
}

#navigation ul {
	margin:0;
	padding: 0;
 
}
 
#navigation li {
	margin:0;
	padding:0;

	list-style:none;
	font-weight: bold;
	font-size: 1.75em;
 	padding-top: .1em;
	padding-bottom: .1em;
}

#navigation li A {
	padding-left: 1.25em;
	text-decoration: none;
	color: #efefef;
}

#navigation li A:hover {
	color: #ff9900;
}

#promotion {

}


#promotion ul {
	margin:0;
	padding: 0;

}
 
#promotion li {
	display: inline;
	margin:0;
	padding:0;
	list-style:none;
	padding-left: .75em;
	text-align: center;
	vertical-align: middle;
}

 
 

.navlihover {
	background-color: #000000;
	cursor: pointer;
}

 
 
.bgtxt {

	margin: 0;
	padding: 0;
	padding-left: .425em;
	font-weight: bold;
	font-size: 5.25em;
	letter-spacing: -.03em; 
	text-transform: lowercase;
	position: absolute;
 }
 
 #bkgd {
 	background-color: black;
	margin: 0;
	padding: 0;
 
	position: absolute;
	top: 0;
	left:0;
	right: 0;
 	min-width: 85em;
	height: 5.5em;
	z-index: 91;
 
}
#bg1 {
	position: absolute;
	top: .03em;
	color: #777;
	padding-left: .44em;
	z-index: 92;

} 
#bg2 {
	top: -.03em;
	position: absolute;

		color: #888;
	padding-left: .525em;
	z-index: 93;
}  
 
#bg3  {
	position: absolute;
	z-index: 100;
	padding-left: .49em;
}  
 
#bg3, #bg3 A, #bg3 A:link {
 	text-decoration: none;
	color: #efefef; 
} 

#bg3 A:hover {
	color: #fff; 
}  

#bg4 {
	position: absolute;
	top: -.03em;
	
	 color: #666666;

	padding-left: .44em;
	z-index: 94;

} 
#bg5 {
	top: .03em;
	position: absolute;
	color: #999999;

	padding-left: .525em;
	z-index: 95;
} 




#header { 
	margin: 0;
	padding: 0;
	background-color: #000000;
	border-bottom: .5em solid #cccccc;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
 	min-width: 85em;
	height: 8em;
	z-index: 90;
 
}

#header A:hover {
	cursor: pointer;

}

 
div#header h1 {
	margin: 0;
	padding: 0;
	color: #ffffff;
	padding-left: .45em;
	font-weight: bold;
	font-size: 5.25em;
	letter-spacing: -.03em; 
	text-transform: lowercase;
}

div#header h1 a, div#header h1 a:link {
	color: #ffffff;
	text-decoration: none;
	cursor: default;
}
 
#header h2 {
 	float: left;
	margin: 0;
	padding: 0;
	color: #ffc15f;
	padding-left: 2.45em;
	font-size: 1.1em;
 	margin-top: -.7em;
}

#header h3 {
  	float: left;
	margin: 0;
	padding: 0;
 	color: #DFF1FF;
	font-size: 1.1em;
 	margin-top: -.7em;
}

#header span {
  	float: left;
	margin: 0;
	padding: 0;
 	color: #cc6600;
	padding-left: .25em;
		padding-right: .25em;
		font-weight: bold;
	font-size: 1.3em;
 	margin-top: -.7em;
}
 
 
div#footer {
	clear: left;
	height: 3em;
	position:relative;
	bottom:0;
	color: #FFFFFF;
	padding-left: 16.9em;
	padding-top: .75em;
 	background: url("/images/midhash.gif"); 
	background-repeat: repeat;
	overflow: hidden;
	min-width: 80em;
} 


div#footer-right P {
	background-color: black;
	padding: .25em;
	text-align: center;
}

div#footer-right {
	position: relative;
	float: left;
	width: 23em;
	min-width:23em;

/*	background: url("/images/tamiliocom.gif")  no-repeat top right; */
}

div#footer-left {
	position: relative;
	float: left;
	width: 50em;
}



div#content {
 	padding: 0;
	margin: 0;
	padding-top: 11em;
	padding-left: 3em;
	padding-right: 3em;
	color: #000000;
	
 }

div#content H2 {
 		margin: 0;
		padding: 0;
		font-size: 3em;
		font-weight: bold;
		margin-bottom: .5em;
		padding-left: .5em;
		text-transform: uppercase;
 	
 		 background-color: #cc6600;  
		 color: #FFC15F;  
 
}

p {
  margin: 0;
  padding: 0;
}





div#content p.intro {
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 1.5em;
	/* color: 	#333333; */
	
}

div#content p { 
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: 1em;
  
}



div#content a, div#content a:link { 
	color: #0000FF;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
 
	
}

div#content a:hover { 
	text-decoration: underline;
}











 


div#resume {
	clear: both;
	width: 100%;
 
}
 
 

div#resume h3 {
		margin: 0; padding: 0;
		font-weight: bold;
		text-transform: uppercase;
}

div#resume h4 {
	margin: 0; padding: 0;
	margin-top: 1em;
	font-weight: bold;
}

div#resume-right {
	float: right;
	width: 34%;
 
	
}



div#resume-left {
	float: left;
	width: 60%;
	padding-right: 2%;
	

}

div#resume-right P {	
font-size: 1em;
}
div#resume-left P {	
font-size: 1.2em;
}

div#resume-left LI {
margin:0;	
margin-top: .75em;
font-size: 1.1em;
}

div#resume-left h4 {
font-size: 1.2em;
}

form {
 margin: 0;
 padding: 0;
}

#content form label {
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
}

#content form input,  #content form textarea {
	font-size: 1em;
	font-family:  Helvetica, sans-serif;
	width: 30em;
}

 #content form textarea {
 	height: 7em;
 }
 
 
 .errorbox {
 	padding: 1em;
	width: 28.3em;
	border: .1em solid white;
	background-color: #990000;
	color: #FFFFFF;

 }