html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

html { overflow-y:scroll; }

fieldset, form, legend {
	margin:0 0 0 0;
	border:0;
	padding:0 0 8px 0;
	color:#222;
	font-size:0.85em;
	font-weight:bold; }
 
label, input, textarea { margin-left:0px; }
 label {font-weight:bold;}
textarea { margin-bottom:8px; }
 
#Message, #Email, #Name, #Subject {
	background:#fff;
	border:1px solid #ccc;
	padding:3px; }
#Message textarea {width:200px;}
 
form {
	margin-bottom:20px;
	padding:0 0 15px 0; }
 
html { height:100%; }
 
em { font-style:italic; }
 
blockquote strong {
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-size:0.9em; }
 
strong {
	letter-spacing:0.01em;
	color:#222;
	margin:0;
	padding: 0 0 0 0; }

body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #fff;
	font-size: 0.9em;
	color:#444; line-height:1.3em;
	height:100%;
        padding:0; margin:0;

 }
 
#front .home, #profile .profile, #portfolio .portfolio { border-top:3px solid #906; }
 
h4 img {
	margin:0;
	vertical-align:middle; }
 
blockquote {
	margin:0;
	color: #666; font-family:Georgia, time, sans-serif; font-style:italic;
	font-size: 1.25em; }
 
p {
	padding: 0 10px 0 0;
	line-height: 1.45em;
	margin: 0 0 15px 0;
	font-weight:normal;
	font-size:0.85em; }
 
