/*Global*/
html {margin: 0; padding: 0;}
body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: #878787;
	color: #666;
	behaviour:url(csshover.htc);
}

img {border: 0;}
img a {border: 0;}
img a:hover {border: 0;}


fieldset { border:0px; padding: 1em;}
label {
  float:left;
  width:30%;
  margin-right:0.5em;
  margin-left:0.5em;
  padding-top:0.2em;
  text-align:left;
  font-weight:bold;
  }
  
  

a:link {color: #f36e22; text-decoration: underline;}
a:visited {color: #f36e22; text-decoration: underline;}
a:hover {color: #666;}

a.blue:link {color: #4689BB; text-decoration: underline;}
a.blue:visited {color: #4689BB; text-decoration: underline;}
a.blue:hover {color: #666;}

a.red:link {color: #C70D00; text-decoration: underline;}
a.red:visited {color: #C70D00; text-decoration: underline;}
a.red:hover {color: #666;}

/*Headers*/
h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #f36e22;
	font-weight: 700;
	font-size: 1.45em;
	padding-left: 15px;
}
*:first-child+html h1 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #f36e22; font-weight: normal; font-size: 1.35em; padding: 10px 0 0 15px;} /*IE7*/
h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #f36e22;
	font-weight: bold;
	font-size: 1.35em;
	margin: 0;
	padding: 10px 0 0 0;
}
h3 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #f36e22; font-weight: bold; font-size: 1.35em; margin: 0; padding: 10px 0 0 0;}
h3 span {color: #008abe; padding: 0px;}
h4 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #f36e22; font-weight: bold; font-size: 1.35em; margin: 0; padding: 10px 0 0 0;}
h4 span {color: #f36e22; padding: 0px;}
h5 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #f36e22; font-weight: bold; font-size: 1.35em; margin: 0; padding: 10px 0 0 0;}
h5 span {color: #f36e22; padding: 0px;}
h6 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #f36e22; font-weight: bold; font-size: 1.35em; margin: 0; padding: 10px 0 0 0;}
h6 span {color: #f36e22; padding: 0px;}

p {padding: 0; margin: 0;}
.summaries {float: left; width: 30%; font-size: .9em; padding: 10px 0 20px 15px;}
.wrap {overflow: hidden; display: block; height: auto; padding: 0; margin: 0; width: auto;}

.logo {position: relative; top: 21px; left: 46px; width: 233px; height: 52px;}
.headerSplash {width: 891px; height: 261px; padding: 0 0 0 26px;}

/*Site DIVs*/
#content {
	background: url(images/container.png) top left repeat-y;
	width: 943px; height: auto;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#content2 {
	background: url(images/container2.png) top left repeat-y;
	width: 943px; height: auto;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.textArea {
	float: left;
	margin: 8px 0 0 26px;
	width: 585px; height: auto;
}

.textArea p {
	margin: 15px;
	line-height: 20px;
}

.textArea2 {
	float: left;
	margin: 8px 0 0 6px;
	width: 655px; height: auto;
}

.textArea2 p {
	margin: 15px;
	line-height: 20px;
}

.textArea3 {
	float: left;
	margin: 6px 0 0 13px;
	width: 655px; height: auto;
}

.textArea3 p {
	margin: 0px 0 0 0px;
	line-height: 20px;
}

.casestudies-image {
	float: left;
	margin: 0px 0 0 8px;
	width: 225px; height: 275px;
}
.casestudies-text {
	float: left;
	width: 400px; height: 275px;
	padding: 10px 0 0 0px;
}

.p1 {
	padding: 0;
	font-family: Garamond, Goudy, "Times New Roman", Times;
}
.p2 {padding-left: 30px;}
.p3 {padding-left: 15px;}
.p4 {padding-left: 15px;}

.sideBar {
	float: left;
	width: 302px; height: auto;
	margin: 8px 26px 0 4px;
	padding: 0;
	overflow: hidden;
}

.sideBar a, .sideBar2 a {color: #666; text-decoration: none;}
.sideBar a:hover, .sideBar2 a:hover {color: #aaa; text-decoration: none;}

.sideBar2 {
	float: left;
	width: 218px; height: auto;
	margin: 8px 4px 0 26px;
	padding: 0;
	overflow: hidden;
	font-size: .9em;
}

.quoteImg {margin: 10px;}

#red a {color: #e80500;}
#blue a {color: #008abe;}
#orange a {color: #f36e22;}
#red a:hover, #blue a:hover, #orange a:hover {color: #878787;}


#featured p, #core p, #core2 p, #news p {padding: 0 10px 25px 3px; width: 95%;}
#featured a:hover, #core a:hover, #news a:hover {color: #878787;}
#featured {background: url(images/featuredarticles.png) top left no-repeat; width: 100%; height: auto; padding-top: 30px;}
#featured a {color: #f36e22;}
#core {background: url(images/coreservices.png) top left no-repeat; width: 100%; height: auto; padding-top: 30px;}
#core2 {background: url(images/coreservices.png) -40px 0 no-repeat; width: 100%; height: auto; padding-top: 30px;}
#core3 {background: url(images/coreservices-blank.png) -40px 0 no-repeat; width: 100%; height: auto; padding-top: 30px;}

#news {background: url(images/newsevents.png) top left no-repeat; width: 100%; height: auto; padding-top: 30px;}
#news a {color: #f36e22;}

#linkArea {background: url(images/coreservices.png) -40px 0 no-repeat; width: 100%; height: auto; padding-top: 30px;}
#linkArea ul {margin-left: -40px}
*:first-child+html #linkArea ul {margin: 20px 0px -8px 0;} /*IE7*/
#linkArea li {list-style: none; width: 100%; height: auto; padding: 0 20px 25px 3px;}

#designArea {background: url(images/designservices.png) -40px 0 no-repeat; width: 100%; height: auto; padding-top: 30px;}
#designArea ul {margin-left: -40px}
*:first-child+html #designArea ul {margin: 20px 0px -8px 0;} /*IE7*/
#desig	nArea li {list-style: none; width: 100%; height: auto; padding: 0 20px 25px 3px;}
.icoImg {float: left; width: 32px; padding: 0 5px 0px 10px;display: inline;}



/*Active link, add this class to the current active link*/
.activeLink {color:#fff;}
.activeLink a {padding-left: 6px; background: red; color: white; display: block; margin-left: 55px;}
.activeLink a:hover {color: #ccc;}


/*Footer elements*/
#footer {
	background: url(images/footer.png) top left no-repeat;
	width: 943px; height:auto;
	margin: 0 auto 0 auto;
	padding-top: 73px;
	font-size: .7em;
	color: white;
	overflow: hidden;
}

#footer2 {
	background: url(images/footer2.png) top left no-repeat;
	width: 943px; height:auto;
	margin: 0 auto 0 auto;
	padding-top: 73px;
	font-size: .7em;
	color: white;
	overflow: hidden;
}

#footerText {
	width: 943px; height:auto;
	margin: 0 auto 0 auto;
	font-size: .7em;
	color: white;
	padding-bottom: 20px;
}
#footerText ul {float: right; padding-right: 26px; margin: 0; z-index: 100;}
#footerText li {list-style: none; padding-right: 5px; display: inline; z-index: 100;}
#footerText a {color: white;}
#footerText a:hover {color: #ccc;}
.copyrightInfo {float: left; padding-left: 26px;}

/*
---------------------------------------------------
BEGIN tabbed navigation bar section.
I left the IE styles in here for easier editing.
All other IE styles are in the ie_styles.css file.
The main things that need editing are:
   -Sub-menu left position
   -Sub-menu width and left position (for IE)
Due to the nature of the script, left position
will need to be edited accordingly depending
on the text you enter in the links and how many
sub-menu links you happen to have. Since things
are positioned absolutely, you can't use
margin: 0 auto; Also, IE has trouble with the 
width: auto; declaration so you need to specify
the width manually so your sheet doesn't overflow
outside the frame.
---------------------------------------------------
*/
#nav {
	width: 943px; height: 110px;
	margin: 0 auto 0 auto;
	background: url(images/headbg.png) top left no-repeat;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
}


#newsletter {
	width: 400px;
	float: center;
	margin: 0 0 0 80px;
	padding: 0;
}


/* The full menu */
#menu {
	position: relative;
	width: 650px;
	float: left;
	margin: 0;
	padding: 0;
	left: 300px; top: 5px;
}

* html #menu {top: -8px;}

/* Sub-menu UL */
#menu li ul {
	cursor:default;
	position:absolute;
	width: auto;
	height:17px;
	top:26px;
	padding:0;
	left:-9000px;
}
/* LI's */
#menu li {
	cursor:pointer;
	float:left;
	margin: 0 auto;
	padding: 0;
	text-align:center;
	list-style-type:none;
	font-weight:bold;

}
/* Sub-menu LI's */
#menu li ul li {
	height:25px;
	padding:4px 15px;
	margin:0;
	border:none;
	clear:both;
	opacity:0.9;filter:alpha(opacity=90)
}
#menu li ul li a {
    padding:0;
}
#menu li ul.company li {
	width:100px;
	background:#F36F22;
}
#menu li ul.company li:hover a {
	width:98px;
	margin-left:-14px;
	padding:0 15px;
	background:#505151;
	color:#FFF !important;
	text-align:left;
	display:block;
}
#menu li ul.design li {
	width:140px;
	background:#F36F22;
}
#menu li ul.design li:hover a {
	width:138px;
    margin-left:-14px;
	padding:0 15px;
	background:#505151;
	color:#FFF !important;
	text-align:left;
}
#menu li ul.marketing li {
	width:134px;
	background:#F36F22;
}
#menu li ul.marketing li:hover a {
	width:132px;
    margin-left:-14px;
	padding:0 15px;
	background:#505151;
	color:#FFF !important;
	text-align:left;
}
#menu li ul.ourWork li {
	width:100px;
	background:#F36F22;
}
#menu li ul.ourWork li:hover a {
	width:98px;
    margin-left:-14px;
	padding:0 15px;
	background:#505151;
	color:#FFF !important;
	text-align:left;
}
#menu li ul.contact li {
	width:120px;
	background:#F36F22;
}
#menu li ul.contact li:hover a {
    width:118px;
    margin-left:-14px;
	padding:0 15px;
	background:#505151;
	color:#FFF !important;
	text-align:left;
}
.br {border-right: 1px solid #fff;
	font-size: 0.9em;
}
.bn {border: none;
	font-size: 0.9em;
}

