﻿div
{
	margin: 0; padding: 0;
}

body
{
	margin: 0px;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #dcdcdc;
}

img.homebtn
{
	background-image: url('');
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* --------------------------------------------------------------------
	
-------------------------------------------------------------------- */

#pageheader { background-color: #fc0; }

#pageheader #masthead
{
	height: 97px;
	margin: 0;
	padding: 0;
	border-width: 0 0 1px 0;
	border-color: #fff;
	border-style: solid;
}

#pageheader #homelink img
{
	background-color: #ffd600;
	border-color: #fff;
	border-width: 0 1px 0 0;
	border-style: solid;
}

#globalnav
{
	background-color: #de7a00;
	padding: 0;
	margin: 0;
	height: 18px;
}

#globalnav a:visited, #globalnav a:link
{
	display: block;
	float: left;
	height: 18px;
	text-decoration: none;
	color: #fff;
	padding: 3px 24px 0px 24px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}

#globalnav a:hover { background-color: #994d00; }
#pagebody { background-color: #fff; }

#pagebody #leftcol
{
	background-image: url('http://www.concordsolutions.com/images/pg01.gif');
	background-repeat: repeat-y;
}

#pagebody #centercol
{
	padding: 18px 0 32px 0;
}

#pagebody #rightcol { background-color: #dcdcdc; }
#pagefooter #top, #pagefooter { background-color: #fff; }
#pagefooter #top #leftcol { background-color: #fbac18; }

#pagefooter #top #leftspacer, #pagefooter #top #centercol
{
	background-image: url('http://www.concordsolutions.com/images/pg06.gif');
	background-position: 0 100%;
	background-repeat: repeat-x;
}

#pagefooter #top #centercol
{
	padding-bottom: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #994d00;
}

#pagefooter #top #rightcol { background-color: #dcdcdc; }
#pagefooter #middle #leftcol, #pagefooter #bottom #leftcol { background-color: #e69c00; }
#pagefooter #bottom, #pagefooter #middle #rightcol { background-color: #dcdcdc; }

#pagefooter #bottom #legal
{
	clear: both;
	float: none;
	width: 100%;
	height: 17px;
	padding: 4px 0 4px 0;
	text-align: center;
	color: #999;
}

#legal a:link, #legal a:visited
{
	color: #999;
	text-decoration: none;
}

#legal a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------
	Menu Stylings
-------------------------------------------------------------------- */

#sidebar
{
	margin: 0 38px 0 0;
	padding: 0 0 0 0;
	width: 116px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	background-color: #FBAC18;
}

h1.sidebartitle
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #994d00;
	text-align: center;
}

#portfolionav a, #sidebarnav a
{
	display: block;
	padding: 9px 12px 9px 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: right;
}

#portfolionav a:hover { color: #994d00; }

#sidebarnav a:link, #sidebarnav a:visited
{
	background-image: url('http://www.concordsolutions.com/images/pg03.gif');
	background-position: 0 100%;
	background-repeat: repeat-x;
	color: #fff;
}

#sidebarnav a#last { background-image: none; }
#sidebarnav a:hover { color: #994d00; }

#portfolionav .menulabel:link, #portfolionav .menulabel:visited
{
	color: #fff;
	background-image: url('http://www.concordsolutions.com/images/pg02.gif');
	background-position: 4px 6px;
	background-repeat: no-repeat;
}

#portfolionav .menulabel:hover
{
	color: #fff;
	background-color: #994d00;
	background-position: 4px -19px;
}

;

#portfolionav .sidenav
{
	color: #fff;
	background-image: url('/images/pg07.gif');
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding-bottom: 1px;
}

#portfolionav .subnav .menuitem:link, #portfolionav .subnav .menuitem:visited
{
	background-color: #e69c00;
	color: #fff;
}

#portfolionav .subnav .menuitem:hover
{
	background-color: #fc3;
	color: #994d00;
}

;