#blog p.intro {margin-top:10px;}
	p.intro {
		font-size:14px;
		line-height:1.4em;
		padding: 2px 6px 0 0; color:#222; }
 
		p.intro a:link, p.intro a:visited { font-weight:bold; }
 
cite { font-size: 0.85em; }
 
h1, h3, h4, h5, h6 {
	padding: 0;
	margin: 0; }
 
h1 {
	font-size: 1.7em;
	line-height: 1.4;
	margin: 0 0 0 0; }
 
.logo {
	position:absolute;
	top:40px;
	left:-2px;
	margin:0;
	padding:0; }
 
h2 {
	font-size: 1.5em;
	margin:0;
	color:#111;
	line-height:1.5em;
	font-family:Arial, sans-serif;
	font-style:normal; }
 
.sIFR-active h2, .sIFR-active h3 {
	visibility:hidden;
	font-weight:normal;}
 
.sIFR-alternate h2 { font-weight:normal; }
 
h3 {
	font-size: 1.4em;
	font-family:Georgia, Times, serif;
	letter-spacing:-0.075em;
	Font-style:normal;
	line-height: 0.9em;
	color: #9c0777;
	margin: 0 0 0 0;
	padding:0 10px 0 0;
	font-weight: normal; }
h3 span {color:#cc0099;}
 
.directory h3 {
	font-style:normal;
	font-size:1.1em;
	margin:5px 0 0 0;
	padding:0 0 0 10px; }
 
h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em; padding:0;
	line-height: 1.5em;
	color: #000; 
text-transform:uppercase;
	letter-spacing:0.05em;
	margin: 0 0 5px 0; padding:0 0 0 0;
	font-weight:bold; float:left; 
 }

 h4 span {color: #cc0099; margin: 0; padding:0; width:58px; float:left;}
 
	h4 img { vertical-align: top; }
 
h5 {
	font-size: 1em;
	line-height: 0.5em;
	color: #cc0099;
	letter-spacing:0.01em;
	margin:0 0 0 0;
	display:block; }

h5 a {display:block;}
 h6.sIFR-replaced {line-height:1em; font-size:1em;}
h6 {
	font-size: 1.8em;
	font-family:'Times New Roman', Times, Georgia, serif;
	Font-style:normal;
	line-height: 1.3em;
	color: #192B87;
	margin: 0 0 5px 0;
	padding:0 10px 5px 0;
	font-weight: normal; width:460px;}
 
small, .small {
	font-size: 0.875em;
	margin: 0 0 0 0;
	padding-top:2px;
	font-weight:bold;
	color: #430474;}

 span.small a {color:#430474;}
 span.small a:hover {color:#990099;}
a.small {
	padding-top:10px;
	margin-top:10px;
	line-height:2.4em; text-transform:uppercase; }
 
p img {
	padding: 0 0 0 0;
	margin:0 2px 0 0; }
 
ul { margin:0 0 10px 0px; }
ul.homepage  {margin:0;}
 
.box li {
	list-style:none;
	font-size:0.95em;
	font-style:normal;
	text-transform:none;
	line-height:1.2em;
	margin: 0 0 8px 0; }
 .box span.small {padding:0 0 10px 18px;}

#portfolio .sidebar li {list-style-type:circle;}



li {
	list-style-position:outside;
	list-style-type: disc;
	padding: 0 10px 0 0;
	line-height: 1.5em; font-size:0.8em;
	margin:0 0 1px 15px; }
 
ul.contact li a img {
	float:left;
	vertical-align:text-top;
	margin-left:2px; }
 
ul.contact li, ul.subnav li {
	line-height:1.7em;
	margin:0 0 0 0;
	list-style-type:none;
	padding:0; font-size:0.85em;
	border-top:1px solid #ccc;
	width:200px; }
 
	ul.contact li a, ul.subnav li a {
		display:block; padding:3px;
		color:#444; border-top:1px solid #fff;}
ul.subnav li.active a {color:#AA2277; font-weight:bold;}

ul.contact li a:hover, ul.subnav li a:hover {
		color:#AA2277; }
 
	ul.contact li:hover, ul.subnav li:hover { background-color:#fff; }
 
ul ul li { list-style-type:circle; }
 
#subnav li {
	width:170px;
	letter-spacing:0.01em;
	margin:0 0 1px 0;
	padding:0;
	list-style:none; }
 
	#subnav li.active a, #subnav li.active {
		color:#192B87;
		text-decoration:none;
		font-weight:bold; }
 
#subnav a, #subnav li a {
	color:#555;
	text-decoration:none; }
 
#subnav a:hover, #subnav li a:hover { color:#9c0777; }
 
p a:link, p a:visited {
	color:#cc0099; font-weight:normal;
	border-bottom:none; }

a.live {padding:5px; background-image:url(/images/132.jpg); display:block; }
 
p a:hover, .box li a:hover { text-decoration:underline; }
 
a:link, a:visited {
	text-decoration: none;
	color: #cc0099; }
a:hover {color: #4a4fb3;}
 
.nextprev {font-size:11px; position:absolute; right:0; top:40px; text-transform:uppercase;}
.nextprev span {padding-left:15px;}

.nextprev2 {font-size:11px; position:absolute; right:0; bottom:40px; text-transform:uppercase;}
.nextprev2 span {padding-left:15px;}

a h2 { color:#9C0777; }
 
h2 a { color:#9C0777; }
 
	h2 a:visited { color: #9C0777; }
 
a:active { color: #000; }
 
a:focus { outline:0; }
 
.home a:hover, .portfolio a:hover, .profile a:hover {
	color:#444;
	text-decoration:none;
	padding:5px 0 0 0; }
 
a img { border: none; }
 
h1 a, h2 a, h3 a {
	border: none;
	text-decoration:none; }
 
#site-name a { border: none; }
 
#accessibility {
	position: absolute;
	top: -10000px; }
 
.container {
	margin: 0 auto;
	padding: 40px 0 50px 0;
	width: 960px;
	display:block;
	position:relative; }
 

#head_wrapper {width:100%; overflow:hidden; background-image:url(/images/164.jpg); height:153px; background-position:top center;}

#head {
	width:960px;
	height:153px;
	margin:0 auto;
	position:relative;
	padding-bottom:1px; }

 
#site-name {
	margin: 0;
	font: 3em Georgia, Times, serif; }
 
#site-slogan { font: italic 1em Georgia, Times, serif; }
 
ul.section_list {
	position:absolute;
	bottom:0px;
	left:0px; margin:0;
	height:25px;
	font-weight:normal;
	font-family:Helvetica, Arial, Verdana serif;
	font-size:13px;
	letter-spacing:0.02em;
	text-transform:uppercase; }
 
.section_list {
	margin: 0;
	padding: 0;
	list-style-type: none; }
 
ul.section_list li a {
	padding: 6px 10px 10px 10px;
	float: left;
	color:#fff; }
 
ul.section_list li {
	margin: 0 10px 0 0;
	float:left;
	padding:0;
	list-style:none;
	font-style:normal; }
 
.section_list li a.active {
	color:#54117e; background-color:#ffffff;
-moz-border-radius:9px; -webkit-border-radius:9px; }
 
.section_list li a:hover.active { color:#54117e; }
 
.section_list li a:hover {
	color:#fba8d5;
 }
 
.category_list {
	list-style: none;
	margin: 0 10px 2px 20px; }
 
#content {
	margin: 0 40px 10px 250px;
	padding: 10px 0 20px 0;
	min-height:450px; }
 
#foot {
	margin: 0 auto;
	width:960px;
	position:absolute;
	bottom:-30px; height:60px;
	left:0;
	border-top:1px solid #ccc; }
 
	#foot p {
		font-size: 0.75em;
		padding: 8px 0 8px 0;
		line-height: 1.1em;
		color: #666;
		text-align:left;
		margin:0 auto; }
 
.foot {
	width:960px;
	margin:0 auto; }
 
.caps {
	font-size: 0.9em;
	letter-spacing: 0.05em; }
 
div.divider {
	margin: 2em 0;
	text-align: center; }
 
.directory { list-style-type: circle; }
 
	.directory li {
		margin:0;
		padding:0 0 0 0; }
 
ul.directory { margin:0; }
 
.author {
	font-style: normal;
	font-size: 0.8em; }
 
.published { font-size: 0.8em; }
 
.comments_error {
	color: #000;
	background-color: #fff4f4; }
 
ul.comments_error {
	padding: 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd; }
 
div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd; }
 
form#txpCommentInputForm td { vertical-align: top; padding-bottom:5px;}
 


#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em; }
 
.error-status { font: 1.3em Georgia, Times, serif; }
 
.border {
	border: #c9c9c9 1px solid;
	padding:0px;
	margin:0 0 20px 0;
	background-color:#fff; }
 
table, tbody, td, tr {
	padding: 0;
	font-size: 0.98em;
	line-height: 1.3em;
	color: #333;
	margin: 0 0 10px 0;
	font-weight:normal; }
 
/* Columns -------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25 {
	float: left;
	margin-right: 10px; }
 
#sidebar-left {
	float: left;
	margin-right: 10px;
	width: 230px; }
 
#sidebar-right { float:right; }
 
.sidebar {
	float: left;
	margin-right: 10px;
	width:260px; display:inline;}
 
#front .sidebar {width:250px;}
 
.maincontent {
	float:right; display:inline;
	padding:0;
	width:672px;
	margin:0 0 20px 0; }

#blog .maincontent p {font-size:100%;}

.maincontent img {margin:0 0 15px 0; padding:4px; border:1px solid #ddd;}

#front .maincontent img {margin:0; padding:0; border:none;}

#portfolio .maincontent img {float:right; margin:0 0 45px 0;}

.callout {
	width:800px;
	float:left; }
 
.col_services {
	margin:0 10px 0 0;
	float:left;
	width:230px; }



.col_blog {margin:0 15px 25px 0; padding:0;
	float:left;   list-style-type:none;
	width:228px; height:160px; display:inline;}

.col_blog2 {margin:0 0 25px 0; padding:0;
	float:left;   list-style-type:none;
	width:228px; height:170px; display:inline;}

li p {font-size:1.05em; line-height:1.3em;}

.col_blog p, .col_blog2 p {padding:0 5px 3px 0; margin:0; }
.col_blog p.date, li.col_blog2 p.date {font-size:0.75em;}
.col_blog h5, .col_blog2 h5 {padding:10px 5px 5px 0;}


li.col_portfolio {background-image:url(/images/166.jpg); background-repeat:no-repeat;
	margin:0 0 15px 0; padding:0;
	float:left; list-style-type:none;
	width:240px; height:260px; }
li.col_portfolio img:hover {background-color:#ddd;}

ul.pfolio {margin:0 0 0 -10px;}

li.col_portfolio h5 {padding:0 18px 3px 18px;}
.col_portfolio img {margin:18px 0 15px 16px;}
.col_portfolio p {margin-bottom:5px; font-size:1em; padding:0 15px 0 18px;  line-height:1.4em;}

.col_services_textpattern {
	margin:0 15px 0 0;
	float:left;
	width:230px; }
 
.col_about {
	float:left;
	margin-right:18px;
	padding-left:0;
	width:350px; display:inline; }
 
/* The last column in a row needs this class. */
div.last { margin-right: 0; }
 
div.first { margin-left:0; }
 
/* Use these classes to set the width of a column. */
.span-1 { width: 30px; }
 
.span-2 { width: 70px; }
 
.span-3 { width: 110px; }
 
.span-4 { width: 150px; }
 
.span-5 { width: 190px; }
 
.span-6 { width: 230px; }
 
.span-7 { width: 266px; }
 
.span-8 { width: 310px; }
 
.span-9 { width: 350px; }
 
.span-10 { width: 390px; }
 
.span-11 { width: 430px; }
 
.span-12 { width: 470px; }
 
.span-13 { width: 510px; }
 
.span-14 { width: 550px; }
 
.span-15 { width: 590px; }
 
.span-16 { width: 630px; }
 
.span-17 {
	width: 670px;
	margin:0 0 20px 0; }
 
.span-18 { width: 710px; }
 
.span-19 { width: 750px; }
 
.span-20 { width: 790px; }
 
.span-21 { width: 830px; }
 
.span-22 { width: 870px; }
 
.span-23 { width: 910px; }
 
.span-24, div.span-24 {
	width: 950px;
	margin: 0; }
 
.span-25 {
	width:990px;
	margin:0; }
 
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 40px; }
 
.append-2 { padding-right: 80px; }
 
.append-3 { padding-right: 120px; }
 
.append-4 { padding-right: 160px; }
 
.append-5 { padding-right: 200px; }
 
.append-6 { padding-right: 240px; }
 
.append-7 { padding-right: 280px; }
 
.append-8 { padding-right: 320px; }
 
.append-9 { padding-right: 360px; }
 
.append-10 { padding-right: 400px; }
 
.append-11 { padding-right: 440px; }
 
.append-12 { padding-right: 480px; }
 
.append-13 { padding-right: 520px; }
 
.append-14 { padding-right: 560px; }
 
.append-15 { padding-right: 600px; }
 
.append-16 { padding-right: 640px; }
 
.append-17 { padding-right: 680px; }
 
.append-18 { padding-right: 720px; }
 
.append-19 { padding-right: 760px; }
 
.append-20 { padding-right: 800px; }
 
.append-21 { padding-right: 840px; }
 
.append-22 { padding-right: 880px; }
 
.append-23 { padding-right: 920px; }
 
/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 30px; }
 
.prepend-2 { padding-left: 80px; }
 
.prepend-3 { padding-left: 120px; }
 
.prepend-4 { padding-left: 160px; }
 
.prepend-5 { padding-left: 200px; }
 
.prepend-6 { padding-left: 240px; }
 
.prepend-7 { padding-left: 280px; }
 
.prepend-8 { padding-left: 320px; }
 
.prepend-9 { padding-left: 360px; }
 
.prepend-10 { padding-left: 400px; }
 
.prepend-11 { padding-left: 440px; }
 
.prepend-12 { padding-left: 480px; }
 
.prepend-13 { padding-left: 520px; }
 
.prepend-14 { padding-left: 560px; }
 
.prepend-15 { padding-left: 600px; }
 
.prepend-16 { padding-left: 640px; }
 
.prepend-17 { padding-left: 680px; }
 
.prepend-18 { padding-left: 720px; }
 
.prepend-19 { padding-left: 760px; }
 
.prepend-20 { padding-left: 800px; }
 
.prepend-21 { padding-left: 840px; }
 
.prepend-22 { padding-left: 880px; }
 
.prepend-23 { padding-left: 920px; }
 
/* Border on right hand side of a column. */
div.border {
	padding-right: 4px;
	margin-right: 5px;
	border-right: 1px solid silver; }
 
/* Border with more whitespace, spans one column. */
div.colborder {
	padding-right: 20px;
	margin-right: 25px;
	border-right: 1px solid #ccc; }
 
/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */
.pull-1 { margin-left: -40px; }
 
.pull-2 { margin-left: -80px; }
 
.pull-3 { margin-left: -120px; }
 
.pull-4 { margin-left: -160px; }
 
.pull-5 { margin-left: -200px; }
 
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-5 {
	float:left;
	position:relative; }
 
.push-1 { margin: 0 -40px 1.5em 40px; }
 
.push-2 { margin: 0 -80px 1.5em 80px; }
 
.push-3 { margin: 0 -120px 1.5em 120px; }
 
.push-4 { margin: 0 -160px 1.5em 160px; }
 
.push-5 { margin: 0 -200px 1.5em 200px; }
 
.push-0, .push-1, .push-2, .push-3, .push-4, .push-5 {
	float: right;
	position:relative; }
 
/* Misc classes and elements -------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column. */
.box {
	padding: 5px 0 20px 0;
	margin: 0 0 30px 0;
	background: #fff; }
 
	.box h3, .box h2, .box p { padding-left:15px; }
 
	.box h4 { padding-left:5px; }
 
/* Use this to create a horizontal ruler across a column. */
hr {
	background: #dedee6;
	color: #fff;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 15px 0 15px 0;
	border: none;
	border-bottom:1px solid #ddd; }
 
	hr.space {
		background: #fff;
		color: #fff; }
 
	hr.divider {
		margin:5px 0 20px 0;
		width:100%; }
 
/* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
 
.clearfix, .container { display: inline-block; }
 
* html .clearfix, * html .container { height: 1%; }
 
.clearfix, .container { display: block; }
 
/* Regular clearing apply to column that should drop below previous ones. */
.clear { clear:both; }
 
.left {
	float:left;
	margin:0 20px 20px 0;
	padding:0; }
 div.left {float:left; margin:0 10px 10px 0; padding:0;}

.indent { margin-left:10px; }
 
#booklist li {
	float:left;
	padding:0px;
	border:1px solid #666;
	line-height:0.7em;
	margin:5px 10px 12px 10px; }
 
	#booklist li img { padding:0px; }
 
.booklist { background-color:#fff; }
 
.nobottom { margin-bottom:-30px; }
 
p.caption {
	color:#999;
	margin: 0;
	padding:0;
	background:#000; }
 
	p.caption a {
		color:#9c0777;
		border-bottom:none;
		margin:8px 0 0 10px;
		padding:0 0 0 0;
		text-transform:uppercase;
		letter-spacing:0.08em;
		font-size:0.7em;
		font-weight:normal;
		line-height:2.5em; }
 
	p.caption p {
		margin-left:10px;
		padding:3px 0 0 0; }
 
span.seemore { color:#dedede; }
 
div.figure {
	float: left;
	width: 650px;
	margin: 10px 0 30px 10px;
	padding:4px;
	border:1px solid #ccc;
	background:#fff; }
 
.figure li {
	margin:1px 0 0 0;
	padding: 0 0 0 0;
	line-height:1.8em; }
 
div.figure p {
	text-align: left;
	text-indent: 0;
	margin:0;
	padding:0; }
 
img { margin:0 0 15px 10px; }
 
/* Columns -------------------------------------------------------------- */
#about .box img {
	vertical-align:top;
	margin:0px 0 5px 5px; }
 
.box li img {
	vertical-align:top;
	margin:0 2px 0 5px; }
 
.box li a { color:#333; }
 
.quiet { color:#777;  text-transform:uppercase;}
 
.nomargin { margin-left:0; }
 
p.response { margin-bottom:5px; }
 
#portfolio .span-6 li, #front .span-6 li {
	background-image:url(/images/111.png);
	background-position:0 2px;
	background-repeat:no-repeat;
	text-indent:18px;
	margin-left:0;
	list-style-type:none; }
 
#portfolio .box, #front .box, #contact .box { padding-bottom:10px; }
 
.blogpost {width:460px; padding:2px 0 2px 0;}
.blogpost h3 {font-size:150%;}
.blogpostp {width:460px; padding:20px 0 5px 0;margin:0 0 0 0;float:left; clear:left;}
.blogpost-wide {width:720px; padding:0px 0 5px 0; margin:0; float:left; }
.blogpost-wide img {margin:0 0 10px 0;}
.blogpost-wide p {width:460px;}


.info { display:block; float:left; font-size:0.875em; width: 200px;font-weight:normal; color:#444; padding:4px; border-bottom:1px solid #cdcdcd;}
.data {font-size:0.9em; color:#555;}
.dataexcerpt {font-size:0.9em; color:#555; float:left;width:90px;}
.rightsidebar {float:right; width:230px; clear:both;}
#contact .rightsidebar {clear:none;}

ul.linklist li:first-child {margin-top:-5px;}


ul.linklist li {margin:0 0 3px 0; line-height:1em; font-size:0.8em;}
ul.linklist li a {color:#666;}
ul.linklist li a:hover {color:#AA2277;}

p.date {font-size:0.8em; color:#999;text-transform:uppercase; margin:0; padding:0 10px 0 0;}


ol.comments {margin-bottom:20px;}
ol.comments li {list-style:none; margin-left:0;}
.comment {position:relative;float:left; margin:20px 0 20px 0px;}
#blog table {clear:both;}
img.gravatar {float:left; margin:0 6px 6px 0; height:30px; width:30px; padding:2px;border:1px solid #ccc; background-color:#fff;}

.comments p {width:100%; font-size:100%;}

.comment_time {color:#777;padding:0; margin:0 0 10px 0; font-weight:normal;}


a.awesome, p a.awesome {
   background: #ddd url(/images/133.png) repeat-x;
   display: inline-block; letter-spacing:1px;
  	padding: 5px 10px 4px;  font-weight:bold;
	color: #fff; font-family:arial, sans-serif;
	text-decoration: none; text-transform:uppercase;
	-moz-border-radius: 9px; font-size:0.8em;
	-webkit-border-radius: 9px; line-height:1.2em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.1);
  position: relative;
  cursor: pointer;
  }
a.awesome:hover {background-color:#909;}


p.star {background-image:url(/images/134.png);font-style:italic; margin:15px 0 0 0; padding:0 0 0 20px; background-repeat:no-repeat;background-position:0 0;line-height:1.3em; }

.blogpost-wide img.left {margin:0 20px 20px 0;}

 a.more {font-size:0.8em; margin-left:0;}

#about .sidebar {width:230px;}
#blog label {float:left; width:75px; text-align:left;}

p.tk-museo-sans {font-size:1.5em;}