body { background-color: #FFFFFF; background-image: url(../images/common/bg.gif); background-repeat: no-repeat; background-position: left top; }
body { margin: 0px; padding: 0px; }
body, td {
	color: #656160;
	font: 11px/15px Arial, Helvetica, sans-serif;
}

abbr {
	border-bottom: 1px dotted #999999; font-style:italic;
}


a:link, a:visited { color:#80B3CC; }
a:hover, a:active { color:#CC9900; }

ul { margin-top:1em; }

div.floatingPanel { width: 200px; position:absolute; left: 30px; top: 0px; }
div.mainPanel { position:relative; }
div.mainContent { width: 550px; padding-left: 225px; }
div.navigation { padding-left: 225px; }
div.constrainer { width:330px; }
div.constrainerwide { width:475px; }
div.rightColumn { width:180px; float:right; }

div.navigation { padding-top: 50px; padding-bottom: 61px;  }
div.navigation div.inner { width:475px; }
ul.navigation { margin: 0px; padding: 0px; width: 397px; border-top-width: 1px; border-top-style: solid; border-top-color: #D5D1CD; }
li.navigation, li.navigationLeader, li.navigationDivider {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
li.navigation, li.navigationDivider {
	padding-left: 13px;
}


h1, h2, h3 { margin: 0px; padding: 0px; }
h1 { margin-bottom: 15px; }
h2 { padding-top: 7px; margin-bottom: 20px; }
h3 { margin-top: 20px; margin-bottom: 5px; }
h4 { font-size: 15px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; margin-bottom:15px; margin-top:15px; }
h6 { font-size: 11px; font-weight: bold; margin-bottom:1em; }


p { margin-top: 0px; padding-top: 0px; }


ul.services { margin: 0px; padding: 0px; }
li.services { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }


ul.projectThumbnails { margin: 0px; padding: 0px; }
li.projectThumbnails {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	display: inline;
}


img.projectThumbnail { border: 1px dotted #B8B0AD; margin-right: 5px; }

.footer { margin-top: 50px; margin-bottom: 20px; }
.footer { color:#999999; }
.footer a:link, .footer a:visited { color:#999999; text-decoration:none; }
.footer a:hover, .footer a:active { color:#666666; text-decoration:underline; }

.client { width:100%; float:left; padding-bottom: 15px; }
.client h5 { padding:0px; margin:0px; }


.portfolioPreviewL { float:left; width:163px; padding-right:15px; }
.portfolioPreviewR { float:left; width:163px; }
div.portfolioPreviewL img { margin:0px; margin-bottom:5px; }
div.portfolioPreviewR img { margin:0px; margin-bottom:5px; }
div.portfolioPreviewL p { padding-left:5px; }
div.portfolioPreviewR p { padding-left:5px; }
.portfolioRow { padding-bottom:10px; }


.portfolioproject h6 { margin-bottom:0.5em; }
.portfolioproject dl { margin-top:0px; }


div.portfolioDetailImages p { margin-top:20px; margin-bottom:20px; }



/* +-----------------+ */
/* | Hacks and Fixes | */
/* +-----------------+ */



/* ----- Clear Fix: To stretch height of elements containing floats ----- */
.ClearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ClearFix { display: inline-table; }
/* Hides from IE-mac \*/
* html .ClearFix { height: 1%; }
.ClearFix { display: block; }
/* End hide from IE-mac */