/* Styles for Mudflux.com */
body {
	background:#000;
	font-size:100%; /*16px */
	font-family:verdana,Arial,Helvetica,sans-serif;
	color:#ddd;
	line-height:1.25em;
	text-align:center; /* centers page for IE */
	margin:0;
	padding:0;
	}
/* resets */	
div, p, input, form, select, textarea, fieldset, 
	label, table, th, td, dl, dt, dd {margin:0; padding:0;}
img, table {border:0;}
p {margin-bottom:1.5em; text-indent:1em;}
/* links */
a, a:link {color:#fff; text-decoration:none;}
	a:hover, a:active {text-decoration:underline;}
/* headers */	
h1, h2, h3, h4, h5, h6 {
	font-family:verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#fff;
	}	
h1 {font-size:1.83em; /* 22px */ margin-bottom:1.0em;}
h2 {font-size:1.33em; /* 16px */ margin-bottom:1.5em;}
h3 {font-size:1.17em; /* 14px */}
h4 {font-size:1.0em; /* 12px */}
h1.h1-about {height:32px; width:125px; background:transparent url(/graphics/h1-about-us.gif) no-repeat;}
h1.h1-contact {height:32px; width:140px; background:transparent url(/graphics/h1-contact.gif) no-repeat;}
h1.h1-port {height:32px; width:125px; background:transparent url(/graphics/h1-portfolio.gif) no-repeat;}
h1.h1-img {overflow:hidden; text-indent:-5000px;}
/* text decorations */
.bold {font-weight:bold;}
.italics {font-style:italic;}
.h-line {height:1px; clear:both; overflow:hidden; border-top:1px solid #b5b5b5; margin-bottom:10px;}

/* Site Structure ************************************************ */
.container {
	width:823px;
	margin:0 auto; /* centered */
	text-align:left; /* resets body center align */
	font-size:0.75em; /* 12px */
	background:transparent url(/graphics/bg-content.gif) repeat-y center;
	}
	.content {padding:0 65px 12px;}
/* alignment */
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.centered{text-align:center; margin-left:auto; margin-right:auto;}

/* Header ************************************************ */
.header {
	width:823px;
	height:223px;
	background:transparent url(/graphics/bg-header.jpg) no-repeat top left;
	}
.header .noStyles {display:none;}
.header ul {padding:90px 0 0 315px; list-style:none; margin:0;}
.header ul li {display:inline; float:left; height:30px; overflow:hidden; margin:0; padding:0;}
.header ul li a {text-indent:-5000px; height:30px; display:block; background-image:url(/graphics/nav-sprite.png); background-repeat:none;}
.header ul li.a-port a {background-position:0px 0px; width:92px;}
.header ul li.a-about a {background-position:-92px 0px; width:98px;}
.header ul li.a-contact a {background-position:-190px 0px; width:110px;}
.header ul li.a-home a {background-position:-300px 0px; width:70px;}

.header ul li.a-port a:hover {background-position:0px 30px;}
.header ul li.a-about a:hover {background-position:-92px 30px;}
.header ul li.a-contact a:hover {background-position:-190px 30px;}
.header ul li.a-home a:hover {background-position:-300px 30px;}

* html .header ul li a {background-image:url(/graphics/nav-sprite.gif);}

/* Footer **************************************** */
.footer {
	clear:both;
	width:823px;
	background:#b5b5b5 url(/graphics/bg-footer.jpg) no-repeat top left;
	color:#000;
	text-align:center;
	padding:30px 0 12px;
	}
.footer ul {list-style:none; margin:0; padding:0;}
.footer ul li {display:inline; margin:0; padding:0 12px;}
.footer a {color:#000; text-decoration:none;}
.footer a:hover {color:#222; text-decoration:underline;}

/* Home Page **************************************** */
h1.h1-welcome {height:77px; width:190px; background:transparent url(/graphics/h1-welcome.gif) no-repeat; float:left; margin-bottom:0; margin-top:-10px;}
.home .intro {float:left; padding:39px 0 8px 8px; width:450px; font-size:16px; margin-top:-10px;}
.home .intro2 {clear:both; padding:0 0 12px 0; font-size:16px; text-align:center;}
.home .intro2 strong {font-size:18px;}
.home .header ul li.a-home {display:none;}
.home-thumbs {text-align:center; padding:4px 0;}
.home-thumbs img {margin:0 2px;}

/* Contact Us **************************************** */
.contact-info { padding:0 0 90px 120px;}
.contact-info dt {float:left; clear:both; width:100px; font-weight:bold;}
.contact-info dd {float:left; width:300px; padding-bottom:1em;}

/* Portfolio **************************************** */
.port-cat {clear:both; padding:10px 20px; border-top:1px solid #b5b5b5;}
.port-cat img {float:right; margin-bottom:10px;}
.port-cat h2 {margin-bottom:0.5em;}
.port-cat h2 a:hover {text-decoration:none;}

.click-note {float:right; font-size:11px; padding-right:20px;}
.port-thumbs {margin-bottom:24px; padding:4px 0 0 0; height:104px; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5;}
.port-thumbs img {margin:0 2px; float:left;}
.port-imgs {text-align:center; min-height:600px;}
.port-imgs img {margin:12px auto; border:1px solid #b5b5b5; display:none;}