html, body{margin:0;background:#030303 url(images/fondo.jpg) top left repeat-x;font-family:tahoma, Arial, Helvetica, sans-serif;}

#logo{margin:25px 0 0 10px;float:left;width:459px;height:123px;}

*html #logo{background:0;}

#websiteintro{width:400px;float:right;
border-left:2px solid #adb53e;
padding:0 0 0 30px;
margin:35px 0 0 30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.75em;
color:#fff;
}
#websiteintro img{
float:left;
margin:0 8px 0 0;
}
.clear{
clear:both;
height:1px;
overflow:hidden;
line-height:0;
margin:0;
padding:0;
font-size:0;
}
#wrapper{
width:980px;



}
FORM{MARGIN:0;
padding:0;
}
 #submitbuttonwrapper{
text-align:center;

}
 #submitbutton{
margin-top:10px;
font-size:.7em;
color:#000;
margin:10px 0 6px 0;
padding:3px 0 3px 0;
font-weight:bold;
border:1px solid #DCDFAD;
background:#8D9826 url(images/submitbg.gif) top left no-repeat !important;
width:100px;
}
#topshrubs{
width:980px;
margin-top:-20px;

position:relative;}
*html #topshrubs{
background:0;
width:980px;
height:14px;
	margin-top:-15px;
}

.bottomshrubs{
width:219px;
margin-top:-20px;
position:relative;}
*html .bottomshrubs{
background:0;
width:219px;
display:block;
height:14px;
	margin-top:-15px;
}

h1{
margin:20px 0 0 0;
padding:0 0 0 25px;
float:left;

}
h2{
margin:0;
padding:0 0 3px 0;

}
#portfoliowrapper{
padding:15px 5px 1px 0;
background:url(images/portbg-black.png) left top repeat;
width:99%;

}

*html #portfoliowrapper{
background:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/black/images/portbg-black.png', sizingMethod='scale');
}
#portfoliocontent{

width:979px;
overflow:hidden;
text-align:left;
padding:0 0 0 0;
margin: 20px auto 5px auto;
position:relative;


}
#workwidth{

padding:0 0 0 0;
width:6000px;
display:block;
}
#navwrapper{
margin-left:25px;
float:left;

}
#content1{
width:1000px;
display:block;
padding:0 0 0 25PX;
float:left;
}
#content2{
width:985px;
display:block;
PADDING:0 0 0 25PX;
float:left;
}
#content3{
width:980px;
display:block;
PADDING:0 0 0 25PX;
float:left;
}
#content4{
width:980px;
display:block;
PADDING:0 0 0 25PX;
float:left;
}
#content5{
width:980px;
display:block;
PADDING:0 0 0 25PX;
float:left;
}
#portfoliowrapper h2{
padding:2px 0 0 0;
margin:0;
display:block;
float:left;
}

#workprojects, #freelanceprojects {float:left;width:735px;margin:0;padding:0 0 0 5px;}
#workprojects p, #freelanceprojects p {margin:0;padding:0;}
#workprojects p.blank, #freelanceprojects p.blank {margin:0 7px 7px 0;padding:0;width:132px;height:47px;background:#0d0d0d;border:1px solid #151616;float:left;}
#workprojects p a, #freelanceprojects p a, #freelanceprojects p#freelancepinkpout{width:116px;border:1px solid #414242;display:block;background:#222;float:left;padding:11px 8px 11px 8px;margin:0 7px 7px 0;font-size:.7em;color:#B0B2B3;text-align:center;text-decoration:none;}
#workprojects p a:hover, #freelanceprojects p a:hover{width:116px;border:1px solid #adb53e;background:#222;float:left;padding:11px 8px 11px 8px;margin:0 7px 7px 0;font-size:.7em;color:#fff;text-align:center;text-decoration:none;}
#workprojects p a span, #freelanceprojects p a span{font-size:.9em;color:#7B7E7F;}
#workprojects p a:hover span, #freelanceprojects p a:hover span{font-size:.9em;color:#ccc;}
#workprojects p a.last, #freelanceprojects p a.last{width:116px;background:#2A2F30;float:left;margin:0 0 7px 0;}

