h1 
{
	margin:0 0 12px 0;
	padding:0 0 2px 0;
	font-size:1.135em;
	font-weight:bold; 
	color:#3e191c;
	border-bottom:#d6d6d6 1px solid;
}
#banner h1
{
    margin:0;
    padding:0 0 12px 0;
    font-size:1.3em;
    text-transform:uppercase;
    font-style:italic;    
	line-height:130%;
	border:none;	
}
h2
{
	padding:15px 0 5px 0;
	font-size:1.1em;
	font-weight:bold; 
}
h3
{
	padding:0 0 10px 0;
	font-size:1.0em;
	font-weight:bold; 
}
p 
{
	padding:0 0 12px 0;
	line-height:130%;
}
p.padd 
{
	padding:0;
}
p.lead 
{
    font-size:2.0em;
}
p.codeworks
{
    margin:20px 0 0 0;
}
a
{
    text-decoration:underline;
    color:#fc5d5d;    
}
a.active, a:hover
{
    color:#414042;
}
a.arrow 
{
    padding:0 12px 0 0;
    font-weight:bold;
    font-size:0.875em;
    text-decoration:none;
    color:#444238;
    background:url(../images/arrow.gif) right 5px no-repeat;
}
a:focus
{
    outline:none;
}
/*----------------------------------------------------------------------*/
/*--------*//* MAIN NAVIGATION */
#navigation ul
{
	margin:10px 0 0 15px;
	list-style:none;
	overflow:hidden;
}
#navigation ul li
{
	float:left;
	padding:0 20px 0 0;	
	display:block;
}
#navigation ul li a 
{
	float:left;	
	padding:0 14px 0 0;
	display:block;
	text-transform:lowercase;	
	font-weight:bold;
	font-size:1.15em;
	text-decoration:none;
	color:#000;
	background:url(../images/navigation/arrow.gif) right 7px no-repeat;
}
#navigation ul li a span
{
	color:#4f4d4d;
}
#navigation ul li a:hover, #navigation ul li a.active, #navigation ul li a:hover span, #navigation ul li a.active span
{
    color:#fc5d5d;
}
/*----------------------------------------------------------------------*/
/*--------*//* QUICK LINKS */
#quickLinks ul
{
	float:right;
}
#quickLinks ul li
{
	float:left;
	padding:0 8px 0 8px;	
	display:block;
	background:url(../images/navigation/pipe.gif) right 1px no-repeat;
}
#quickLinks ul li.end
{
	padding:0 0 0 8px;	
	background:none;
}
#quickLinks ul li a 
{
	float:left;	
	padding:0;
	display:block;
	text-transform:lowercase;	
	text-decoration:none;
	color:#000;
}
#quickLinks ul li a:hover
{
	color:#fc5d5d;
}
/*----------------------------------------------------------------------*/
/*--------*//* SUB NAVIGATION */
#subNav ul
{
	list-style:none;
	overflow:hidden;
}
#subNav ul li, #subNav ul li ul li
{
	float:left;
	display:block;
	padding:0 0 1px 0;	
}
#subNav ul li a , #subNav ul li ul li a
{
	display:block;
	padding:2px 0 0 8px;
    width:190px;
    w\idth:182px;
	height:20px;
	he\ight:18px;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	color:#4f4d4d;
	background:url(../images/sub-nav-bkg.gif) no-repeat;
}
#subNav ul li a:hover, #subNav ul li a.current
{
	color:#000;
	background:url(../images/sub-nav-bkg.gif) 0 -20px no-repeat;
}
#subNav ul li ul
{
    width:159px;
    border-right:#adadad 1px solid;
    border-bottom:#adadad 1px solid;
    border-left:#adadad 1px solid;
    background:#fffffe;
}
#subNav ul li ul li a 
{
	color:#000;
	background:none;
}
#subNav ul li ul li a:hover, #subNav ul li ul li a.current
{
	color:#595139;
	background:none;
}
/*----------------------------------------------------------------------*/
/*--------*//* BANNER & INTRO SECTIONS*/
#banner .content
{
    font-size:0.9em;
    color:#3e191c
}
#banner .content p.header, #banner .content p.quote,
.introSections p.header, .introSections p.quote
{
    text-transform:uppercase;
    font-size:1.3em;
    font-style:italic; 
    font-weight:bold;
}
.introSections p.quote
{
    font-weight:normal;
}
#banner .content p.quote, .introSections p.quote
{
    padding:0 0 30px 0;
    text-transform:none;
    font-size:1.1em;
}
#banner a.button
{
    position:absolute;
    top:163px;
    left:205px;
}
#banner a.button , .introSections a.button 
{
    display:block;
    padding:3px 0 0 8px;
    width:180px;
    w\idth:172px;
    height:23px;
    he\ight:20px;
    text-transform:lowercase;	
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	color:#000;
    background:url(../images/banner-button.gif) no-repeat;
}
#banner a.button span, .introSections a.button span
{
	color:#4f4d4d;
}
/*----------------------------------------------------------------------*/
/*--------*//* HOMEPAGE INTRO LINKS */
.introSections
{
    padding:20px;
}
.introSections .left, .introSections .right
{
    float:left;
    width:280px;  
}
.introSections .right
{
    float:right;
}
/*----------------------------------------------------------------------*/
/*--------*//* CALL TO BOX */
.box
{
    float:left;
    margin:0 23px 13px 0;
    width:210px;
}
body.subpage .box, body.fullpage .box
{
    margin:0 0 10px 0;
    width:210px;
}
.box.end
{
    margin:0 0 13px 0;
}
.box .inner
{
    padding:8px;
    width:210px;
    w\idth:194px;
    height:140px;
    he\ight:124px;
    background:url(../images/box-bkg.gif) no-repeat;
    border:#a9acae 1px solid;
}
.box h2
{
    padding:0 0 5px 0;
    text-transform:uppercase;
    font-size:0.9em;
    font-weight:bold;
    color:#000;
}
.box h2 span
{
   	color:#4f4d4d;
}
.box p
{
   	padding:0 0 5px 0;
}
.box img
{
    border:#a9acae 1px solid;
}
/*----------------------------------------------------------------------*/
/*--------*//* NEWS BOX */
#newsBox
{
    position:relative;
    width:230px;
    background:#fff url(../images/news-top-bkg.gif) top left no-repeat;
    border:#a9acae 1px solid;
}
#newsBox .inner
{
    padding:0 8px 8px 8px;
    w\idth:214px;
}
#newsBox th
{
    font-size:0.0em;
}
#newsBox a
{
    text-decoration:none;
}
#newsBox h2
{
    padding:3px 0 2px 0;
    font-size:1.0em;
    font-weight:bold;
    color:#000;
}
#newsBox h2 span
{
   	color:#4f4d4d;
}
#newsBox a.all
{
    position:absolute;
    top:0px;
    right:0px;
    padding:3px 0 0 5px;
    width:27px;
    w\idth:22px;
    height:24px;
    he\ight:21px;
    font-weight:bold;    
    color:#fb3534;
}
#newsBox .article
{
    font-style:italic;
    background:url(../images/news-rule.gif) bottom no-repeat;
}
#newsBox .article p.date
{
    display:block;
    padding:10px 0 4px 0;
    font-size:0.85em;
    font-weight:bold;
    color:#4f4d4d;
}
#newsBox .article h3
{
    display:block;
    padding:0 12px 4px 0;
    line-height:120%;
	color:#3e191c;
    background:url(../images/arrow.gif) right 6px no-repeat;
}
#newsBox .article h3 a
{
    color:#3e191c;
}
#newsBox .article p
{
    padding:0 0 3px 0;
    font-size:0.85em;
    font-style:normal;
}
#newsBox .article  p.url
{
    padding:0 0 8px 0;
}
#newsBox .article  p a
{
    color:#fb3534;
}
/*----------------------------------------------------------------------*/
/*--------*//* NEWS INDEX */
.newsItem
{
    padding:10px 0;
    width:653px;
    border-bottom:#d6d6d6 1px solid;
}
.newsItem .itemImage
{
    float:left;
    width:170px;
	padding:0 0 20px 0;
}
.newsItem .itemText
{
    float:right;
    width:468px;
}
.newsItem .itemTop
{
	margin:0 0 10px 0;
	border-bottom:#d6d6d6 1px dashed;
}
.newsItem p.date
{
	float:right;
	padding:0 0 5px 0;
}
.newsItem h2, .newsItem h3
{
	padding:0 0 5px 0;
}
.backLink
{
    padding:4px 0 0 4px;    
}
.backLink a
{
    padding:0 12px 0 0;
    font-weight:bold;
    font-size:0.875em;
    text-decoration:none;
    color:#444238;
    background:url(../images/arrow.gif) right 5px no-repeat;
}
/*----------------------------------------------------------------------*/
/*--------*//* PORTFOLIO LANDING PAGE */
ul#portfolio li
{
    float:left;
    margin:0 12px 12px 0;
    width:119px;
    height:119px;
    border:#d6d6d6 1px solid;
}
ul#portfolio li.end
{
    float:left;
    margin:0 0 12px 0;
}
ul#portfolio li a
{
    display:block;
    width:119px;
    height:119px;
    text-indent:-3000px;
    overflow:hidden;
    background-position:top left;
}
ul#portfolio li a:hover
{
    background-position:bottom left;
}
ul#portfolio li.cms a
{
    background-image:url('../images/portfolio/thumbs/cms.gif');
}
ul#portfolio li.cds a
{
    background-image:url('../images/portfolio/thumbs/cds.gif');
}
ul#portfolio li.tcd a
{
    background-image:url('../images/portfolio/thumbs/tcd.gif');
}
ul#portfolio li.cfc a
{
    background-image:url('../images/portfolio/thumbs/cfc.gif');
}
ul#portfolio li.ai a
{
    background-image:url('../images/portfolio/thumbs/ai.gif');
}
ul#portfolio li.camp a
{
    background-image:url('../images/portfolio/thumbs/camp.gif');
}
ul#portfolio li.tss a
{
    background-image:url('../images/portfolio/thumbs/tss.gif');
}
ul#portfolio li.dos a
{
    background-image:url('../images/portfolio/thumbs/dos.gif');
}
ul#portfolio li.kvar a
{
    background-image:url('../images/portfolio/thumbs/kvar.gif');
}
ul#portfolio li.oak a
{
    background-image:url('../images/portfolio/thumbs/oak.gif');
}
ul#portfolio li.map a
{
    background-image:url('../images/portfolio/thumbs/map.gif');
}
ul#portfolio li.macks a
{
    background-image:url('../images/portfolio/thumbs/macks.gif');
}
#subBody .image
{
    position:relative;
    margin:0 0 10px 0;
    padding:10px;
    width:368px;
    w\idth:348px;
    background:#fff;
    border:#a9acae 1px solid;  
}
#subBody a.button 
{
    display:block;
    padding:3px 0 0 8px;
    width:140px;
    w\idth:132px;
    height:23px;
    he\ight:20px;
    text-transform:lowercase;	
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	color:#000;
    background:url(../images/case-study-button.gif) no-repeat;
}
#subBody a.button span
{
	color:#4f4d4d;
}
/*----------------------------------------------------------------------*/
/*--------*//* BLOCKQUOTES */
blockquote
{
    padding:19px 10px 10px 40px;
    background:url(../images/quote.png)10px 10px no-repeat;
    border:#e5e6e8 1px dashed;
    margin:0 0 20px 0;
}
cite
{
    color:#3e191c;
}
/*----------------------------------------------------------------------*/
/*--------*//* FADING IMAGES JQUERY */
.fading
{
    width:348px;
    height:280px;
    overflow:hidden;
}
.fading img
{
    margin:10px;
}
/*----------------------------------------------------------------------*/
/*--------*//* CONTACT US FORM */
.contactForm
{
    float:left;
    width:485px;
}
.contactForm ul, .contactForm ul li
{
    list-style-type:none;
}
.contactForm ul
{
    margin-left:0px;
}
.contactForm ul li label
{
    float:left;
    padding:4px 10px 0 0;
    width:80px;
    color:#4f4d4d;
}
.contactForm textarea, .contactForm input
{ 
    float:left;
    margin-bottom:2px;
    padding:3px 5px 3px 5px;
	width:250px;
	color:#555f60;
	background:#fff;
	border:#d6d6d6 1px solid;
}
.contactForm li.textArea textarea
{
    width:383px;
}
li.btn input
{ 
	margin-left:90px;
	width:100px;
	font-weight:bold;
	font-size:0.9em;
	color:#4f4d4d;
	background-color:#FAFBFA;
}
#addressDetails
{
	padding-top:20px;
}
/*----------------------------------------------------------------------*/
/*--------*//* TAGS */
.tagList
{
    margin-top:10px;
    padding:5px 0;
    text-transform:lowercase;
    font-size:0.9em;
    color:#888;
    border-top:dashed 1px #e5e6e8;
}
/*----------------------------------------------------------------------*/
/*--------*//* GOOGLE MAP */
#map
{
    width:348px;
    height:281px;
}
/*----------------------------------------------------------------------*/
/*--------*//* ACCESSIBILITY & SITE MAP */
#accessKeys ul
{
    padding:0 0 10px 0;
}
#accessKeys kbd

{
    margin:0 2px;
    padding:1px 5px;
    font-weight:bold;
    color:#fff;
    background:#2F2F2F;
    border:#ccc 1px solid;
}
#accessKeys a
{
    text-decoration:none;
    color:#000;
}
#resizeText ul
{
    padding:0 0 0 15px;
}
#resizeText ul li
{
    list-style-type:disc;
    padding:0 0 5px 0;
}
/*----------------------------------------------------------------------*/
/*--------*//* FOOTER */
#footer ul li
{
	display:block;
	float:left;
	width:auto;
	padding:0 15px 0 0;
}
#footer a
{
    font-size:0.9em;
    text-decoration:none;
    color:#999999;
}
#footer ul li a.active, #footer ul li a:hover
{
    color:#000;  
}
#footer p
{
    padding-top:5px;
    font-size:0.9em;
    color:#b1b3b4;
}
/*----------------------------------------------------------------------*/
/*--------*//* PORTFOLIO */
.thumbBox
{
    width:490px;
    padding:20px 0;
}
.thumbBox li
{
    width:245px;
    float:left;
    text-align:center;
}