body {
  background-color:#444444;
  font-family:Verdana;
  color:white;
  margin:0px;
  padding:0px;
  line-height:170%;
}

sup {font-size: 0.75em; line-height: 0.5em}  

.green {color:#c3ff20;
}
.grey {color:#444444;
}
.orange {color:#ff6000;
}
.white {color:#ffffff;
}

.orange-border{  border: 1px solid orange;
}
#header {
width:800px;
text-align:center;
}

#wrapper {
  width:800px;
  margin:0px auto; /* Right and left margin widths set to "auto" - CnP from BlueRobot.com */
  border: 1px solid #c3ff20;
}

p,.pads {
padding-left:1em;
padding-right:1em;
}

.small {font-size:small;}
.middle {text-align:center;}
.passionNav{float:right; margin:10px;}

h1,h2,h3,h4,h5,h6 {
padding-left:40px;
padding-right:1em;
line-height:130%;
color:#c3ff20;}

div.hidden {display:none;}


/*font-weight:bold;

p:first-letter {
font-size:large;
line-height:100%;
}*/

a:link  {text-decoration:none;
color:#ff6000;
font-weight:bold;
}

a:visited  {text-decoration:none;
color:#ff6000;
font-weight:bold;
}

a:hover {text-decoration:none;
color:white;
font-weight:bold;
}

a:active  .current{text-decoration:none;
color:#ff6000;
}


/* div.portfolio-thumb-nav a:active img {border: 1px solid #0000ff;} */




ul{
}
il{
}

  .bara  {
  background-color:transparent;
  font-size:5em;
  color:#444444; 
  padding-left:20px;
  padding-top:20px;
  font-family:Perpetua, 'Times New Roman';
  z-index:2;
  
  }
.design {
  background-color:transparent;
  color:#D0ED6D;
  font-size:5em;
  margin-top:-40px;
  padding-left:1.2em;
  text-indent:20px;
  font-family:Perpetua, 'Times New Roman';
  z-index:1;
}

.portfolio-thumb-nav{
text-align:center;
position:relative;
top:-40px;
}

.portfolio-item{
 vertical-align:top;
}

.port-text-left{
  float:left;
  width:380px;
}

.port-text-right{
  float:right;
  width:380px;
}

.port-image-right{float:right; padding:0px 0px 0.5em 0.5em; text-align:center;}
.port-image-left{float:left; padding:0.5em 0.5em 0.5em 0px; text-align:center;}

.caption{
font-size:small;
padding:2px 5px 10px 5px;
text-align:center;
width:390px;
line-height:100%;
}
.end{
clear:both; 
margin:20px 50px 20px 50px;
border-bottom:1px solid #c3ff20;}

.super {}

#navlist li {
display: inline;
list-style-type: none;
font-size:1em;
}

#home{
position:relative;
top:-180px;
left:160px;
text-align:right;}

#services 
{position:relative;
top:-150px;
left:-70px;
text-align:right;}


#contact {position:relative;
top:-120px;
left:-100px;
text-align:left;}


#portfolio {position:relative;
top:-120px;
left:370px;
text-align:left;}


#passion {position:relative;
top:-150px;
left:340px;
text-align:left;}


#play {position:relative;
top:-180px;
left:320px;
text-align:left;}



.top {
font-size:x-small;
}



#footer {
background-color:#444444;
padding:1em;
font-size:0.6em;
text-align:center;
}