/********************
  Basic styles
 ********************/
body {
	background: #e5e5ff;
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 1.25;
	margin: 0; padding: 0; min-width: 600px;
	color: #000;
	overflow-y: scroll;
}

div, form, p, h1, h2, h3, h4, h5, h6, ul, ol, dl {
	margin: 0; padding: 0;
}

.clearFloats {
	clear: both;
}

/* Tony Aslett's clear fix */
.clearFix:after,
div#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearFix {	/* Clear fix for IE */
	height: 1%;
}

.align-left {
	float: left;
}

.align-right {
	text-align: right;
	float: right;
}

.float-left {
	float: left;
	text-align: left;
	margin-right: 10px;
}

.float-right {
	float: right;
	text-align: left;
	margin-left: 10px;
}

.center-contents {
	text-align: center;
}

.center-contents table {
	margin: 0 auto;
	text-align: left;
}

a:link {
	color: #66f;
}

a:visited {
	color: #969;
}

a:active, 
a:hover,
a:focus {
	color: #c66;
}

h1, h2, h3, h4, h5, h6 {
	color: #669;
}

h2, h3, h4, h5, h6 {
	margin-top: .5em;
}

h1 {
	font-size: 2em;
	color: #966;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.667em;
}
h2:first-child {
	margin-top: 0;
}

h3 {
	font-size: 1.334em;
}

h4, h5, h6 {
	font-size: 1em;
}

h5, h6 {
	margin-left: 20px;
}

h6 {
	font-weight: normal;
}

p {
	margin-bottom: .5em;
	margin-left: 20px;
}

td {
	font-size: 1em;
}

dl {
	margin-left: 20px;
	margin-bottom: 1em;
}

dt {
	font-weight: bold;
	color: #669;
}

dd {
	margin-bottom: .5em;
	margin-left: 0em;
}

dd p {
	margin-left: 0em;
}

ul {
	list-style-image: url(bullet_red.gif);
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 20px; /* 1.8em; */
	margin: 0 0 1em 20px;
}

* html ul {
	padding-left: 1.5em;
}

ul ul {
	list-style-image: url(bullet_blue.gif);
}

ul ul ul {
	list-style-image: url(bullet_gray.gif);
}

/************************
  Named section styles
 ************************/
div#header {
	height: 100px;
	background: url(hdrbkgd.gif) 0 0 repeat;
}
div#header span#title {
	background: url(title.gif) 0 0 no-repeat;
	display: block;
	height: 0 !important;
	height /**/:100px;	/* IE5 hack--do not reformat this line! */
	/* [Previous] Win/IE5 hack (Tantek's Hack) [Note crippled comment end-delimiters] /
	height: 100px; 	/* Set height for IE5 because it doesn't respect the padding setting for background images /
	voice-family: "\"}\""; voice-family:inherit; /* Hide everything else from IE5. /
	height: 0;	    /* Set height to what we really want /
	*/
	margin: 0 auto;
	/* hide the text */
	overflow: hidden;
	padding: 100px 0 0 0;
	width: 559px; 
}

div#content {
	background-color: #fff;
	border: 1px solid #933;
	-moz-box-shadow: 0px 0px 10px #53535F;
	-webkit-box-shadow: 0px 0px 10px #53535F;
	margin: 0 auto;
	padding: 6px; 
	position: relative;
	width: 48em;
}

div#left-column {
	float: left;
	width: 32em;
}

div#right-column {
	float: left;
	width: 15em;
	padding-left: 1em;
}

.column {
	float: left;
	margin-right: 10px;
}

/************************
  Main navigator styles 
 ************************/        
ul#mainnav { 
	list-style: none; 
	height: 29px;
	margin: 0 auto; 
	overflow-x: visible;
	overflow-y: hidden;
	padding: 0 10px;
	position: relative; 
	width: 560px;
}

ul#mainnav li {
	float: left;
}

