/* GENERAL RULES
--------------------------------------------------------------------*/

* {
	/*overwrite all default browser settings*/
	margin:				0;
	padding:			0;
	
	/*global font settings*/
	font-family: 		arial,helvetica,sans-serif;
}



html {
	font-size: 			50%; /* Part one of 1em = 10px */
}

body {
	background: 		white;
	padding:			0;
	margin:				0;
	
	font-size: 			125%; /* Part two of 1em = 10px */
	
	/*part 1 of centering hack*/
	text-align: 		center;	
}


 /* Global Link Settings
--------------------------------*/
a {
	color:				#097bed;
	text-decoration:	none;
}
a:visited {
	
}
a:hover, 
a:active {
	color:				#0062b4;
	text-decoration:	underline;
}


 /* General Elements
--------------------------------*/

img {
	border:				0;
}

 /* Good to have global classes
--------------------------------*/
.floatright {
	float: 					right;
}
.floatleft {
	float: 					left;
}
* html .floatright,
* html .floatleft {
	display:				inline; /*to avoid IE double margin bug*/
}

.alignright {
	text-align:				right;
}

.half {
	width:					48%;
}
.third {
	width:					32%;
}
.hide {
	display:				none;
}
.nobg {
	background:				none !important;
}
.noborder {
	border:					0 !important;
}
.nomargin {
	margin:					0 !important; 
}
.nomarginbottom {
	margin-bottom:			0 !important; 
}
.uppercase {
	text-transform:			uppercase;
}


 /* Global Form Elements (appearance only, no layout settings etc)
--------------------------------*/
label {
	
}

input.type_submit {
	
}
input.type_text,
textarea.type_text  {
	
}
label.type_checkradio {
	
}
select {
	
}

 /* MAIN CONTAINER
--------------------------------------------------------------------*/
#container {
	width: 				969px;
	
	padding:			0;
	
	
	/*part 2 of centering hack*/
	text-align: 		left;
	margin: 			0 auto;
}


 /* HEADER
--------------------------------------------------------------------*/
#header {
	padding:			22px 0 2px 0;
	background:			transparent url('../images/interface/bg_header.gif') no-repeat left bottom;
}

#header #logo {
	float:				left;
	display:			inline;
	margin:				0 0 10px 2px;
}

#header p {
	text-align:			right;
	text-transform:		lowercase;
	color:				#858585;
	font-size:			1.3em;
	margin:				5px 0 0 0;
}



 /* Main Nav Setup
--------------------------------*/

#header #mainnav {
	clear:				both;
	border-top:			1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
	border-left:		1px solid #cccccc;
	background:			#f5f5f5 url('../images/interface/bg_mainnav.gif') repeat-x left top;
}
#header #mainnav li {
	display:			inline;
}
#header #mainnav li a {
	float:				left;
	border-left:		1px solid #fff;
	border-right:		1px solid #cccccc;
	line-height:		13px;
	height:				21px;
	overflow:			hidden;
	font-size:			1.3em;
	padding:			9px 25px 0 25px;
	text-decoration:	none;
	color:				#333333;
}
#header #mainnav li a.contact {
	float:				right;
	border-left:		1px solid #cccccc;
}

#header #mainnav li a:hover {
	border-left:		0;
	padding-left:		26px;
	background:			transparent url('../images/interface/bg_mainnav.gif') repeat-x left -30px;
}
#header #mainnav li a.contact:hover {
	border-left:		1px solid #cccccc;
	padding-left:		25px;
}
#header #mainnav li a.selected {
	background:			#bfd9f2 !important;
	border-left:		1px solid #bfd9f2;
	padding-left:		25px;
}


 /* #body - Global elements (works in all columns)
--------------------------------------------------------------------*/
#body {
	padding:			1.6em 0 7em 0;
}



/* #maincontent elements */

div.home {
	padding:			3em 0 7em 0 !important;
}

div.home #intro {
	float:				left;
	display:			inline;
	width: 				550px;
}



#maincontent h1 {
	font-size:			3em;
	margin:				0 0 0.4em 0;
}

div.home h1 {
	margin:				0 0 0.2em 0 !important;
}
#maincontent h2 {
	font-size:			1.8em;
	color:				#005cb5;
	margin:				0 0 0.1em 0;
}
div.home h2 {
	font-size:			2.2em !important;
	margin:				0 0 1.2em 0 !important;
}
#maincontent h3 {
	font-size:			1.4em;
	line-height:		1.4em;
	margin:				0.5em 0 0 0;
}
div.home h3 {
	color:				#5c5c5c !important;
}
	
#maincontent h4 {
	font-size:			1.3em;
	color:				#333333;
	margin:				0 0 0.3em 0;
}

#maincontent p {
	margin:				0 0 1.6em 0;
}

#maincontent p,
#maincontent li {
	font-size:			1.3em;
	color:				#333333;
	line-height:		1.4em;
}
#maincontent ul {
	margin:				0 0 1em 25px;
}
#maincontent ul.nobullet {
	list-style-type:	none;
	margin:				0 0 1em 0;
}
#maincontent ul.nobullet li {
	line-height:		1.6em;
}

