@charset "UTF-8";
/* CSS Document */
/*
------------------------------------------------------------------------------------------------------------------
Defines block/structural elements that forms the site.
------------------------------------------------------------------------------------------------------------------
TEMPLATE CONTENT
------------------------------------------------------------------------------------------------------------------
-	BODY
-	WRAPPER
-	HEADER
-	CONTENT
-	CONTENT LEFT
-	CONTENT RIGHT
-	FOOTER
-	CLEARFIX
-	BASIC FLOAT ATTRIBUTES

------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
**	BODY
------------------------------------------------------------------------------------------------------------------*/
body {
	border-top: solid #000000 3px;
	background-image: url(/css/images/bg-header.jpg);
	background-repeat: repeat-x;
	background-position:left 3px;
	padding-bottom:3em;
	}
/*
------------------------------------------------------------------------------------------------------------------
** WRAPPER
------------------------------------------------------------------------------------------------------------------
-	Wraps entire site
-	Defines the width of entire site
------------------------------------------------------------------------------------------------------------------*/
#wrapper {
	height: auto;
	clear: both;
	width: 73.076em; /* non-IE */
    *width: 71.25em; /* IE */
	min-width: 950px; /* recommeneded */
	margin: 0 auto 0 auto;
	}
/*
------------------------------------------------------------------------------------------------------------------
**	HEADER
------------------------------------------------------------------------------------------------------------------
-	Header area contains Utility Nav, Brand (Company Identity) and Top (Main Site) Navigation
------------------------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	clear: both;
	overflow: hidden;
	
	}
#utilityNav {
	width: 74%;
	overflow: hidden;
	float: right;
	}
#brand {
	width: 24%;
	float: left;
	}	
#topNav {
	width: 74%;
	float: right;
	padding-top: 5.231em;*padding-top: 5.105em;
	}

/*
------------------------------------------------------------------------------------------------------------------
**	CONTENT
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
**	DEFAULT CONTENT
------------------------------------------------------------------------------------------------------------------*/
#content {
	width: 100%;
	height: auto;
	clear: both;
	float: left; /* Needed for IE 6 */
	margin-top: 3em;
	margin-bottom: 2em;
	}
 
/*
------------------------------------------------------------------------------------------------------------------
**	CONTENT LEFT
------------------------------------------------------------------------------------------------------------------*/
#content-left {
	height: auto;
	float: left;
	width: 18%;
	margin-top: 1.5em;
	padding-bottom: 4em;
	}
	
/*
------------------------------------------------------------------------------------------------------------------
**	CONTENT RIGHT
------------------------------------------------------------------------------------------------------------------*/
#content-right {
	height: auto;
	float: right;
	width: 82%;
	padding-bottom: 4em;
	}
/*
------------------------------------------------------------------------------------------------------------------
** FOOTER
------------------------------------------------------------------------------------------------------------------*/
#footer {
	width: 96%;
	height: auto;
	clear: both;
	padding:1em 2%;
	background-color: #F0F0F0;
	text-align:left;
	}
/*
------------------------------------------------------------------------------------------------------------------
**	CLEARFIX
------------------------------------------------------------------------------------------------------------------*/
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
	}
/*
------------------------------------------------------------------------------------------------------------------
**	Clearfix class used for two floating DIVS, one inside of the other
------------------------------------------------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
------------------------------------------------------------------------------------------------------------------
**	BASIC FLOAT STYLES
------------------------------------------------------------------------------------------------------------------*/
.float-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 12px;
	}
.float-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 12px;
	}
	
	
	
.fckContent-gd {
	background-image: url(images/bg-fckContent-gd.gif);
	background-repeat: repeat-y;
	}
	
.project-image {
	background-color:#EBEBEB;
	padding:0.692em;
	margin-bottom:2em;
	}
.portfolio-container img {
	border:solid #EBEBEB 7px;
	margin: 0 0.385em 0.385em 0;
	}


.services-standards,
.services-ui,
.services-branding,
.services-flash {
	padding-left:100px;
	background-repeat: no-repeat;
	background-position: left 20px;
	border-top: 1px solid #EEEEEE;
	padding-top: 20px;
	padding-bottom: 14px;
	}
.services-standards {
	background-image: url(images/bg-services-standards.jpg);
	}
.services-ui {
	background-image: url(images/bg-services-ui.jpg);
	}
.services-branding {
	background-image: url(images/bg-services-branding.jpg);
	}
.services-flash {
	background-image: url(images/bg-services-flash.jpg);
	}