/* --------------------------------------------------------------------
	Services
-------------------------------------------------------------------- */
#servicesnav
{
	margin: 0 50px 0 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
}

#servicesnav h1
{
	font-size: 11px;
	font-weight: bold;
	color: #994d00;
	text-align: right;
}

#servicesnav a:link, #servicesnav a:visited
{
	display: block;
	text-align: right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	background-image: url('http://www.concordsolutions.com/images/pg04.gif');
	background-position: 0 100%;
	background-repeat: repeat-x;
}

#servicesnav #last:link, #servicesnav #last:visited { background-image: none; }
#servicesnav a:hover { color: #994d00; }

/* --------------------------------------------------------------------
	About nav
-------------------------------------------------------------------- */

#aboutnav
{
	margin: 0 50px 0 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
}

#aboutnav h1
{
	font-size: 11px;
	font-weight: bold;
	color: #994d00;
	text-align: right;
}

#aboutnav a:link, #aboutnav a:visited
{
	display: block;
	text-align: right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	background-image: url('http://www.concordsolutions.com/images/pg04.gif');
	background-position: 0 100%;
	background-repeat: repeat-x;
}

#aboutnav #last:link, #aboutnav #last:visited { background-image: none; }
#aboutnav a:hover { color: #994d00; }

/* --------------------------------------------------------------------
  Portfolio
-------------------------------------------------------------------- */

#pagebody #folio
{
	margin-top: 48px;
	margin-left: 24px;
	margin-right: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
}

#pagebody #folio #page_icon {
	display: block;
	float: left;
	margin-top: 24px;
	margin-right: 10px;
}

#pagebody #folio #sectionintro
{
	float: left;
	width: 355px;
	margin-top: 10px;
}

/* --------------------------------------------------------------------
	Solutions
-------------------------------------------------------------------- */

#solutions
{
	min-width: 464;
	margin: 12px 0px 18px 0px;
}

#solutions .solution
{
	float: left;
	width: 29%;
	margin-right: 2%;
	margin-bottom: 18px;
}

.solution img
{
	float: left;
	margin-right: 10px;
}

.solution a:link img, .solution a:visited img
{
	border-width: 1px;
	border-style: solid;
	border-color: #994d00;
}