#workprojects2, #freelanceprojects {float:left;width:735px;margin:0;padding:0 0 0 5px;}
#workprojects2 p, #freelanceprojects p {margin:0;padding:0;}
#workprojects2 p.blank, #freelanceprojects p.blank {margin:0 7px 7px 0;padding:0;width:132px;height:47px;background:#0d0d0d;border:1px solid #151616;float:left;}
#workprojects2 p a, #freelanceprojects p a, #freelanceprojects p#freelancepinkpout{width:116px;border:1px solid #414242;display:block;background:#222;float:left;padding:11px 8px 11px 8px;margin:0 7px 7px 0;font-size:.7em;color:#B0B2B3;text-align:center;text-decoration:none;}
#workprojects2 p a:hover, #freelanceprojects p a:hover{width:116px;border:1px solid #adb53e;background:#222;float:left;padding:11px 8px 11px 8px;margin:0 7px 7px 0;font-size:.7em;color:#fff;text-align:center;text-decoration:none;}
#workprojects2 p a span, #freelanceprojects p a span{font-size:.9em;color:#7B7E7F;}
#workprojects2 p a:hover span, #freelanceprojects p a:hover span{font-size:.9em;color:#ccc;}
#workprojects2 p a.last, #freelanceprojects p a.last{width:116px;background:#2A2F30;float:left;margin:0 0 7px 0;}

#characterprojects {float:left;width:735px;padding-left:5px;}
#characterprojects p {margin:0;padding:0;}
#characterprojects p img {border:0;MARGIN:0;}
#characterprojects p a{background:#222;width:55px;border:1px solid #414242;float:left;padding:3PX;margin:0 6px 11px 0;font-size:.7em;color:#B0B2B3;text-align:right;text-decoration:none;}
#characterprojects p.blank {margin:0 6px 11px 0;padding:0;background:#0d0d0d;border:1px solid #151616;float:left;WIDTH:56PX;height:57px;}
#characterprojects p.blanklast {margin:0 0 11px 0;padding:0;background:#0d0d0d;border:1px solid #151616;float:left;WIDTH:56PX;height:57px;}
#characterprojects p a:hover{wifth:55px;border:1px solid #adb53e;float:left;padding:3PX;margin:0 6px 11px 0;font-size:.7em;color:#fff;text-align:right;text-decoration:none;}
#characterprojects p a span{font-size:.9em;color:#7B7E7F;}
#characterprojects p a:hover span{font-size:.9em;color:#ccc;}
#characterprojects p a.last{margin:0 0 9px 0;}

#characterprojects2 {float:left;width:735px;padding-left:5px;}
#characterprojects2 p {margin:0;padding:0;float:left;}
#characterprojects2 p img {border:0;MARGIN:0;}
#characterprojects2 p a{background:#222;width:45px;border:1px solid #414242;float:left;padding:3PX;margin:0 6px 11px 0;font-size:.7em;color:#B0B2B3;text-align:right;text-decoration:none;}
#characterprojects2 p.blank {margin:0 6px 11px 0;padding:0;background:#0d0d0d;border:1px solid #151616;float:left;WIDTH:56PX;height:57px;}
#characterprojects2 p.blanklast {margin:0 0 11px 0;padding:0;background:#0d0d0d;border:1px solid #151616;float:left;WIDTH:56PX;height:57px;}
#characterprojects2 p a:hover{wifth:55px;border:1px solid #adb53e;float:left;padding:3PX;margin:0 6px 11px 0;font-size:.7em;color:#fff;text-align:right;text-decoration:none;}
#characterprojects2 p a span{font-size:.9em;color:#7B7E7F;}
#characterprojects2 p a:hover span{font-size:.9em;color:#ccc;}
#characterprojects2 p a.last{margin:0 0 9px 0;}

#photoprojects {float:left;width:735px;padding-left:5px;}
#photoprojects p {margin:0;padding:0;float:left;}
#photoprojects p img {border:0;MARGIN:0;}
#photoprojects p a{width:55px;border:1px solid #414242;float:left;padding:3PX;margin:0 6px 11px 0;font-size:.7em;color:#B0B2B3;text-align:right;text-decoration:none;background:#222;}
#photoprojects p.blank {margin:0 6px 11px 0;padding:0;background:#0d0d0d;border:1px solid #151616;float:left;WIDTH:56PX;height:57px;}
#photoprojects p.blanklast {margin:0 0 11px 0;padding:0;background:#0d0d0d;border:1px solid #151616;float:left;WIDTH:56PX;height:57px;}
#photoprojects p a:hover{wifth:55px;border:1px solid #adb53e;float:left;padding:3PX;margin:0 6px 11px 0;font-size:.7em;color:#fff;text-align:right;text-decoration:none;}
#photoprojects p a span{font-size:.9em;color:#7B7E7F;}
#photoprojects p a:hover span{font-size:.9em;color:#ccc;}
#photoprojects p a.last{margin:0 0 9px 0;}

