/* CSS Document */

html,body {
margin:0;
padding:0;
height:100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}

p { 
line-height:1.5em;
}

div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:915px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
voice-family:"\}\"";
voice-family:inherit;
background-image: url(images/rightBarBG.gif);
padding: 0;
}

div#header {
padding:0em;
}
	
div#header p {
font-size:1.1em;
margin:0;
}

div#content {
padding:0 0 20px 0; /* bottom padding for footer */
}
	
div#content p {
text-align:left;
padding:0 10px 0 0;
}

div#footer {
position:absolute;
width:100%;
bottom:0;
}
	
div#footer p {
color:#CCCCCC;
padding:1em;
margin:0;
text-align:left;
}

div#leftcontent {
width:640px;
float: left;
}

div#rightcontent {
width:239px;
float: right;
padding: 0 10px 0 0;
}

div#rightcontent p {
margin-top: 20px;
}

#contact {
width:238px;
font-size:10px;
}

#cat {
font-family: Geneva, Arial, Helvetica, sans-serif;
margin:0;
width: 620px;
padding:0;
}

#cat p {
display: inline;
}

#cat ul, #cat li {
display: inline;
margin:0 10px;
padding:0;
}

#cat a:link {
color: #FFFFFF;
text-decoration: none;
}

#cat a:visited {
color: #FFFFFF;
text-decoration: none;
}

#cat a:hover {
text-decoration: underline;
color: #996600;
}

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

a .alt {
outline: none;
display:none;
}

a#toggle {
outline: none;
display: block;
width: 48px;
height: 13px;
background-image: url(images/toggle.gif);
background-position: 0 0;
position: relative;
top: 0px;
margin:2px 0 0 0;
padding: 0px;
border: 0;
}

a#toggle:hover {
background-position: 0 -26px;
}

#toggle a:active, #toggle a:focus {width:0; height:0; outline: none;}

#rightcontent a {
color:#999999;
text-decoration:none;
}

#rightcontent a:hover {
color:#996600;
text-decoration:underline;
}

a#launch {
display: block;
width: 56px;
height: 9px;
background-image: url(images/launch.gif);
background-position: 0 0;
}

a#launch:hover {
background-position: 0 -10px;
}


/* WORK AREA */

#workContainer {
width:620px;
height:307px;
margin:10px 0 50px 0;
}

#workDesc {
width:113px;
background-color:#000000;
vertical-align:top;
float:left;
padding:8px;
color:#ebebeb;
font-size:11px;
}

#workImage {
width:479px;
height:305px;
float:right;
border:#CCC solid 1px;
background-color:#FFF;
background-image:url(images/ajax-loader.gif);
background-repeat:no-repeat;
background-position: center center;
}


#workDesc a {
color:#FF0000;
text-decoration:none;
padding:1px 2px 0 10px;
}

#workDesc a:hover {
color:#FFF;
background-color:#666666;
text-decoration:none;
padding:1px 2px 0 10px;
}


#descTop {
vertical-align:top;
letter-spacing: 0.5pt;
}

#descBottom {
vertical-align:bottom;
margin:50px 0 0 0;
letter-spacing: .5pt;
}

#descTop p {
margin:0 0 8px 0;
padding:0;
line-height:1.1em;
}

a#first {
display: block;
width: 23px;
height: 22px;
background-image: url(images/first.gif);
background-position: 0 0;
}

a#first:hover {
background-position: 0 -22px;
}

a#prev {
display: block;
width: 23px;
height: 22px;
background-image: url(images/prev.gif);
background-position: 0 0;
}

a#prev:hover {
background-position: 0 -22px;
}

a#next {
display: block;
width: 23px;
height: 22px;
background-image: url(images/next.gif);
background-position: 0 0;
}

a#next:hover {
background-position: 0 -22px;
}

a#last {
display: block;
width: 23px;
height: 22px;
background-image: url(images/last.gif);
background-position: 0 0;
}

a#last:hover {
background-position: 0 -22px;
}

#pag {
width:500px;
float:left;
text-align:center;
}

.client {
margin:1px 0 12px 0;
padding:0;
}

.employer {
margin:1px 0 0 0;
padding:0;
}