@charset "utf-8";
/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;	border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }
/*END OF CSS RESET*/

html {
	height: 100%;
	font-family:Helvetica, Arial, sans-serif;
	color:#333333;
	font-size:12px;
	}
body {
	background:url(../_img/background.jpg) #FFFFFF repeat-x;
	}
#content {
	text-align: left;		/* IE hack */
	width: 900px;
	margin: 0 auto;
}
a:link { color:#FF9900; text-decoration:none; font-weight:bold;}
a:visited {color:#FF9900; text-decoration:none; font-weight:bold;}
a:hover { color:#FFCC00; text-decoration:none; font-weight:bold;}

a.imgopacity img {
_margin: 0px 0px 0px 0px;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
border:0px;
}

a.imgopacity:hover img {
filter:alpha(opacity=50);   
-moz-opacity: 0.5;   
opacity: 0.5;
}
a.design img {_margin: 0px 0px 0px 0px;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border:0px;}
a.design:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

a.illustration img {_margin: 0px 0px 0px 0px;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border:0px;}
a.illustration:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

a.web img {_margin: 0px 0px 0px 0px;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border:0px;}
a.web:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

a.corporate img {_margin: 0px 0px 0px 0px;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border:0px;}
a.corporate:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

a.logos img {_margin: 0px 0px 0px 0px;filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;border:0px;}
a.logos:hover img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

#links {float:right; width:516px; height:97px; margin:0px; padding:0px;}

hr {border-top: 2px solid #333333; padding:10px 0px; border-left:none; border-right:none; border-bottom:none;}
#standout {color:#99cc33;}
#featured {margin:0px;}


/*HOME SECTION CSS*/
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
	background:#FFFFFF;
}
#welcome {margin: 15px 5px 15px 5px; font-size:22px; font-family:Helvetica, Arial, sans-serif;}
#profile {float: left; width: 300px;}
#profile_text {padding:15px 20px 15px 5px;}
#news {float: right; width: 300px;}
#news_text {padding:15px 20px 15px 5px;}
#services {float: left;	width: 32%;}
#services_text {padding:15px 20px 15px 5px;}

#myservices li {list-style:square; list-style-position:inside; font-weight:bold; padding-bottom:2px;}
#date {color:#99cc33; font-size:10px; background-color:#333333; padding:2px;}

/*ABOUT SECTION*/
h2 { font-size:14px; font-weight:bold;}
#otherinfo {float: left; width: 300px;}
#otherinfo_text {padding:15px 20px 15px 5px;}
#faves {float: right; width: 300px;}
#faves_text {padding:15px 20px 15px 5px;}

/*WORK SECTION*/
h5 {padding:15px;}
.thumbnail{
	padding: 3px 3px 3px 3px;
	background-color:#999999;
	border: 1px solid #FFFFCC;
	float: left;
	margin:0px 13px 10px 13px;
	}
/*CONTACT SECTION*/
i {color:#FF9900;}

/*FOOTER SECTION*/
#footer{clear:both; background:#000000 repeat-x; color:#FFFFFF; border-top:1px solid #99CC33; text-align:right; font-size:10px; height:175px; padding:10px;}
#footer_content{width:900px; margin: 0 auto;}