@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	background:url(/images/bg/body-bg-repeat.gif) top repeat-y;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
  border: 0;
}

.title-first {
	color:#000000;
	padding:0 0 9px 0;
	margin:0;
	letter-spacing:0.25px;
	font-weight:bold;
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.title-second {
	color:#999999;
	padding:0 0 9px 0;
	margin:0;
	letter-spacing:0.25px;
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;	
	text-transform:uppercase;
}

#container-bg {
	background:url(/images/bg/body-bg.gif) top left repeat-x;
}

#container {
	width:970px;
	margin:0 auto;
}

#header {
	height:106px;
	background:url(/images/banner/banner-top.jpg) top left no-repeat;
	position:relative;
}

#header.about {
	background-image:url(/images/banner/about-top.jpg);
}

#header.three-d {
	background-image:url(/images/banner/3d-top.jpg);
}

#header.multimedia {
	background-image:url(/images/banner/multimedia-top.jpg);
}

#header.marketing {
	background-image:url(/images/banner/marketing-top.jpg);
}

#header.contact {
	background-image:url(/images/banner/contact-top.jpg);
}

#logo {
	width:206px;
	height:0;
	overflow:hidden;
	padding-top:44px;
	display:block;
	position:absolute;
	left:379px;
	top:18px;
}

#nav {
	height:30px;
	position:absolute;
	top:75px;
	width:970px;
	margin:0 auto;
}

#main-outer {
	background:url(/images/bg/main-bg-repeat.gif) top left repeat-y;
	width:100%;	
}

#main {
	background:url(/images/bg/main-bg.gif) top left no-repeat;
	overflow:hidden;
	width:100%;
}

#content {
  float: left;
	width:775px;
	color:#4c4c4c;
	padding-left:25px;
	padding-top:21px;
	padding-right:20px;
}

#content p {
	margin:0 0 15px 0;
	padding:0;
	line-height:18px;

}

#content a {
	color:#000000;
	text-decoration:underline;
}

#content a:visited {
	color:#333333;
	text-decoration:underline;
}

#content a:hover {
	color:#000000;
	text-decoration:none;
}

.overview-row {
	overflow:auto;
	padding-bottom:20px;
}

.overview-container {
	width:232px;
	margin-right:26px;
	float:left;
	display:inline;
}

.overview-container img {
	padding-bottom:13px;
}

#content .overview-container p {
	padding:0;
	margin:6px 0 0 0;
	line-height:18px;
}

.overview-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	color:#333333;
	background:url(/images/overview/overview-border.gif) bottom left no-repeat;
	display:block;
	padding-bottom:5px;
}

#cta {
	float:left;
	width:150px;
	padding-bottom:263px;
}

a#cta-quote {
	display:block;
	overflow:hidden;
	height:0;
	padding-top:96px;
	background:url(/images/cta/cta-request.gif) top left no-repeat;
	outline:0;
}

a#cta-quote:hover {
	background-image:url(/images/cta/cta-request-over.gif);
}

#footer { 
	background:url(/images/bg/footer.gif) top left no-repeat; color:#999999; 
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;  
	padding-left:25px;
	padding-top:8px;
	padding-bottom:8px;	
	font-size:11px;
}

#footer a { 
	color:#333333; 
	text-decoration:none; 
}

#footer a:hover {
	text-decoration:underline;
}
.notes {
	font-size: 11px;
	color: #999999;
}

/* homepage */
#home {
	background-image:url(/images/home/body-bg-repeat.gif);
}

#home #header {
	background-image:url(/images/home/header.gif);
}

#home #container-bg {
	background-image:url(/images/home/body-bg.gif);
}

#home #main {
	background:url(/images/home/home-bg.gif) #e5e5e5;
  _background:url(/images/home/home-bg-ie.gif) #e5e5e5;
	background-position:top left;
	background-repeat:repeat-x;
}

#home #content {
	padding:0;
	width:655px;
	padding-bottom:10px;
	padding-right:10px;
	background-image:url(/images/home/home-banner.jpg);
	background-position:top left;
	background-repeat:no-repeat;	
}

#home #cta {
	width:305px;
	padding-bottom:0;
}

#home #cta-projects {
	background-image:url(/images/home/cta-projects.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#d0d0d0;
	color:#fff;
}

#lng-desc {
	padding-left:24px;
	padding-top:22px;
	padding-right:35px;
	min-height:67px;
}

#lng-desc p {
	line-height:16px;
	margin:0;
	padding:0;
}

#home #cta a {
	color:#000000;
	text-decoration:underline;
}

#home #cta a:hover {
	text-decoration:none;
}

#home #featured-project {
	background-image:url(/images/home/cta-divider.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#4c4c4c;
	padding-left:24px;
	padding-right:14px;
	padding-top:20px;
	min-height:226px;
}

#home #featured-project #project-title {
	padding-bottom:11px;
}

#home #featured-project p {
	padding:4px 0 6px;
	margin:0;
}

#home #cta-news {
	background-image:url(/images/home/news-bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e1e1e1;
  padding: 10px 24px;
	color:#4c4c4c;
	min-height:69px;
}

#home #cta-news p {
	padding:6px 0 10px 0;
	margin:0;
	line-height:16px;
}

#home .call-to-action a#cta-quote {
	background-image:url(/images/home/request.gif);
	padding-top:71px;
	text-decoration:none;
  width: 304px;
  float: left;
}

#home .call-to-action a#cta-quote:hover {
	background-image:url(/images/home/request-over.gif);
}

/* portfolio page */
#portfolio #container-bg {
	background-image:url(/images/bg/portfolio-bg.gif);
}

#portfolio #header {
	background-image:url(/images/home/header.gif);
}

#portfolio #main {
	background-image:url(/images/bg/portfolio-main-bg.gif);
}

/* request for quote page*/

.company-contact {
  float: right;
  width: 350px;
  font-size: 14px;
}

.contact-form {
  float: left;
  width: 380px;
}

/* other styles */
.bold {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.title1 {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.title2 {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}
.lineDotted {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.imgBorder {
	border: 1px solid #CCCCCC;
}
.sitemapFirst, .sitemapFirst a{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height:26px;
	text-decoration:none;
}
.sitemapSecond {
	font-size: 12px;
	color: #999999;
	padding: 0px 0px 0px 20px;
	line-height:22px;
}
.sitemapThird {
	font-size: 12px;
	color: #999999;
	padding: 0px 0px 5px 40px;
	line-height:18px;
}


/*case studies - june28-2009 - Ian's styling*/

.portfolio .overview-container {
  width: 780px;
  _margin-right: 0;
}

.case-study-instance {
  width: 230px;
  height: 250px;
  float: left;
  margin-right: 28px;
  _margin-right: 14px;
  margin-bottom: 10px;
}

.content-wrapper {
  width: 655px;
  float: left;
}

.call-to-action {
  padding: 10px 0;
  _padding: 0px;
  _margin-top:-20px;
  width: 667px;
}

.sidebar a {
  color: #000;
}

.sidebar {
  float: left;
  width: 290px;
  margin-left: 12px;
  _margin-left:0;
}

.social-media-icon-wrapper {
  float: left;
  text-align:right;
  width: 351px;
  background: url(/images/bg/cta-bg.gif) repeat-x ; 
}


/*Helper classes - Dec2-2009 - Ian's styling*/


.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

.clear-simple {
  clear: both;
}

.hide {
  display: none;
}