/* Common sizing and positioning for mainnav links */
ul#mainnav li a {	/* Landridge/Leahy Image Replacement: see http://www.kryogenix.org/code/browser/lir/ */
	display: block;
	/* size of image -- height specified by top padding, except for IE5 (see Tantek's Hack below) */
	width: 112px; padding: 29px 0 0 0;
	margin: 0;
	/* hide the text */
	overflow: hidden;
	height: 0 !important;
	height /**/:29px;	/* IE5 hack--do not reformat this line! */
	/* [Previous] Win/IE5 hack (Tantek's Hack) [Note crippled comment end-delimiters] /
	height: 29px; 	/* Set height for IE5 because it doesn't respect the padding setting for background images /
	voice-family: "\"}\""; voice-family:inherit; /* Hide everything else from IE5. /
	height: 0;	    /* Set height to what we really want /
	*/
}

/* Individual nav button images */
ul#mainnav li#home a {
	background: url("navhome.gif") 0 0 no-repeat;
}
ul#mainnav li#services a {
	background: url("navservices.gif") 0 0 no-repeat;
}
ul#mainnav li#clients a {
	background: url("navclients.gif") 0 0 no-repeat;
}
ul#mainnav li#portfolio a {
	background: url("navportfolio.gif") 0 0 no-repeat;
}
ul#mainnav li#contact a {
	background: url("navcontact.gif") 0 0 no-repeat;
}

/* Hover/focus states for all navigation buttons */
ul#mainnav li#home      a:hover,
ul#mainnav li#services  a:hover,
ul#mainnav li#clients   a:hover,
ul#mainnav li#portfolio a:hover,
ul#mainnav li#contact   a:hover,
ul#mainnav li#home      a:focus,
ul#mainnav li#services  a:focus,
ul#mainnav li#clients   a:focus,
ul#mainnav li#portfolio a:focus,
ul#mainnav li#contact   a:focus {
	background-position: 0 -29px;
}

/* Active states for all navigation buttons */
ul#mainnav li#home      a:active,
ul#mainnav li#services  a:active,
ul#mainnav li#clients   a:active,
ul#mainnav li#portfolio a:active,
ul#mainnav li#contact   a:active {
	background-position: 0 -29px;
}

/* Common styling for current section links */
body.home       ul#mainnav li#home      a,
body.services   ul#mainnav li#services  a,
body.clients    ul#mainnav li#clients   a,
body.portfolio  ul#mainnav li#portfolio a,
body.contact 	ul#mainnav li#contact   a {
	background-position: 0 -58px;
	box-shadow: 0px 3px 10px #53535F;
	-moz-box-shadow: 0px 2px 10px #53535F;
	-webkit-box-shadow: 0px 2px 10px #53535F;
	position: relative;
	z-index: 5;
}

/********************
  Miscellaneous styles
 ********************/
p#motto {
	margin-left: 0;
	font-size: 111%;
	font-weight: bold;
	color: #666;
}

a.extlink {
	text-decoration: none;
	border-bottom: 1px dashed;
}

.basic-heading {
	font-size: 1em;
}

div.module {
	padding: 1px; margin-bottom: 10px;
	font-size: 90%;
}

div.module ul {
	margin-left: 0.25em;
}

.border-ltblue {
	border: 1px solid #ccf;
}

.border-blue {
	border: 1px solid #99c;
}

.border-red {
	border: 1px solid #c99;
}

.border-gray {
	border: 1px solid #ccc;
}

div.module h2 {
	margin: 0 0 .5em;
	padding: .25em;
	font-size: 1em;
}

div.border-ltblue h2 {
	background-color: #e5e5ff;
}

div.border-blue h2 {
	background-color: #99c;
	color: #fff;
}

div.border-red h2 {
	background-color: #c99;
	color: #fff;
}

div.border-gray h2 {
	background-color: #ccc;
	color: #333;
}

div.module p,
div.module dl {
	margin-left: 0;
	padding: 0 .25em;
}