#bottomwrapper{margin:10px 0 10px 25px;}

.bottomcolumns{
width:219px;
margin-right:25px;
float:left;
border-bottom:1px solid #414242;
min-height:255px;
}

.bottomcolumnslast{
width:219px;
margin-right:0;
float:left;
min-height:255px;
border-bottom:1px solid #414242;
}
*html .bottomcolumns, *html .bottomcolumnslast{
height:255px;
}

#careerandeducation p{
color:#fff;
font-size:.7em;
border-bottom:1px solid #414242;
padding:14px 0 14px 0;
margin:0;
}
#careerandeducation p.last{
border-bottom:0;
padding:14px 0 15px 0;
}
#careerandeducation p strong{
color:#C3C94F;
}
#careerandeducation p span{
color:#C5C9CB;
font-size:.9em;
}
ul#designskills{
margin:1px 0 0 0;
list-style:none;
padding:0;
}
ul#designskills li{
border-bottom:1px solid #414242;
padding:5px 0 5px 0;
font-size:.7em;
color:#fff;
float:left;
width:219px;
}
ul#designskills li.lastskill{
border:0;
padding:5px 0 5px 0;
font-size:.7em;
color:#fff;
float:left;
width:219px;
}

ul#designskills li a{
color:#E9EAD1;
text-decoration:none;

}
ul#designskills li a strong{
color:#C3C94F;
}
ul#designskills li a:hover{
color:#fff;
text-decoration:underline;
}
#shortlisted img{
margin:0 0 7px 0;
}
#shortlisted p{
font-size:.7em;
margin:0 0 13px 0;

color:#C5C9CB;
}
#shortlisted p a{
color:#fff;
}
#shortlisted strong a{
font-size:1.05em;
color:#CCD660;
text-decoration:none;
}
#shortlisted strong a:hover{
font-size:1.05em;
color:#CCD660;
text-decoration:underline;
}
#shortlisted span{
color:#fff;
display:block;
font-size:1em;
font-weight:bold;
padding:0 0 8px 0;
}
.bottomcolumnslast fieldset{
border:0;
margin:0;
padding:0;
}
.bottomcolumnslast fieldset label{
display:block;
padding:6px 0 7px 0;
width:219px;
color:#fff;
font-size:.7em;
}
.bottomcolumnslast fieldset input, .bottomcolumnslast fieldset textarea{
background:#131313 !important;
color:#fff;
border:1px solid #464747;
width:219px;

}
.bottomcolumnslast fieldset textarea{
font-family:tahoma;
font-size:.75em;
height:45px;
}
#footer{
width:950px;

margin-top:5px;
padding:5px 0 0 0;
}
#footer span{
color:#5D5E5F;
font-size:.7em;
margin: 4px 0 0 0;
display:block;
}
#footer img{
float:left;
margin:0 10px 10px 0;
}

.scroll_btn { cursor:pointer; }

#footerlogo{
float:left;
width:143px;
padding:0 0 0 0;
}
#copyright{
float:right;

color:#5D5E5F;
text-align:center;
font-size:.7em;
padding:8px 0 0 0;
}
#footeritsabout{
float:right;
width:86px;
}
.categoryintro{

margin-right:0;
float:left;
width:218px;
padding: 0 22px 0 0;

color:#B7B8B8;
font-size:.7em;
line-height:1.5em;

}
.freelancecategoryintro{
width:218px;
padding: 0 22px 0 0;
margin-right:0;
float:left;

color:#B7B8B8;
font-size:.7em;

line-height:1.5em;

}
.freelancecategoryintro p{text-align:left;padding:0;margin:0;}


#error{
color:#fff;
font-size:.7em;
}

#error{
color:#ff0000;
font-size:.7em;
font-weight:bold;
}
#thankyou{
color:#fff;
font-size:.7em;
font-weight:bold;
}

#changestyle{
float:right;
background:#232323 url(images/bg.gif) bottom repeat-x;
padding:4px 5px 4px 5px;
border:1px solid #414242;
margin-top:27px;

}
#changestyle a{
float:left;
margin-left:8px;
display:block;
border:1px solid #fff;
width:19px;
height:19px;
}
#changestyle p{
float:left;
width:90px;
display:block;
text-align:center;
margin:0;
padding:4px 0 0 3px;
color:#bebdbd;
font-size:.7em;
}
#changestyle a:hover{
float:left;
margin-left:8px;
display:block;
border:1px solid #adb53e;
width:19px;
height:19px;
}