/* Anchors */
#menu li a {
	color:#666;
	text-decoration:none;
	display:block;
	float:left;
	height:26px;
	line-height:2em;

}
/* Sub-menu anchors */
#menu li ul li a {
	cursor:pointer !important; /* IE */
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:bold;
	color:#fff !important;
	background-position:0 0% !important;
}

#menu li ul li:hover a:hover {color:#FFF !important;}

/* Anchor pseudo elements */
#menu li a:hover,
#menu li a:focus,
#menu li a:active {color: #FFF;}

/* Specific locations for each sub-menu. Manually edit the left position */
#menu li:hover ul.company {left:61px; z-index:10;}
#menu li:hover ul.design {left: 148px; z-index:10;}
#menu li:hover ul.marketing {left: 286px; z-index:10;}
#menu li:hover ul.ourWork {left: 450px; z-index:10;}
#menu li:hover ul.contact {left: 535px; z-index:10;}

/* IE hacks, manually edit the left position. You'll also have to set the width manually since auto width fails */
* html #menu li.ieHack ul.company {width: 450px; top:30px; left: 20px;}
* html #menu li.ieHack ul.design {width: 910px; top:30px; left: 110px;}
* html #menu li.ieHack ul.marketing {width: 900px; top:30px; left: 245px;}
* html #menu li.ieHack ul.ourWork {width: 500px; top:30px; left: 410px;}
* html #menu li.ieHack ul.contact {width: 420px; top:30px; left: 495px;}

