/* CSS Document 
 colors: body= #ddeeff
         pagewrap=#b7e5fb
		 content= #ffffff
		 Text= #663333 #3399ff */
 /*****Reset*****/  
	@import url("resets.css");

body{
  background-color: #ddeeff;
  margin: 0;
  color: #663333;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 16px;
  
  }
  
#pageWrap {
  background-image: url(images/pagewrp.jpg);
  background-repeat: repeat-y;
  margin: 0 auto;
  width: 960px;
   
}
/*header and navigations*/
img#logo {
	position:relative;
	top: 30px;
	left: 75px; 
    z-index:2;	
	
}

#navbar {
 position:relative;
 height: 95px;  
 top: 10px;
 left: 500px; 
 width: 500px;
}
 
 #headerWrap{
  background-image: url(images/banner.jpg);
  background-repeat: no-repeat;
  width: 960px;
  height:  367px;
  margin: 0;
}

img#sticker {
 float: left;
 width:201px;
 padding: 0 0 20px 0;
 margin-top: 20px;
}

p#welcome{
  float:right;
  line-height: 26px;
   width:462px;
}
/*pagecontent*/
#mainContent {
  background-color: #ffffff;
  margin: 0 69px 0 71px; 
  padding: 0 52px 0 50px;
  width: 718px;
}

#aboutHead {
 color:#3399ff; 
 font-size: 19px;
 letter-spacing: 2px;
 font-weight:bold;
}
#aboutMe {
 
 line-height: 26px;
}
#middle{
 background-color: #ffffff;
 background-image: url(images/middlebg.jpg);
 background-repeat:repeat-y;
 background-position: center;
 padding: 10px 120px 10px 94px;
 width:606px;
 margin: 0 69px 0 71px; 
 
}

h1 {
 font-size: 22px;
 letter-spacing: 2px;
 font-weight:normal;
 
 }

#currentProject{
 float:left;
 color:  #3399ff;
 line-height: 28px;
 margin-top:5px;
 width: 286px;
} 
 
img#project {
 float:right;
 margin: 0;
 width:254px;
}
 
#portfolioLink{
  margin-left: 80px;
  margin-top: 45px;
}
 
 
#footerWrap{
  background-image: url(images/footerbg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 960px;
  height: 187px;
}
#footer{
  padding-top: 10px;
  border-top-width: 3px;
  border-top-style: dotted;
  border-top-color: #b7e5fb;  
  margin:0 140px 0 140px;
  width: 700px;
}

#footerNavs{    
   width: 700px;
   margin:20px 0 0 0;
   text-align: center;
}

#footerNavs li {
   color:#3399ff;
   display: inline;
   font-family: Georgia, Times New Roman, Times, serif;
   font-size: 12px;
   list-style: none;
   
   padding: 0 10px 0 10px;
}
#footerNavs li a {
    color: #3399ff; 
}

#footerNavs li a:visited {
    color: #7c92a9; 
}
	
#copyright{
  color:#3399ff; 
  font-size: 11px;
  margin:20px 140px 0 140px;
  text-align: center;
}	
a:link{
color:#3399ff; 
}	

a:visited{
color: #7c92a9;
}
	
a img {
  border: 0;
  }
 
 div.clear {
  clear: both;
}
ul.nav li a {
	display: block;
	background: #fff url( images/sprite.jpg) no-repeat left top;
	height: 95px;
	float: left;
	text-indent: -9999px;
	list-style-type: none;
}

ul.nav li.home a{background-position: -1px -1px; width: 80px;}
ul.nav li.about a{background-position: -82px -1px; width: 80px;}
ul.nav li.portfolio a{background-position: -163px -1px; width: 100px;}
ul.nav li.contact a{background-position: -264px -1px; width: 107px;}

ul.nav li.home a:hover{background-position: -1px -97px; width: 80px;}
ul.nav li.about a:hover{background-position: -82px -97px; width: 80px;}
ul.nav li.portfolio a:hover{background-position: -163px -97px; width: 100px;}
ul.nav li.contact a:hover{background-position: -264px -97px; width: 107px;}

ul li {list-style-type: none;}

.portImg {
 border-right: solid 2px silver;
 border-bottom: solid 2px silver;
 margin: 20px 10px 20px 20px; 
}
.folioText {
 float: right;
 line-height: 26px;
 margin-top: 10px;
 width: 355px;
}
h2 {
color: #3399ff;
font-size: 17px;
}

#myFolio {
 color: #3399ff;
 margin-left: 20px;
 font-size: 19px;
 font-weight:bold;
 }