@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0; }
  
a 
  { color: #2D343A; }
	
img 
  {border: none; }


#wrapper 
  {width: 1024px; 
   margin: 0 auto;
   position: inherit;
   height:2300px;
   background-image:url(../images/wrapper_bgXX.jpg)}
   
.logo
  {margin: 0 auto;
  float:left;
  height:94px;
  width:1024px;
  position:absolute;
  background-image:url(../images/wrapper_bg_02_01.jpg);
  background-repeat:no-repeat}

.class1 A:link {text-decoration:underline; color:#2D343A}
.class1 A:visited {text-decoration:underline;color: #2D343A}
.class1 A:active {text-decoration:none;color: #2D343A}
.class1 A:hover {text-decoration: underline; color:#C00;}

.class2 A:link {text-decoration: underline; color:#C4D1D9}
.class2 A:visited {text-decoration: underline; color:#C4D1D9}
.class2 A:active {text-decoration: none; color:#C4D1D9}
.class2 A:hover {text-decoration: underline; color:#C00;}

#about
  { width:465px;
  height:324px;
  top:139px;
  left:33px;
  float:left;
  position: relative;
  text-align:justify;
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2D343A;
  }
  
 .portrait
 {float:right;
 position: relative;
 top:139px;
 right:33px;
 height:309px;
 width:429px}
 
 #experience{
	 width:991px;
	 height:34px;
	 float:left;
	 left:33px;
	 top:170px;
	 position:relative
 }
 .experience{
  top:185px;
  width:320px;
  height:385px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#C4D1D9;
  left:33px;
  float:left
}
  .experience2{
  top:185px;
  width:320px;
  height:385px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#C4D1D9;
  left:33px;
  float:left
}

.experience3{
  top:185px;
  width:320px;
  height:385px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#C4D1D9;
  left:33px;
  float:left
}
#education{
	 width:991px;
	 height:34px;
	 float:left;
	 left:33px;
	 top:212px;
	 position:relative}
	 
.education{
  top:230px;
  width:464px;
  height:388px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2D343A;
  left:33px;
  float:left
}

.education2{
  top:230px;
  width:450px;
  height:388px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2D343A;
  right:33px;
  float:right;
  line-height:15px
}
#skills{
	 width:991px;
	 height:34px;
	 float:left;
	 left:33px;
	 top:252px;
	 position:relative}
	 
.Skills{
  top:270px;
  width:320px;
  height:180px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#C4D1D9;
  left:33px;
  float:left
}
 #apps{
  width:991px;
	 height:34px;
	 float:left;
	 left:33px;
	 top:300px;
	 position:relative}

.apps{
  top:320px;
  width:320px;
  height:180px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#2D343A;
  left:33px;
  float:left}
 
 #work{
  width:991px;
	 height:34px;
	 float:left;
	 left:33px;
	 top:345px;
	 position:relative}

.work{
  top:365px;
  width:320px;
  height:45px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#C4D1D9;
  left:33px;
  float:left}
  
  .contact{
  top:365px;
  width:320px;
  height:65px;
  position: relative; 
  font:Arial, Helvetica, sans-serif;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#C4D1D9;
  left:33px;
  float:left}
  
   #uparrow{
  width:991px;
	 height:34px;
	 float:left;
	 left:33px;
	 top:480px;
	 position:relative}
.contactfont {
	text-align: left;
}
.message{font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:left;
color:#2c3339;
text-indent:1px}

#delivered{width:300px;
	height:500px;
	margin:auto;
	position: inherit;
	background-image:url(../images/mlogo.gif);
	background-position: top; vertical-align:top;
	background-repeat:no-repeat;
	text-align: center;}

.delivered{font-family:Arial, Helvetica, sans-serif;
font-size:15px;
position:absolute;
text-align:left;
color:#c3d1d9;
text-indent:0px; margin-top:125px}