* { border: 0; margin: 0; padding: 0; }
body { background: #B29874 url(../images/background2.gif) center repeat-y; color: #222; font-family: Roboto, sans-serif; font-size: 70%; text-align: center; line-height:1.2 }
h1 { border-bottom: 2px solid #364b60; border-top: 2px solid #364b60; border-right: 30px solid #364b60; color: #364b60; font-size: 130%; font-weight: 700; margin: 5px 0 ; padding: 5px 0; }
h2 { border-bottom: 2px solid #364b60; border-top: 2px solid #364b60; border-right: 24px solid #364b60; color: #364b60; font-size: 110%; font-weight: 600; margin: 5px 0 ; padding: 2px 0; }
h3 { border-bottom: 1px solid #364b60; color: #364b60; font-size: 100%; font-weight: 500; margin: 5px 0 ; padding: 2px 0; }

#wrap { margin: 0 auto; text-align: left; width: 800px; }
#header { background: url(../images/header2.gif) center no-repeat; color: #364b60; font-family: Andalus; font-size: 300%; font-weight: bold; height: 100px; line-height: 90px; letter-spacing: 5px; }
	#header img { vertical-align: top; }
	#header span { padding-left: -5px;; }
	#header div { color: #364b60; font-size: 50%; font-weight: normal; height: 100px; line-height: 30px; padding-left: 190px; margin-top: -30px; letter-spacing: normal; }

#column1 { float: left; width: 10px; font-size: 140%; }
	#column1 img { border: 1px solid #666; margin: 5px 20px; padding: 10px 20px; }
	#column1 table { width: 180px; border-collapse: collapse; }
	
	#column1 td { vertical-align: middle; font-size: 105%; border-bottom: 1px solid #666; }
	#column1 td a { display: block; text-decoration: none; width: 175px; padding: 8px 0 8px 5px; }
	#column1 td a.notselected { color: #222; }
	#column1 td a.selected { color: #FFF; background-color: #B29874; }
	#column1 td a:hover { background: #364b60 url(../images/selector.gif) center right no-repeat; color: #fff; }
	
	#column1 td.sub { height: 10px; vertical-align: middle; }
	#column1 td.sub a { display: block; padding: 2px 0 2px 5px; text-indent: 6px; text-decoration: none; width: 175px; font-size: 90%; }
	#column1 td.sub a.notselected { color: #444; }
	#column1 td.sub a.selected { color: #FFF; background-color: #B29874; }
	#column1 td.sub a:hover { background: #364b60 url(../images/selector.gif) center right no-repeat; color: #fff; }

	
/* in the tag below, #column2, I used the Underscore Hack to give the column2 div the correct margins in Firefox 1 */
#column2 { float: none !important; float: right; margin-left: 192px !important; margin-left: 0; padding: 12px 40px 30px 9px; font-size: 140%; }
	#column2 p { line-height: 120%; text-align: justify; padding-bottom: 10px; }
	#column2 td { vertical-align: top; text-align: justify; padding-bottom: 5px; line-height: 100%; }
	#column2 ul { margin: 0px 0; }
		#column2 li { color: #444; list-style: square inside; text-indent: 10px; }
	#column2 a { text-decoration: none; color: navy; }
		#column2 a:hover { text-decoration: none; color: maroon; }

#footer { clear: both; color: #999; font-size: 9px; padding: 30px 0 10px 0; text-indent: 185px; }
#footer a { color: #999999; text-decoration: underline; }
div.title { text-align: center; font-size: 110%; color: #364b60; font-weight: bold;  }
div.subtitle { text-align: center; font-size: 100%; color: #364b60; font-weight: normal;  }
img.cv { height: 200px; float: right; padding: 0 0 10px 20px; }
ul { margin: 0; padding: 0; }
ul.category { margin: 0; }
ul.category li { font-weight: bold; margin: 0; }
ul.service { padding: 0 0 0 1em; margin: 0; font-weight: normal; }
ul.service li { padding: 0 0 0 1em; margin: 0; font-weight: normal; }
ol {margin-left: 1em;}
ol li {margin-left: 1em; line-height: 120%; text-align: justify;}