*:first-child+html #menu li:hover ul.company {left: 20px; z-index:10;} 
*:first-child+html #menu li:hover ul.design {left: 110px; z-index:10;} 
*:first-child+html #menu li:hover ul.marketing {left: 245px; z-index:10;}
*:first-child+html #menu li:hover ul.ourWork {left: 338px; z-index:10;} 
*:first-child+html #menu li:hover ul.contact {left: 420px; z-index:10;}


/* Tab images and hover tab images */
#home a {width: 61px; background: transparent url(images/home.gif) top left no-repeat;}
#company a {width: 87px; background: transparent url(images/company.gif) top left no-repeat;}
#design a {width: 138px; background: transparent url(images/designserv.gif) top left no-repeat;}
#marketing a {width: 164px; background: transparent url(images/marketingserv.gif) top left no-repeat;}
#ourWork a {width: 85px; background: transparent url(images/ourwork.gif) top left no-repeat;}
#contact a {width: 75px; background: transparent url(images/contact.gif) top left no-repeat;}

#home a:hover {width: 61px; background: transparent url(images/home.gif) bottom left no-repeat;}
#company a:hover {width: 87px; background: transparent url(images/company.gif) bottom left no-repeat;}
#design a:hover {width: 138px; background: transparent url(images/designserv.gif) bottom left no-repeat;}
#marketing a:hover {width: 164px; background: transparent url(images/marketingserv.gif) bottom left no-repeat;}
#ourWork a:hover {width: 85px; background: transparent url(images/ourwork.gif) bottom left no-repeat;}
#contact a:hover {width: 75px; background: transparent url(images/contact.gif) bottom left no-repeat;}

