/* 
----------------------------------------------------------------------------- 
GLOBAL RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}
a:hover {text-decoration: underline;}




/* 
----------------------------------------------------------------------------- 
BASIC STYLES
-----------------------------------------------------------------------------*/
.left, #left {
	float:left;
}
.right, #right {
	float:right;
}
#header h1 strong, .gsmsc-controls  {
	display:none;
}




/* 
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
body {
	background: #455272 url(/images/bg/bg.png) repeat-x;
	margin: 26px 0px 0px;
	padding: 0px;
	color: #333333;
	font: 0.85em/1.5em "Trebuchet MS", Arial;
}
#icon {
	background: url(/images/icons/icon2.gif) no-repeat right bottom;
	width: 1035px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 66px;
}
#container {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #FFFFFF;
}




/* 
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header {
	background: #F4F4F4 url(../../images/bg/bg-header.png) repeat-x;
	height: 64px;
}
#header .logo {
	float: left;
	padding-top: 12px;
	padding-left: 26px;
}
#header .logo a {
	background: url(../../images/logotype.png) no-repeat;
	display: block;
	height: 40px;
	width: 89px;
}
#header .nav {
	float: right;
	width: 33em;
	height: 56px;
	margin-top: 4px;
}




/* 
----------------------------------------------------------------------------- 
MAIN NAVIGATION
-----------------------------------------------------------------------------*/
#mainNav, #mainNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#mainNav a {
	display: block;
	color: #313B59;
	border-bottom: 1px solid #627700;
	width: 6.5em;
	text-align: center;
	padding: 5px 0px;
	font-size: 110%;
	font-weight: bold;
}
#mainNav .on a {
	color: #627700;
}
#mainNav ul a {
	display: block;
	font-size: 85%;
	color: #576A00;
	border-bottom: none;
	padding: 5px 7px 5px 13px;
	width: auto;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
}
#mainNav li { /* all list items */
	float: left; /* width needed or else Opera goes nuts */
}
#mainNav li ul { /* second-level lists */
	position: absolute;
	width:10em;
	visibility: hidden;
}
#mainNav li.mnuAbout ul {
	width:36em;
}
#mainNav li.team ul {
	margin-left: -7.20em;
}
#mainNav li.resources ul {
	margin-left: -14.5em;
}
#mainNav li.contact ul {
	margin-left: -21.5em;
}
#mainNav li.client ul {
	margin-left: -28.5em;
}
#mainNav li:hover ul { /* lists nested under hovered list items */
	visibility: visible;
}






#header .home {
	float: right;
	background: url(../../images/logo.png) no-repeat;
	margin-top: 2px;
	margin-right: 17px;
	height: 56px;
	width: 59px;
}
#header .home a {
	color: #627700;
	text-align: center;
	display: block;
	height: 41px;
	width: 59px;
	padding-top: 15px;
}




/* 
----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
#content {
	padding: 30px;
	line-height: 2em;
	background: #FFFFFF;
}
#content-home {
	line-height: 2em;
	background: #FFFFFF;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#content.bg1 {
	background: #FFFFFF url(../../images/photos/homepage/1b.jpg) no-repeat;
}
#content.bg2 {
	background: #FFFFFF url(../../images/photos/homepage/2b.jpg) no-repeat;
}
#content.bg3 {
	background: #FFFFFF url(../../images/photos/homepage/3b.jpg) no-repeat;
}
#content.bg4 {
	background: #FFFFFF url(../../images/photos/homepage/4b.jpg) no-repeat;
}
#content.bg5 {
	background: #FFFFFF url(../../images/photos/homepage/5b.jpg) no-repeat;
}
#content h1, #content-home h1 {
	color: #3e4c6d;
	margin-bottom: .75em;
	letter-spacing: 0.1em;
	font-size: 140%;
	font-weight: bold;
}
#content p, #content-home p, #content2 p {
	margin-bottom: 1em;
}
#content2 {
	background: #FFFFFF url(../../images/bg/bg-left.png) no-repeat;
}
#content2 .left {
	width: 125px;
	padding: 25px 26px;
}
#content2 .left h2 {
	font-size: 15px;
	font-weight: bold;
	color: #313B59;
	border-bottom: 1px solid #D5D1D1;
	padding-bottom: 3px;
	margin-bottom: 1em;
}
#content2 .left a {
	color: #526017;
	display: block;
	font-size: 90%;
}
#content2 .left .on a {
	padding-left: 10px;
	background: url(../../images/icons/arrow-green.gif) no-repeat left 3px;
	font-weight: bold;
}
#content2 .left ul li {
	padding-bottom: 12px;
	line-height: 1em;
}
#content2 .right {
	width: 786px;
}
#content2 .right a {
	color: #000099;
}
#content2 .right ul li {
	margin-bottom: 1em;
	background: url(../../images/icons/arrow-green.gif) no-repeat left 5px;
	padding-left: 10px;
	line-height: 1.3em;
	padding-bottom: 5px;
}
#content2 .right .copy {
	padding: 20px 25px;
}
#content2 .right .copy table {
	margin-bottom: 3em;
}
#content2 .right h1 {
	color: #627700;
	margin-bottom: .75em;
	letter-spacing: 0.1em;
	font-size: 140%;
	font-weight: bold;
}
#content2 .right h2 {
	font-size: 120%;
	font-weight: normal;
	color: #666699;
}
#content2 .right .team-member {
	padding-bottom: 2em;
	border-bottom: 1px solid #E4E4E4;
	padding-top: 2em;
	margin: 0px;
}
#content2 .right .team-member strong {
	font-size: 115%;
}
.corporate-team-table {
	border-top: 1px solid #1F497D;
	border-left: 1px solid #1F497D;
}
.corporate-team-table td {
	border-right: 1px solid #1F497D;
	border-bottom: 1px solid #1F497D;
	padding: 5px;
}
.corporate-team-table th {
	font-size: 130%;
	color: #FFFFFF;
	background: #1F497D;
	padding: 5px;
	font-weight: bold;
}
.resources-table {
	margin-bottom: 2em;
}
.resources-table th {
	font-weight: bold;
	padding: 5px;
}
.resources-table td {
	padding: 5px;
}




/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
	text-align:left;
	width: 950px;
	font-size: 80%;
	padding: 15px 10px;
	background: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#footer a {
	color: #000099;
}


/* 
----------------------------------------------------------------------------- 
PRINTER FRIENDLY
-----------------------------------------------------------------------------*/
#printerfriendly{
font-size:10px; 
}

#printerfriendly a{
float:right;
width:40px;
height:18px;
line-height:18px;
padding-left:20px;
display:block;
background-image:url(http://www.pcgi.net/images/icons/print.jpg);
background-repeat:no-repeat;
background-position:top left;
}

/* 
----------------------------------------------------------------------------- 
CLEARFIX
-----------------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!-[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]->