#maincontent p.light {
	color:				#666666;
}
#maincontent p.intro {
	font-size:			1.8em;
}
#maincontent p.arrow {
	font-size:			1.4em;
}
#maincontent p.arrow a {
	padding-right:		10px;
	background:			transparent url('../images/interface/a_arrow_small.gif') no-repeat right -17px;
}
#maincontent p.arrow a:hover,
#maincontent div.link:hover p.arrow a,
* html #maincontent div.hover p.arrow a {
	background-position:	right -76px !important;
}
#maincontent p.big a {
	background:			transparent url('../images/interface/a_arrow.gif') no-repeat right -17px;
}
#maincontent p.big a:hover,
#maincontent div.link:hover p.big a,
* html #maincontent div.hover p.big a {
	background-position:	right -76px !important;
}

div.home p.arrow {
	font-size:			1.6em !important;
}

#maincontent p.back a {
	padding:			0 0 0 10px;
	background:			transparent url('../images/interface/a_backarrow_small.gif') no-repeat left -18px;
}
#maincontent p.back a:hover {
	background:			transparent url('../images/interface/a_backarrow_small.gif') no-repeat left -77px;
}

#maincontent p.borderbottom {
	border-bottom:		1px solid #dfdfdf;
	margin:				0 0 2em 0;
	padding:			0 0 0.2em 0;
}
#maincontent p.controls {
	margin:				0 0 0.2em 0;
}
#maincontent p.controls a.prev {
	text-decoration:	none;
	padding:			0 0 0 10px;
	background:			transparent url('../images/interface/a_backarrow_small.gif') no-repeat left -18px;
}
#maincontent p.controls a.prev:hover {
	background:			transparent url('../images/interface/a_backarrow_small.gif') no-repeat left -77px;
}
#maincontent p.controls a.next {
	padding:			0 10px 0 0;
	background:			transparent url('../images/interface/a_arrow_small.gif') no-repeat right -18px;
}
#maincontent p.controls a.next:hover {
	background:			transparent url('../images/interface/a_arrow_small.gif') no-repeat right -77px;
}


#maincontent div.hr {
	height:				1px;
	overflow:			hidden;
	border-top:			1px solid #dfdfdf;
	clear:				both;
	margin:				0 0 1.2em 0;
}

#maincontent div.margin {
	margin:				0 0 2.2em 0;
}

#maincontent blockquote cite {
	font-style:			normal;
	color:#888;
}

#maincontent  div.leftcolumn blockquote {
	margin:				0 0 2em 0;
}


#maincontent div.leftcolumn {
	float:				left;
	width:				747px;
	padding-right:		18px;
	border-right:		1px solid #cccccc;
}
#maincontent div.rightcolumn {
	float:				right;
	width:				184px;
	border-left:		1px solid #cccccc;
	margin-left:		-1px; /* Merge borders */
	padding:			0 0 0 19px;
}

#maincontent div.rightcolumn ul {
	list-style-type:	none;
	margin:				0.3em 0 1.6em 0;
}
#maincontent div.rightcolumn ul li {
	font-size:			1.2em;
	color:				#666666;
	margin:				0 0 0.2em 0;
}

#maincontent div.rightcolumn p {
	font-size:			1.2em;
	color:				#666;
	margin:				0 0 1em 0;
}
#maincontent div.rightcolumn p.arrow {
	margin:				0 0 0.5em 0;
}

#maincontent div.rightcolumn blockquote p {
	color:				#666666;
}
#maincontent div.rightcolumn blockquote p cite {
	line-height: 		2em;
}
#maincontent div.rightcolumn p.big {
	font-size:			1.4em;
}

#maincontent div.rightcolumn div.imagecontainer {
	padding:			1px 3px 3px 1px;
	margin:				0 0 0.5em 0;
	height:				130px;
	overflow:			hidden;
	background:			transparent url('../images/interface/imgcont_sidebar.gif') repeat left top;
}


#maincontent #logogrid {
	width:				965px;
	overflow:			hidden;
	margin:				0 0 2.4em 0;
	background:			transparent url('../images/interface/grid.gif') repeat left top;
}
#maincontent #logogrid ul {
	list-style-type:	none;
	width:				969px;
	margin:				0;
	padding:			0 0 1px 0;
}
#maincontent #logogrid li {
	float:				left;
	display:			inline;
	width:				137px;
	height:				54px;
	line-height:		54px;
	overflow:			hidden;
	margin:				1px 1px 0 0;
	text-align:			center;

}

#maincontent #servicespathway {
	float:				right;
	display:			inline;
	width:				340px;
	padding:			1.8em 25px 0 25px;
	margin:				0.7em 0 0 0;
	background:			transparent url('../images/interface/bg_servicespathway.gif') no-repeat left top;
}

#maincontent div.link:hover,
* html #maincontent div.hover {
	cursor:				pointer;
}

#maincontent div.link:hover a,
* html #maincontent div.hover a {
	text-decoration:	underline;
	color:				#0062b4;
}

#maincontent #servicespathway p {
	margin:				0 0 0.3em 0;
}
#maincontent #servicespathway ul {
	margin:				0 0 1.5em 0;
	display: 			block !important;
}

