/* LINKS */
a:link {
text-decoration:none;
color: #66cccc;
border: 0px solid; 
}

a:active {
text-decoration:none;
color: #666666;
}

a:visited {
text-decoration:none;
color: #66cccc;
}
/*END LINKS */

/*DEFAULT HEADINGS, LISTS etc*/
body{
color: rgb(204, 204, 204); 
background-color: rgb(51, 51, 51); 
background-image: url(images/blurStars.jpg); 
text-align: center;}
h2{
font-family: Helvetica, Arial, sans-serif;
font-size: 1.25em;
color: #666666;
font-weight: lighter;
}
p{
text-indent:25px;
font-family: Helvetica, Arial, sans-serif;
}
ul li {
list-style-type: none;
}
/*END DEFAULTS */

/* IMAGE CLASSES */
img {
border:0px;
}
img.floatLeft { 
    float: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right; 
    margin: 10px; 
}

/* END IMAGE CLASSES */

/* FOR ROUND CORNER BOXES */
dl {
  width: 200px;
  margin: 0px 0px 0px 0px;
  background: #000 url(images/cornersBottom-trans.png)
  no-repeat bottom left;
  }

dt {
  margin: 0px;
  padding: 3px;
  background: #222 url(images/cornersTop-trans.png)
  no-repeat top left;
  }

dd {
  margin: 0px;
  padding: 5px;
  }
/*end*/

#wrapper { background-image: url(images/black_bg-trans.png);
background-repeat: no-repeat;
display: block;
width: 750px;
height: 755px;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
visibility: visible;
text-align: left; 
}
/* TOP BAR */
#titleNav { 
position: block;
background: #000000;
width: 698px;
max-height:100px;
height: 100px;
margin: 0px 0px 0px 30px;
visibility: visible;
border-bottom: 1px solid #333333;
padding: 0px;

}


#contactInfo{
display:inline;
visibility: visible;
float:right;
width:200px;
height:90px;
margin: 3px 0px 5px 0px;
font-size: 12px;
list-style-type: none;
}

#contactInfo dt {
color: #333333;
}

/* END TOP BAR */

/* PORTFOLIO NAVIGATOR */

#portfolioNavImgHolder{
position:relative;
left: 125px;
top: 40px;
display: block;
visibility: visible;
width: 500px;
height:90px;
background: #000000;
background-image: url(images/imgHolderBG.png); 
text-align:center;
}

#portfolioNavImgHolder img{
height:100%;
margin-left: 15px;
margin-right: 15px;
}

/*#buttonPrev{
visibility:hidden;
position:absolute;
z-index:6;
margin-left:0px; 
padding-left:5px;
padding-top:10px;
width:65px;
height:80px; 
float:left;
text-align: left;
background-image: url(images/buttonGradL.png);
}

#buttonNext{
visibility: hidden;  
position:absolute;
z-index:4;
margin-right:0px; 
padding-right:10px;
padding-top:10px;
width:60px;
height:80px; 
left:430px;
text-align: right;
background-image: url(images/buttonGradR.png);
}*/

#currentOverlay {
position:absolute;
z-index:5;
width:150px;
height:115px;
left:175px;
top:-12px;
background-image: url(images/currentOverlay-trans.png);
background-repeat:no-repeat;
font-align:center;
padding-top:90px;
text-shadow: 2px 2px 2px #222222;
}

/* END */

/* MAIN PAGE CONTENT */
#aboutMe {
display:block;
top: 200px;
left:30px;
margin: 0px 0px 50px 2px;
width:698px;

font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: justify;
}

#lowerContent { 
position:relative;
display:block;
top: 100px;
margin-right: 25px;
margin-left: 28px;
margin-bottom: 25px;
visibility: visible;
background-repeat: no-repeat;
width: 700px;
height: 550px;
font-family: Helvetica, Arial, sans-serif;
}

#leftPane{
display:block;
float:left;
visibility: visible;
background-repeat: no-repeat;
width: 344px;
height: 235px;
background-image: url(images/latestWorksBase-trans.png);
}

#leftPaneContent{
text-align: right;
font-size: 12px;
width:310px;
margin:40px
}

#rightPane{
display:block;
float:right;
visibility: visible;
background-repeat: no-repeat;
width: 300px;
height: 235px;
background-image: url(images/blogBase-trans.png);
}

/* END */

/* PORTFOLIO CONTENT */

#portfolioContent{
visibility: visible;
width: 650px;
height: 500px;
margin: 30px 30px 0px 30px;
}

#portfolioContentLCol {
display:block;
visibility: visible;
float:left;
width:300px;
text-align: center;
margin-top:40px;
}

#portfolioContentRCol {
display:block;
visibility: visible;
float:right;
width: 300px;
text-align:justify;
font-family: helvetica, arial, sans-serif;
font-size: 12px;

}

#technologies{
display:block;
visibility: visible;
}

#technologies dl {
  width: 240px;
  margin: 0 0 20px 0px;
  background: #666 url(images/cornersBottom-trans.png)
  no-repeat bottom left;
  text-align:center;
  height:70px;
  }
 
 #technologies dt {
  margin: 0;
  padding: 3px;
  background: #222 url(images/cornersTop-trans.png)
  no-repeat top left;
  }

#technologies dd {
  margin: 0;
  padding: 5px;
  }

/* END */

#footer{
display:block;
visibility:visible;
width: 698px;
height: 75px;
margin: 0px 0px 0px 30px;
font-size: .75em;
font-family: Helvetica, Arial, sans-serif;
text-align:center;
text-transform:lowercase;
}