/* HTML GENERAL */

body{
font-family:arial, helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#555;
}
a{
color:#6DAB07;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h3{
font-size:16px;
display:block;
color:#333;
padding-bottom:4px;
}
#content ul{
display:block;
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
}
#content ul li{
list-style:square outside;
padding-left:5px;
line-height:25px;
}

/* LAYOUT GENERAL */

#wrap{
overflow:hidden;
margin:0 auto;
width:960px;
text-align:left;
margin-top:30px;
}
#top  {
border-bottom:1px solid #C7C7C7;
height:74px;
position:relative;
display:block;
margin-bottom:8px;
}
#homeLogo{
position:absolute;
left:0px;
top:0px;
}
#footer{
display:block;
overflow:hidden;
width:100%;
position:relative;
height:36px;
line-height:36px;
border-top:1px solid #c7c7c7;
margin-top:8px;
}
#footer #infoDesignLink{
position:absolute;
right:0px;
top:0px;
font-weight:bold;
}

/* NAVIGATION */

/* NAVIGATION - TOP */
#menu1{
width:636px;
position:absolute;
right:10px;
bottom:10px;
}
#menu1 a{
color:#808080;
float:left;
display:inline-block;
padding-left:15px;
padding-right:15px;
margin-left:25px;
margin-right:25px;
font-weight:bold;
}
#menu1 a:hover{
text-decoration:none;
color:#000;
}
#menu1 .current{
color:#000!important;
}
/* NAVIGATION - LEFT */

#leftNav /*wrapper */{
float:left;
width:72px;
overflow:hidden;
padding-top:16px;
font-size:11px;
}

/* MENU ON LEFT */
#leftMenu a{
color:#808080;
display:block;
line-height:26px;
}
#leftMenu .current{
color:#000;
font-weight:bold;
}
#bulletNav{
width:60px;
overflow:hidden;
margin-top:20px;
}
#bulletNav a{
display:inline-block;
width:9px;
height:9px;
border:0px;
float:left;
margin-right:9px;
margin-bottom:9px;
background-image:url(../images/bullet-off.gif);
}
#bulletNav a:hover, #bulletNav .current{
background-image:url(../images/bullet-on.gif);
}

/* CONTENT LAYOUT */

#content{
display:block;
overflow:hidden;
}
#ball{
position:absolute;
width:17px;
height:17px;
left:280px;
top:48%;
background-image:url(../images/greenball.png);
background-repeat:no-repeat;
background-position:center center;
display:none;
}
#rightContent{
float:right;
width:880px;
overflow:hidden;
position:relative;
}
/* table to stretch cells */

.grayZone{
text-shadow:0px 1px 0px #fff;
height:340px;
}
.grayZone td{
vertical-align:top;
}
.grayZone .firstCol{
background-color:#e6e6e6;
width:252px;
padding:8px;
padding-top:100px;
padding-bottom:24px;
}
.grayZone .secondCol{
background-color:#f2f2f2;
padding:16px;
width:578px;
border-left:1px solid #fff;
}
.secondCol img{
border:1px solid #fff;
}
/* QUOTE */

.quote{
font-size:11px;
display:block;
margin-bottom:16px;
}
.quote span{
font-style:italic;
font-size:13px;
display:block;
padding-top:4px;
padding-bottom:4px;
color:#333;
}

/* SPECIFIC page LAYOUTS */

#contact .secondCol{
text-align:center;
}
#bio .secondCol{
text-align:center;
width:240px;
}
#bio .firstCol{
width:502px;
}
#bio {
left:509px;
}
#awards #rightContent{
width:960px;
}
#awards .firstCol{
width:450px;
}
#awards .secondCol{
width:450px;
}
#awards #ball{
left:470px;
}

#testimonials #rightContent{
width:960px;
}
#testimonials .firstCol{
width:450px;
}
#testimonials .secondCol{
width:450px;
}
#testimonials #ball{
left:471px;
}

/* PORTFOLIO SECTION */

#bulletMenu{
display:block;
overflow:hidden;
margin-top:16px;
}
#bulletMenu a{
display:inline-block;
margin:4px;
margin-right:9px;
margin-left:0px;
width:9px;
height:9px;
background-image:url(../images/bullet.png);
background-repeat:no-repeat;
background-position:center bottom;
text-decoration:none!important;
}
#bulletMenu a:hover{
background-position:center center;
}
#bulletMenu .current{
background-position:center top;
} 
#portfolio .secondCol{
text-align:left;

}
#portfolio .secondCol img{
border:1px solid #ddd;
}
#portfolio .hImgBall{
left:182px;
}
#portfolio H3{
display:block;
margin-bottom:8px;
text-transform:uppercase;
font-size:14px;
}
.clientName, .taskName, .descriptionName{
display:inline;
font-weight:bold;
margin-top:8px;
text-transform:uppercase;
margin-top:16px;
}
.textBlock{

}