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: 145%; font-family: Arial,"sans serif"; color: #333; font-weight: normal; font-size: 75%; background: #FFF; text-align: center;}

ol, ul 				{list-style: none;}

em					{font-style: italic;}

strong				{font-weight: bold;}

blockquote, q 		{quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, q:after 	{content: ''; content: none;}

:focus 				{outline: 1px;}

ins 				{text-decoration: none;}
del 				{text-decoration: line-through;}

table 				{border-collapse: collapse;	border-spacing: 0;}

h1,h2,h3,h4,h5,h6	{font-family: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif; color: #FFF; background-color: #333;}

h1					{font-size: 150%; margin-bottom: 5px;}

h2					{font-size: 130%; margin-bottom: 3px;}
h3					{font-size: 120%; margin-bottom: 2px;}

a					{color: #FFF;}
a:visited			{/*color: #888;*/}
a:hover				{color: #444;}

/* classes */
.itty				{font-size: 85%;}

.pir-replaced		{display: block; float: left; text-indent: -9000px; background-repeat: no-repeat; background-position: left top;}
/*
.pir-replaced		{display: inline-block; vertical-align: text-bottom; line-height: 10; overflow: hidden; background-repeat: no-repeat; background-position: left top;}
*/
/* LAYOUT */
.wrapper		{width: 840px; margin: 30px auto; text-align: left;}

.logo			{width: 400px;}
.logo a			{background: url('../img/ad-logo.jpg') top left no-repeat; width: 378px; height: 88px; text-indent: -9000px; display: block;}

.nav							{float: right; position: relative; top: -1.35em;}
.nav li							{float: left; padding: 0 10px;}
.nav li.last					{border-right: none; padding-right: 0;}
.nav a							{color: #404040; text-decoration: none; padding: 2px;}
.nav a:visited					{color: #888;}
.nav a:hover					{color: #444; border-bottom: solid 2px #444;}
.nav a.parent, .nav a.active	{border-bottom: solid 2px #444; color: #444;}

.content		{color: #FFF; background-color: #333; border: solid 1px #202020; margin: -0.8em 0 10px -2px; padding: 20px 5% 40px; float: left; width: 90%;}
.content *		{background-color: inherit;}

.footer			{text-align: right; font-size: 90%; clear: both;}

/* HOMEPAGE */
.strap			{background-color: #FFF; color: #333; padding: 6px 5% 24px 9%; width: 86%;}
.strap p		{background-color: inherit; margin-top: -2.5em; text-align: right; font-size: 85%;}
.strap a		{color: #333;}

.info			{text-align: justify; width: 100%; margin: 32px 0;}
.info p			{margin-bottom: 15px; line-height: 33px;}
.info span		{background-color: #333; color: #FFF;}		

/* CONTACT PAGE */
.contact-strap				{background-color: #FFF; color: #333; float: left; width: 100%; padding: 0;}
.contact-strap img			{float: left; margin-right: 24px;}
.contact-strap p			{text-align: justify; width: 450px; margin-top: 42px; float: left; font-size: 95%; line-height: 33px; background-color: inherit; color: #333;}
.contact-strap a			{color: #333;}
.contact-strap span			{color: #333; background-color: #FFF;}

.contact-info				{clear: left; float: left; padding: 32px 0 12px; font-size: 90%; width: 100%; line-height: 170%;}
.contact-info li			{float: left; padding: 0 30px 0 60px; border-right: dotted 1px #313131; min-height: 100px;}
.contact-info li.first		{margin-left: 160px;}

/* CV and BIOGRAPHY PAGE */
.biography-strap						{background-color: #FFF; color: #333; padding: 12px 5% 8px; width: 90%; text-align: center;}
.biography-strap *						{background-color: inherit;}
.biography-strap a						{color: #333;}
.biography-strap img					{vertical-align: middle;}
.biography-strap div.image-text			{position: relative; text-align: right; margin: -1em 0 2em; font-size: 85%; float: right;}
.biography-strap div.image-text p 		{border-bottom: solid 1px #DDD; width: 32em;}
.biography-strap div.biography-intro	{margin-top: 40px;}
.biography-strap div.biography-intro p	{text-align: justify; margin: 6px 0 12px; line-height: 33px;}
.biography-intro span			{background-color: #FFF; color: #333;}

.cv-info				{text-align: left; width: 75%; margin: 32px 0 32px 5%; background-color: inherit;}
.cv-info *				{background-color: inherit;}

.cv-info li.section		{border-bottom: solid 1px #FFF; margin-top: 18px;}
.cv-info ul.items		{padding-left: 8px;}
.cv-info ul.items li	{border-bottom: solid 1px #444; padding: 6px 0;}

.cv-info h3				{font-variant: small-caps; font-size: 160%; font-weight: bold; letter-spacing: 3px; margin-bottom: 12px;}
.cv-info h4 em			{font-size: 150%; font-weight: normal;}
.cv-info p				{margin: 4px 0;}
.cv-info .desc			{color: #DDD; font-size: 90%; width: 85%;}

/* PORTFOLIO */
.portfolio-strap				{background-color: inherit;}
.portfolio-strap *				{background-color: inherit;}
.portfolio-intro h1				{margin: 0 0 10px;}
.portfolio-strap h1 a		{color: #FFF; background-color: #333; display: block;}
.portfolio-strap h1 a:hover 	{color: #888;}

/* -- products */
.portfolio-info				{position: relative; width: 676px; padding: 40px 40px 90px; float: left; background-color: #FFF; color: #333;}
.portfolio-info *			{background-color: inherit;}
.portfolio-info h2			{margin-bottom: 20px;}
.portfolio-info ul			{float: left; width: 634px;}
.portfolio-info li			{float: left; border: solid 1px #DDD; width: 150px; height: 150px; overflow: hidden; margin: 0 10px 10px 0; text-align: center;}
.portfolio-info li a		{display: block; height: 100%; width: 100%;}
.portfolio-info li img		{display: inline;}	
.portfolio-info li em		{font-size: 95%; font-weight: normal; font-style: italic;}

/* -- categories */
.portfolio-categories li	{float: left; background-color: #FFF; color: #333; border: solid 1px #DDD; width: 300px; height: 300px; overflow: hidden; margin: 10px; text-align: center;}

/* -- product */
.portfolio-product				{float: left; width: 500px; text-align: right;}
.portfolio-product-text			{position: absolute; bottom: 36px; right: 216px; width: 400px; text-align: right; border-top: solid 1px #DDD; padding: 4px 0;}

ul.portfolio-product-thumbs 	{width: 152px; float: right;}
ul.portfolio-product-thumbs li	{padding: 0; height: 90px; overflow: hidden; margin: 0 0 7px; float: none;}

/* NEWS */
.news-strap					{background-color: inherit;}
.news-strap h1				{background-color: inherit; margin: 0 0 10px;}
.news-strap h1 a			{display: block;}

.news-info					{position: relative; width: 716px; padding-bottom: 30px; float: left; }
.news-info *				{background-color: inherit;}
.news-info li				{border-bottom: solid 1px #303030; float: left; width: 100%; clear: left; padding-bottom: 10px; margin-bottom: 10px;}
.news-info li img			{float: left; padding: 4px; background-color: #FFF;}
.news-info li h3			{font-variant: small-caps; font-size: 160%;}
.news-info li p				{line-height: 24px;}
.news-text					{margin-left: 230px;}

/* SLIMBOX */
#lbOverlay 						{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;}

#lbCenter, #lbBottomContainer 	{position: absolute; z-index: 9999;	overflow: hidden;background-color: #fff;}

.lbLoading 						{background: #fff url(../img/sb/loading.gif) no-repeat center;}

#lbImage 						{position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat;}

#lbPrevLink, #lbNextLink 		{display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink 					{left: 0;}
#lbPrevLink:hover 				{background: transparent url(../img/sb/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink 					{right: 0;}
#lbNextLink:hover 				{background: transparent url(../img/sb/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom 						{line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none;}

#lbCloseLink 					{display: block; float: right; width: 66px;	height: 22px; background: transparent url(../img/sb/closelabel.gif) no-repeat center; margin: 5px 0; outline: none;}

#lbCaption, #lbNumber 			{margin-right: 71px;}