#maincontent #servicespathway div.roundbottom {
	margin:				-1px -25px 0 -25px;
	height:				8px;
	overflow:			hidden;
	clear:				both;
	background:			transparent url('../images/interface/bg_servicespathway_roundbottom.gif') no-repeat left top;
}

#maincontent #portfoliopathway {
	margin:				7em 0 0 0;
	padding:			2.8em 0 0 0;
	background:			transparent url('../images/interface/bg_portfoliopathway.gif') repeat-x left top;
}

#maincontent #portfoliopathway p.arrow {
	margin:				0 0 0.7em 0;
}

#maincontent #portfoliopathway div.entry {
	width:				214px;
	float:				left;
	display:			inline;
	margin:				0 37px 0 0;
}

#maincontent #portfoliopathway div.entry p {
	font-size:			1.2em;
	margin:				0;
	color:				#666666;
}

#maincontent #portfoliopathway div.imgcontainer {
	width:				210px;
	height:				150px;
	padding:			1px 3px 3px 1px;
	margin:				0 0 0.2em 0;
	overflow:			hidden;
	background:			transparent url('../images/interface/imgcont_home.gif') no-repeat left top;
}

#maincontent #portfolioentries div.entry {
	padding:			0 3px 3px 0;
	width:				290px;
	float:				left;
	display:			inline;
	margin:				0 45px 1em 0;
}
#maincontent #portfolioentries div.link:hover,
* html #maincontent #portfolioentries div.hover {
	background:			transparent url('../images/interface/bordercont.gif') no-repeat right bottom !important;
}
#maincontent #portfolioentries div.entry div.content {
	border:				1px solid #ffffff;
	width:				270px;
	padding:			11px 9px 0 9px;
}

#maincontent #portfolioentries div.link:hover div.content,
* html #maincontent #portfolioentries div.hover div.content {
	border:				1px solid #c0d9f2;
}


#maincontent #portfolioentries div.entry div.imgcontainer {
	width:				265px;
	height:				190px;
	padding:			1px 3px 3px 1px;
	margin:				0 0 1em 0;
	overflow:			hidden;
	background:			transparent url('../images/interface/imgcont_portfolio_overview.gif') no-repeat left top;
}

#maincontent #portfolioentries div.entry h2 {
	margin:				0;
}
#maincontent #portfolioentries div.entry h4 {
	margin:				0 0 1em 0;
}
#maincontent #portfolioentries div.entry p {
	color:				#4c4c4c;
	margin:				0 0 0.4em 0;
}

#maincontent #portfoliocopy {
	width: 				400px;
	margin:				0 0 0 0;
	float:				left;
	display:			inline;
}

#maincontent #portfolioimages {
	width: 				540px;
	margin:				0 0 3em 0;
	float:				right;
	display:			inline;
}

#maincontent #portfolioimages #imagecontainer {
	position:			relative;
	width:				535px;
	height:				465px;
	overflow:			hidden;
	padding:			1px 4px 4px 1px;
	margin:				0 0 0.3em 0;
	background:			transparent url('../images/interface/imgcont_portfolio.gif') no-repeat left top;
}

#maincontent #portfolioimages #imagecontainer #imagecycler {
	width:				535px;
	height:				465px;
	cursor:				pointer;
	background:			transparent url('../images/interface/loading.gif') no-repeat center center;
}

#maincontent #portfolioimages #imagecontainer #imagecycler div {
	display:			none;
	position:			absolute;
	left:				0;
	top:				0;
}

#portfolioimages #nav {
	list-style-type:	none;
	margin:				0;
	width:				430px;
}
#portfolioimages #nav li {
	margin:				0;
	display:			inline;
}
#portfolioimages #nav li a {
	float:				left;
	display:			inline;
	border:				1px solid #ffffff;
	margin:				0 12px 12px 0;
	outline:			0;
	width:				72px;
	height:				52px;
	overflow:			hidden;
}
#portfolioimages #nav li a img {
	border:				1px solid #999999;
}
#portfolioimages #nav li a.activeSlide {
	border:				1px solid #333333;
}
#portfolioimages #nav li a.activeSlide img {
	border:				1px solid #333333;
}

#portfolioimages #navbtn {
	float:				right;
	display:			inline;
	margin:				8px 0 0 0;
}	
#portfolioimages #navbtn a {
	outline:			0;
}

#portfolioimages #caption {
	color:				#999999;
	font-size:			1.2em;
	margin:				0 0 1em 0;
}

 /* FOOTER
--------------------------------------------------------------------*/
#footer {
	border-top:			1px solid #cccccc;
	clear:				both;
	padding:			0.6em 0 6em 0;
}

#footer p.floatleft {
	font-size:			1.2em;
	color:				#666666;
}
#footer p.alignright {
	font-size:			1em;
	color:				#999999;
}

 /* CSS Workarounds
--------------------------------------------------------------------*/

 /* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after, 
#body:after,
#mainnav:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix,
#body,
#mainnav {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, 
* html #body,
* html #mainnav {height: 1%;}
.clearfix, 
#body,
#mainnav {display: block;}
/* End hide from IE-mac */