#home ul a, #home ul a:hover {width: auto; background: none;}
#company ul a, #company ul a:hover {width: auto; background: none;}
#design ul a, #design ul a:hover {width: auto; background: none;}
#marketing ul a, #marketing ul a:hover {width: auto; background: none;}
#ourWork ul a, #ourWork ul a:hover {width: auto; background: none;}
#contact ul a, #contact ul a:hover {width: auto; background: none;}

/*Selected areas*/
.homeSel {width: 61px; background: transparent url(images/home.gif) bottom left no-repeat !important; color: #fff !important;}
.companySel {width: 87px; background: transparent url(images/company.gif) bottom left no-repeat !important; color: #fff !important;}
.designSel {width: 138px; background: transparent url(images/designserv.gif) bottom left no-repeat !important; color: #fff !important;}
.marketingSel {width: 164px; background: transparent url(images/marketingserv.gif) bottom left no-repeat !important; color: #fff !important;}
.ourWorkSel {width: 85px; background: transparent url(images/ourwork.gif) bottom left no-repeat !important; color: #fff !important;}
.contactSel {width: 75px; background: transparent url(images/contact.gif) bottom left no-repeat !important; color: #fff !important;}

/* "trigger" and "ieHack" classes */
/*#menu li.ieHack a {color:#fff !important}
#menu li.ieHack a:hover {color:#fff !important}*/

#company.ieHack a {color:#fff; background: url(images/company.gif) bottom left no-repeat}
#company.ieHack a:hover {color:#fff;}
#design.ieHack a {color:#fff; background: url(images/designserv.gif) bottom left no-repeat}
#design.ieHack a:hover {color:#fff;}
#marketing.ieHack a {color:#fff; background: url(images/marketingserv.gif) bottom left no-repeat}
#marketing.ieHack a:hover {color:#fff;}
#ourWork.ieHack a {color:#fff; background: url(images/ourwork.gif) bottom left no-repeat}
#ourWork.ieHack a:hover {color:#fff;}
#contact.ieHack a {color:#fff; background: url(images/contact.gif) bottom left no-repeat}
#contact.ieHack a:hover {color:#fff;}


/*
---------------------------------------------------
END tabbed navigation bar section.
---------------------------------------------------
*/

/* REQUEST A QUOTE */
.mailingAddress {
	float: left; 
	padding-left: 50px;
}
.contactInfoRequest {
	float: left; 
	padding-left: 50px;
}