.solution a:visited img { border-color: #666; }
.solution a:hover img { border-color: #e69c00; }

.solution p
{
	margin: 0;
	padding: 0;
}

.solution p a:link
{
	font-weight: bold;
	color: #994d00;
	text-decoration: none;
}

.solution p a:visited
{
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.solution p a:hover { color: #fbac18; }
.solution p a:active { color: #fc0; }

/*-- new --*/
#solution
{
	padding-top: 34px;
}

#solution #hdr
{
	margin: 0; padding: 0;
}

#solution #content
{
	clear: both;
	margin: 0; padding: 0;
}

#solution #hdr #col1
{
	display: inline;
	float: left;
	width: 155px;
	text-align: center;
}

#solution #hdr #col1 #caption
{
	text-align: right;
	padding-right: 18px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 32px;
	color: #999;
}

#solution #hdr #main_gfx
{
	display: inline;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

#solution #content #col1
{
	display: inline;
	float: left;
	width: 155px;
	margin-bottom: 48px;
}

#solution #content #col1 img
{
	display: block;
	margin: 18px auto;
}

#solution #content #col1 img#first
{
	margin-top: 0;
}

#solution #content #col2
{
	display: inline;
	float: left;
	width: 390px;
	margin-left: 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
	margin-bottom: 48px;
}

#solution #content #col2 h1 {
	margin: 0; padding: 0;
	margin-bottom: 8px;
	font-size: 13px;
	letter-spacing: .4em;
}

#solution #content #col2 h1 b
{
	color: #fc0;
}

#solution #content #col2 h2 {
	margin: 0; padding: 0;
	margin-top: 24px;
	font-size: 11px;
	color: #c60;
}

#solution #content #col2 p
{
	margin: 0; padding: 0;
	line-height: 18px;
}

#solution #content #col2 p#quote,
#solution #content #col2 p#byline
{
	font-size: 11px;
	font-style: italic;
}

#solution #content #col2 p#byline {
	margin-top: 2px;
	margin-left: 10px;
	text-indent: -10px;
	line-height: 14px
}

#solution #content #col2 p#projectlist
{
	margin: 24px 0; 
font-size: 11px;
	padding-top: 12px;
	background-image: url('http://www.concordsolutions.com/images/pg06.gif'); 
	background-repeat: repeat-x;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#solution #content #col2 p#projectlist b
{
	color: #c60;
}

/* --------------------------------------------------------------------
	Services
-------------------------------------------------------------------- */

#pagebody #services
{
	margin-top: 48px;
	margin-left: 24px;
	margin-right: 72px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
}

#pagebody #services #page_icon {
	display: block;
	float: left;
	margin-right: 30px;
}

#pagebody #services #sectionintro
{
	float: left;
	width: 320px;
	margin-top: 10px;
}

#services #sectionintro ul
{
	font-size: 10px;
	line-height: 14px;
	margin: 0; padding: 0;
	list-style-type: none;
	margin-left: 24px;
	margin-right: 24px;
}

#services #sectionintro ul li
{
	margin-top: 4px;
}

#services #sectionintro ul li.extraspace
{
	margin-top: 24px;
}

#services #sectionintro ul a:link,
#services #sectionintro ul a:visited
{
	color: #994d00;
	font-weight: bold;
}

#services #sectionintro ul a:hover 
{
	color: #de7a00;
}

#pagebody #services #category { margin: -28px 0 0 -28px; }

#pagebody #services #category #description
{
	margin: 0;
	padding 0: ;
	margin-top: -8px;
	margin-left: 125px;
	margin-right: 0px;
}

#services #category #description p
{
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#services #category #description p#list
{
	padding: 0;
	margin: 8px 0 0 0;
	font-weight: normal;
	color: #994d00;
}

#services #category #description h2
{
	margin: 0; padding: 0;
	font-size: 11px;
	line-height: 13px;
	color: #c60;
}

#services #category #description #chart 
{
	float: right;
	margin-top: 24px;
	margin-left: 12px;
}

#services #category #description h2#brandcomp
{
	margin-top: 24px;
}

#services #category #description ul#brandcomp
{
	margin-bottom: 24px;
}

#services #category #description p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#services #category #description ul
{
	padding: 0;
	padding-left: 18px;
	margin: 8px 12px 18px 0;
	list-style-position: outside;
	font-size: 10px;
}

#services #category #description ul li
{
	margin-bottom: 4px;
}

#services #category #description ul li b
{
	color: #c60;
}

/* --------------------------------------------------------------------
	News
-------------------------------------------------------------------- */

#pagebody #news
{
	margin-top: 48px;
	margin-left: 48px;
	margin-right: 112px;
}

#news p { margin-bottom: 18px; }

#news a.titlelink:link, #news a.titlelink:visited
{
	display: block;
	margin: 0 0 2px 0;
	font-weight: bold;
	color: #994d00;
	text-decoration: none;
}

#news a.titlelink:visited { color: #666; }
#news a.titlelink:hover { color: #e69c00; }

#news #article
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #666;
}

#news #article p
{
	margin-top: 0;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
}

#news #article ul { margin-top: 4px; }

#news #article .imagearea_right
{
	float: right;
	width: auto;
	margin-left: 12px;
}

#news #article .imagearea_right p
{
	margin: 0;
	text-align: center;
	color: #666;
}

#news #article h1
{
	margin-top: 24px;
	font-size: 14px;
	font-weight: bold;
	color: #994d00;
}

#news #article h3
{
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #e69c00;
}

/* --------------------------------------------------------------------
	About
-------------------------------------------------------------------- */

#pagebody #about
{
	margin-top: 48px;
	margin-left: 24px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
}

#pagebody #about #page_icon {
	display: block;
	float: left;
	margin-right: 36px;
}

#pagebody #about #sectionintro
{
	float: left;
	width: 320px;
	margin-top: 10px;
}

/* --------------------------------------------------------------------
	SAP
-------------------------------------------------------------------- */

#about #studio
{
	padding-left: 155px;
	padding-top: 12px;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: 10px 24px;
}

#about #studio p { width: 340px }
/* --------------------------------------------------------------------
	Dynamics
-------------------------------------------------------------------- */
#about #process 
{
	padding-left: 155px;
	padding-top: 12px;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: 10px 24px;
}

#process #page_title
{
	display: block;
}

#process #copy
{
	width: 320px;
	margin-top: 12px;
	line-height: 18px;
}

/* --------------------------------------------------------------------
	RPO
-------------------------------------------------------------------- */
#about #capabilities 
{
	padding-left: 155px;
	padding-top: 12px;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: 10px 24px;
}

#capabilities #page_title
{
	display: block;
}

#capabilities #copy
{
	width: 360px;
	margin-top: 12px;
	line-height: 18px;
}

#capabilities h2
{
	clear: both;
	margin: 0; padding: 0;
	font-size: 11px;
	line-height: 13px;
	color: #c60;
}

#capabilities ul
{
	display: inline;
	float: left;
	padding: 0;
	padding-left: 18px;
	margin: 0 12px 18px 0;
	width: 148px;
	font-size: 10px;
	list-style-position: outside;
}

/* --------------------------------------------------------------------
	WF
-------------------------------------------------------------------- */

#pagebody #contact
{
	margin-top: 48px;
	margin-left: 48px;
	margin-right: 112px;
}

#pagebody #contact #location h1
{
	font-size: 13px;
	color: #994d00;
}

#pagebody #contact #location p
{
	margin-left: 12px;
	margin-top: 4px;
	margin-bottom: 0;
}

#pagebody #contact #location a:link,
#pagebody #contact #location a:visited
{
	display: block;
	margin-left: 12px;
	margin-top: 12px;
	font-weight: bold;
	color: #994d00;
}

#pagebody #contact #location a:hover
{
	color: #e69c00;
	text-decoration: underline;
}

#pagebody #contact #info { margin-top: 24px; }

#pagebody #contact #info h1
{
	font-size: 13px;
	color: #994d00;
}

#pagebody #contact #info p
{
	margin-left: 12px;
	margin-top: 4px;
	margin-bottom: 0;
}

#pagebody #contact #info a:link,
#pagebody #contact #info a:visited
{
	display: block;
	margin-left: 12px;
	margin-top: 12px;
	font-weight: bold;
	color: #994d00;
}

#pagebody #contact #info a:hover
{
	color: #e69c00;
	text-decoration: underline;
}

#pagebody #contact #contactform { margin-top: 24px; }

#contactform h1
{
	font-size: 13px;
	color: #994d00;
}

#contactform p { margin-left: 12px; }
#contactform .error { color: #f00; }
#error404 { margin-top: 24px; }

/* --------------------------------------------------------------------
	Text/Copy Styles
-------------------------------------------------------------------- */

a:link, a:visited
{
	color: #994d00;
	text-decoration: none;
}

a:hover { color: #e69c00; }

a.pagenav:link, a.pagenav:visited
{
	display: block;
	padding: 12px 0px 12px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #994d00;
}

a.pagenav:hover { color: #e69c00; }

.bodycopy
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

.smallcopy
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
}

.tinycopy
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
}

p#first {
	margin-top: 0;
}

#sectionintro p
{
	line-height: 175%;
}

.imgthumbrt
{
	float: right;
	margin-top: 4px;
	margin-left: 8px;
}

.imgthumblt
{
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}

.errorcopy { color: #f00; }

ul.nobullets {
	list-style-type: none;
	padding-left: 24px;
}

ul.nobullets li {
	margin-top: 12px;
}

ul.nobullets li b {
	color: #994d00;
}

p.nowrap {
	white-space: nowrap;
}