body {margin-top: 0px; background: url(../images/pattern-bg.gif) repeat; height: 100%;  font-family: verdana; font-size: 12px;}
#container { 
	margin: 0 auto;
	width: 852px;
}
/* --- NAV --- */
#nav{
	color:#FFFFFF;
	height:200px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}
#nav a:link, #nav a:visited{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#nav a:hover{ color:#FFE8A3;}
.navbtn{
	margin: 0px 0px 5px 25px;
	background:url(../images/nav-btn.jpg) no-repeat; height: 27px; width: 149px;
	text-align:center;
	line-height:28px;
	color:#FFFFFF;
}

/* --- HEADER --- */
#header {
	width: 852px;
	height: 192px;
	float:left;
}
#header-left{
	position: relative;
	float:left;
}
#header-right {
	position: relative;
	float: left;
	height: 192px;
	width: 601px;
	background-color:#FFFFFF;
	background-image:url(../images/1x1white.gif) repeat;
}
#header-right-top{
	position: relative;
	background-color: #ffffff;
	background-image:url(../images/header-right-top.jpg) no-repeat;
	height:104px;
	width:601px;
	float:left;
}
#header-right-btm{
	position: relative;
	height: 48px;
	width:601px;
	float:left;
}
/* --- MIDDLE --- */
#middle{
	background:url(../images/main-bg.gif) repeat-y;
	position: relative;
	float:left;
	height: 100%;
	width: 852px;
	clear: both;
}
.prop{
	float: left;
	width: 1px;
	height: 100%;
}
/* --- LEFT COLUMN --- */
#leftcolumn {
	position:relative;
	color: #FFFFFF;
	width: 221px;
	height: 100%;
	float: left;
}
/* --- RIGHT COLUMN --- */
#rightcolumn { 
	position: relative;
	float: left;
	color: #333;
	background: #FFFFFF;
	width: 615px;
	text-align: justify;
	margin-right: 10px;

}
.justify {
	text-align: justify;
}
#recentwork {
	background:url(../images/recentwork_bg.gif) no-repeat;
	position: relative;
	width: 600px;
	height: 300px;
	margin: 0;
}
#recentwork_sub1 {
	position: absolute;
	left: 20px;
	top: 41px;
	width: 176px;
	height: 250px;
	text-align: left;
}

#recentwork_sub2 {
	position: absolute;
	left: 212px;
	top: 42px;
	width: 176px;
	height: 250px;
	text-align: left;
}

#recentwork_sub3 {
	position: absolute;
	left: 402px;
	top: 42px;
	width: 176px;
	height: 250px;
	text-align: left;
}
.recentwork_title {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}
.recentwork_desc {
	font-size: 10px;
	color: #8ab8e5;
}
#recentwork_moreinfo a{
	position: absolute;
	font-size: 10px;
	color: #8ab8e5;
	bottom: 20px;
	left: 100px;
}

#rightcolumn-rt{
	border-left: 1px solid #cccccc;
	position:relative;
	float:left;
	width:203px;
}
#rightcolumn-lt{
	position: relative;
	float:left;
	width:400px;
	border-right: 1px solid #cccccc;
}
/* --- FOOTER --- */
#footer { 
	width: 852px;
	color: #09164E;
	font-size:10px;
	text-align:center;
	line-height:10px;
	background: #FFE8A3;
	float:left;
	clear: both;
}
#footer a:link, #footer a:visited{
	font-size:10px;
	color:#09164E;
	text-align:center;
	line-height:18px;
	text-decoration:none;
}
#footer a:hover{ color:#475077;}


.feature {
	font-size: 11px;
	color: #475077;
}

h1.one{
	color: #86BC86;
	}

h1.two {
	color: #4570B7;
	}

h1.three {
	color: #d18675;
	}

p {
	text-align: justify;
	}

	a {
	color: #0200A9;
	text-decoration: none;
}
a:hover {
	color: #0200A9;
	text-decoration: underline;
}





/*we may remove these styles*/

/*home page boxes*/

#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10 {
	width:280px;
	float:left;
	margin:9px 9px 0 0;
}

a.hBox {
	text-decoration:none !important;
	display:block;
	width:280px;
	height:210px;
	cursor:pointer;
	color:#000000;
}

a.hBox:hover {
	text-decoration:none !important;
	background-color:#e8e8cd !important;
	color: #000000;
}

a.pBox {
	text-decoration:none !important;
	display:block;
	width:280px;
	height:180px;
	cursor:pointer;
	color:#000000;
}

a.pBox:hover {
	text-decoration:none !important;
	background-color:#010066 !important;
	color: #ffffff;
}

.cContainer div span {
	display:block;
}

.h2 {
	width:280px;
	height:80px;
	background-position:4px 4px;
	background-repeat:no-repeat;
}

.copy, .sLink {
	font-size: 10px;
	padding:5px 4px 0 4px;
	display:block;
}

.sLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* height:20px; */
}

.wl, .h2 {
	text-indent: -9999em;
	font: 1px/1px sans-serif;
}

.dv {
	display:block !important;
	width:100%;
	height:18px;
	background-image:url(../../../images/layout/home-div.gif);
	clear:both;
}

.wl {
	background-color:#FFFFFF !important;
	background-image:none !important;
	height:3px !important;
	clear:none !important;
}

#s1 {
	background-color:#aaba80;
}

#s1 .h2 {
	background-image:url(/images/sol_img1b.gif);
}

#s2 {
	background-color:#ffe054;
}

#s2 .h2 {
	background-image:url(/images/sol_img2b.gif);
	margin-right:0 !important;
}

#s3 {
	background-color:#8895b9;
}

#s3 .h2 {
	background-image:url(/images/sol_img3b.gif);
}

#s4 {
	background-color:#e5ab59;
	margin-right:0 !important;
}

#s4 .h2 {
	background-image:url(/images/sol_img4b.gif);
}

#s5 {
	background-color:#86BC86;
}

#s5 .h2 {
	background-image:url(/images/sol_img5b.gif);
}

#s6 {
	background-color:#d18675;
}

#s6 .h2 {
	background-image:url(/images/sol_img6b.gif);
}

#s7 {
	background-color:#E3BE4F;
}

#s7 .h2 {
	background-image:url(/images/sol_img7b.gif);
}

#s8 {
	background-color:#719fec;
}

#s8 .h2 {
	background-image:url(/images/sol_img8b.gif);
}

#s9 {
	background-color:#ffe054;
}

#s9 .h2 {
	background-image:url(/images/sol_img9b.gif);
}
#s10 {
	background-color:#8895b9;
}

#s10 .h2 {
	background-image:url(/images/sol_img10b.gif);
}






/*people page boxes*/

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8 {
	width:203px;
	float:left;
	margin:9px 9px 0 0;
}


a.pBox {
	text-decoration:none !important;
	display:block;
	width:203px;
	height:180px;
	cursor:pointer;
	color:#000000;
}

a.pBox:hover {
	text-decoration:none !important;
	background-color:#010066 !important;
	color: #ffffff;
}


#p1 {
	background-color:#ffe054;
}

#p1 .h2 {
	background-image:url(/images/staff/cheryl_6.gif);
}

#p2 {
	background-color:#86BC86;
}

#p2 .h2 {
	background-image:url(/images/staff/ben_1.gif);
	margin-right:0 !important;
}

#p3 {
	background-color:#4570B7;
}

#p3 .h2 {
	background-image:url(/images/staff/aj_1.gif);
}

#p4 {
	background-color:#e5ab59;
	margin-right:0 !important;
}

#p4 .h2 {
	background-image:url(/images/staff/blake_2.gif);
}

#p5 {
	background-color:#aaba80;
}

#p5 .h2 {
background-image:url(/images/staff/john_3.gif);
}

#p6 {
	background-color:#d18675;
}

#p6 .h2 {
	background-image:url(/images/staff/gail_1.gif);
}

#p7 {
	background-color:#E3BE4F;
}

#p7 .h2 {
	
}

#p8 {
	background-color:#8895b9;
}

#p8 .h2 {
	background-image:url(/images/staff/charlie_1.gif);
}


/*case studies boxes*/


#c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8 {
	width:280px;
	float:left;
	margin:9px 9px 0 0;
}


a.cBox {
	text-decoration:none !important;
	display:block;
	width:280px;
	height:210px;
	cursor:pointer;
	color:#000000;
}

a.cBox:hover {
	text-decoration:none !important;
	background-color:#010066 !important;
	color: #ffffff;
}


#c1 {
	background-color:#ffe054;
}

#c1 .h2 {
	background-image:url(/images/caseStudies/cs_img1.gif);
}

#c2 {
	background-color:#86BC86;
}

#c2 .h2 {
	background-image:url(/images/caseStudies/cs_img1b.gif);
	margin-right:0 !important;
}

#c3 {
	background-color:#91b5f0;
}

#c3 .h2 {
	background-image:url(/images/caseStudies/cs_img2b.gif);
}

#c4 {
	background-color:#e5ab59;
	margin-right:0 !important;
}

#c4 .h2 {
	background-image:url(/images/caseStudies/cs_img3b.gif);
}

#c5 {
	background-color:#aaba80;
}

#c5 .h2 {
	background-image:url(/images/caseStudies/cs_img7b.gif);
}

#c6 {
	background-color:#d18675;
}

#c6 .h2 {
	background-image:url(/images/caseStudies/cs_img4b.gif);
}

#c7 {
	background-color:#E3BE4F;
}

#c7 .h2 {
	background-image:url(/images/caseStudies/cs_img9b.gif);
}

#c8 {
	background-color:#8895b9;
}

#c8 .h2 {
	background-image:url(/images/caseStudies/cs_img8b.gif);
}

blockquote {
	background-image: url(/images/left_quote.gif);
	background-repeat: no-repeat;
	float: left;
	width: 450px;
	margin: 0 0.7em 0 0;
	padding: 10px 0 0 27px;
	font-size: 1.2em;
	font-style: italic;
	color: black;
}

blockquote p {
	margin: 0;
	padding: 0 22px 10px 0;
	width: 425px;
	text-align: justify;
	line-height: 1.3em;
	background-image: url(/images/right_quote.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}