/*****Global reset*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial, verdana, sans-serif;
	color:#4f4f4f;
}

/*****Utility******/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*****General Page Elements*****/
body{
    background:#e3e3e3 url(../images/bodyBG.jpg) repeat-x top;
    margin:0;
    color:#4f4f4f;
    font-size:12px;
    line-height:18px;
}
ul{
	list-style-type:none;
}
a, a:link, a:visited, a:hover, a:active{
	color:#fff;
	text-decoration:none;
}
img{
	border:none;
}
p{
	margin:10px 0 0;
}
h1{
	color:#fff;
	font-size:18px;
	position:absolute;
}
#PageHeader img#pageTitleImg{position:absolute; top:0; left:0; border:none;}
#PageHeader h1{top:85px; left:100px;}
h2{
	color:#cf4f09;
	font-size:23px;
	font-family:Verdana, Arial;
	font-weight:normal;
	line-height:1.2em;
}

h3{
	color:#6c7038;
	font-size:12px;
}

h4{
	color:#c67511;
	font-size:12px;
}

h5
{
	display:inline;
	color:#cf4f09;
	font-size:12px;
	font-weight:bold;
}

strong
{
	font-weight:bold;
}
/*****Page Structure*****/
#frame{
    margin:0 auto;
    width:976px;
    height:auto;
    text-align:left;
    background-color:White;
}
#contentWithNav{
	width:956px;
	height:360px;
}
#subHeader{
	width:956px;
	height:204px;
	padding:10px;
}
#contentHomePage{
	width:956px;
	padding:10px;
	background-color:#fff;
}
#contentNoNav{
	width:956px;
	height:360px;
}
/*****Header*****/
#header{
	position:relative;
    width:976px;
    height:64px;
    background-color:#808541;
	text-transform:uppercase;
	color:#fff;
}
ul#headerTopMenu{
    background-color:#6a6f2f;
	width:651px;
	height:22px;
	position:absolute;
	top:0;
	right:0;
	font-size:10px;
}
#header li{
	display:inline;
	color:#fff;
	float:right;
	margin-right:10px;
	padding-top:3px;
}
ul#headerBottomMenu{
	width:651px;
	height:42px;
	position:absolute;
	font-weight:bold;
	top:32px;
	right:0;
	font-size:12px;
}
/*****Home Page Boxes*****/
#solutionsBox{
	width:268px;
	height:301px;
	background:#fff url(../images/homeBody/ourSolutions.gif) no-repeat top left;
	float:left;
	padding:40px 15px 10px 15px;
}
#solutionsBox a{
	color:#4f4e5d;
	font-weight:bold;
}
#solutionsBox table tr.center td{text-align:center;}
#solutionsBox table tr.center td.last{padding-right:10px;}
img.readMore{
	float:right;
	margin-right:20px;
}
#bioBox{
	width:278px;
	height:301px;
	padding:40px 15px 10px 15px;
	background:#fff url(../images/homeBody/meetOurTeam.gif) no-repeat top left;
	margin-left:329px;
}
#bioImg{
	float:left;
	width:106px;
	height:199px;
	text-align:center;
	padding:0 10px 0 0;
}
#bioName{
	font-size:11px;
	color:#c67511;
	text-transform:uppercase;
	line-height:1em;
	display:block;
	padding:5px 0 0 0;
	font-weight:bold;
}

#bioTitle{
	font-size:11px;
	color:#666;
	text-transform:uppercase;
	display:block;
	line-height:1.1em;
	font-weight:bold;
}

p.bio{
	margin-top:5px;
}
#newsBox{
	width:268px;
	height:326px;
	padding:35px 15px 10px 15px;
	background:#fff url(../images/homeBody/inTheNews.gif) no-repeat top left;
	float:right;
}

#newsBox strong, #newsBox a, #newsBox a:link, #newsBox a:visited, #newsBox a:hover, #newsBox a:active{
	color:#4f4e5d;
	font-weight:bold;
}
/*****Footer*****/
#footer{
	position:relative;
	width:956px;
	height:70px;
	background-color:#fff;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	padding:10px;
	clear:both;
}
#copyright
{
	font-weight:bold;
	float:left;
}	
#footNav{
	padding:25px 25px 0 25px;
	width:906px;
	height:45px;
	float:right;
	text-align:right;
	background-color:#b7b7b7;
}
#footNav li{
	display:inline;
	color:#fff;
}

/*****Universal Classes*****/
.green{
	color:#808541;
}
.orange{
	color:#c67511;	
}
.gray{
	color:#4f4e5d;
}
.bold{
	font-weight:bold;
}
.noTop{
	margin:0;
}
.blue{
	color:#3d3d3c;
	font-size:14px;
}

#LeftNav
{
	margin: 15px 0 0 15px;
	float:left;
	width:135px;
	clear:left;
}

#LeftNav li
{
	background: url(/images/sideBar/bullet.gif) no-repeat left 6px;
	padding-left:10px;
	margin-left:10px;
	font-size:12px;
    list-style-type: none;
}

#LeftNav li span.Selected a
{
	font-weight:bold;
	color:#c67511;
}

#LeftNav li a
{
	color:#4f4f4f;
}

/*****Nav Pages*****/
#NavPageBody{
	margin: 15px 45px 15px 145px;
	padding-left:15px;
	border-left: solid 1px #e3e3e3;
}

#NavPageBody a{color:#666; text-decoration:underline;}


#PageHeader
{
	margin:15px 0 0 15px;
	width:946px;
	height:192px;
	background:#3b3a46 url(../images/header/headBack.gif) repeat-x top;
	position:relative;
}
#PageHeader img
{
	border-left:15px solid #fff;
	border-right:15px solid #fff;
}

/*****NoNav Pages*****/
#PageBody{
	margin: 15px 45px 15px 45px;
}

/*****Case Pages*****/
#NavCasePageBody{
	margin: 15px 395px 15px 150px;
	padding-left:15px;
	
}

#NavCasePageBody li {
	margin-left:15px;
	margin-bottom:6px;
	list-style-type:disc;
}

#caseNav{width:100%; margin:0 0 10px 0; padding:0; border-bottom:1px solid #ccc; height:25px;}
	#caseNav li{list-style-type:none !important; float:left; margin:0; }
	#caseNav li a{display:block; background:#ccc; margin-right:2px; font-weight:bold; width:75px; text-align:center; padding:3px 0 3px 0;}
		#caseNav li a:hover{background:#666;}
		#caseNav .current a{background:#c67511; cursor:default;}
		#caseNav .current a:hover{background:#c67511;}

.clientQuote{margin:15px 0 0 0; padding:15px 0 0 0; background:url(../Images/openQuote.gif); background-repeat:no-repeat; background-position: top left;}
	.clientQuote .closeQuote{padding:0 0 15px 0; background:url(../Images/closeQuote.gif); background-repeat:no-repeat; background-position: bottom right;}


#CasePageHeader
{
	margin:15px 0 0 15px;
	width:946px;
	height:190px;
	background:#3b3a46 url(/images/Header/box.gif) no-repeat top left;
	position:relative;
	height:192px;
}

#CasePageHeader H1
{
	top:110px;
}
#CasePageHeader img{ border-left:15px solid #fff; border-right:15px solid #fff;}

#CaseHeaderText{width:310px; float:left;#CasePageHeader img{ border-left:none; border-right:none;} }
	#CaseHeaderText .content{padding:15px 10px 15px 15px;}
	#CaseHeaderText .headerQuote{color:#fff; font-size:15px; line-height:1.4em; font-weight:bold; margin-right:25px;}
	#CaseHeaderText .quoteClient{display:block; font-size:11px; color:#fff; margin:7px 0 0 0 ; font-weight:bold;}
	#CaseHeaderText h2 img {border:none; margin:7px 0 10px 0;}
	#CaseHeaderText h2.johnny{background-image:url(../Images/CaseStudy/Title_Johnny.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.seabear{background-image:url(../Images/CaseStudy/Title_Seabear.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.chefs{background-image:url(../Images/CaseStudy/Title_Chefs.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.mj{background-image:url(../Images/CaseStudy/Title_MJ.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.bistro{background-image:url(../Images/CaseStudy/Title_Bistro.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.nutrisystem{background-image:url(../Images/CaseStudy/Title_Nutrisystem.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.star{background-image:url(../Images/CaseStudy/Title_Star.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.woodcraft{background-image:url(../Images/CaseStudy/Title_Woodcraft.gif); background-repeat:no-repeat;}
	#CaseHeaderText h2.mattress{background-image:url(../Images/CaseStudy/Title_Mattress.gif); background-repeat:no-repeat;}
	#CaseHeaderText h3{font-weight:bold; color:#fff; margin:10px 0 0 0;}
	#CaseHeaderText h3 span{color:#fff; display:block; font-weight:normal; font-size:11px;}
	#CaseHeaderText ul{list-style:disc; margin-top:10px;}
	#CaseHeaderText ul li{color:#fff; font-size:11px; font-weight:bold; margin:0 0 0 15px; }

#CaseHeaderImage{margin:0 0 0 0; float:left;  width:550px;}
#CaseHeaderNav{float:left; width:13px; }
.contentSection{border:none;}
.contentSection ul{margin:10px 0 0 15px;}
.contentSection ul li{margin:0 !important; padding:0 !important;}
#Title
{
	position:absolute;
	top:19px;
	left:20px;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
}

#RightCaseDiv
{
	margin:  15px 0 0 0;
	float:right;
	width:334px;
	padding-right:45px;
}

#WhatTheySay 
{
	background: url(/images/CaseStudy/WhatTheySay.gif) no-repeat;
	width:304px;
	height:204px;
	margin: 15px 0 0 0;
	padding:50px 15px 0 15px;
}

#WhatTheySay img 
{
	float:left;
	padding-right:15px;
}

#SiteAwards 
{
	background: url(/images/CaseStudy/Awards.gif) no-repeat;
	width:304px;
	height:261px;
	margin: 15px 0 0 0;
	padding:50px 15px 0 15px;
}

#SiteAwards ul{margin:0; padding:0;}
	#SiteAwards li {margin-left:15px; font-size:11px; font-weight:bold; margin-bottom:15px; list-style-type:disc; line-height:1.2em;}

#facts 
{
	float:left;
	margin:65px 0 0 15px;
}

#facts li 
{
	list-style-position:inside;
	color:#FFFFFF;
	list-style-type:disc;
	margin:10px 0 0 10px;
}

#facts p 
{
	color:#FFFFFF;
}

#facts b 
{
	color:#FFFFFF;
	font-size:14px;
}

#ScreenshotNav{padding:5px 0 10px 0; margin-bottom:15px;}
	#ScreenshotNav a{padding-top:3px;}
	#ScreenshotNav h4, #ScreenshotNav a{float:left; margin-right:5px; margin-bottom:10px;}
		#ScreenshotNav #landingLink{float:right;}
			#ScreenshotNav #landingLink a{color:#c67511; padding:0;}
/*****Contact Page*****/

#ContactNoNav
{
	padding: 20px 40px 20px 40px;

}


#RightTop
{
	float:right;
	width:389px;
	height:121px;
	background: url(/images/AddressBox.gif) no-repeat;
	padding:20px 0 0 20px; 
}

#LeftTop
{
	float:left;
	width:400px;
}

#ContactTop
{
	border-bottom: solid 1px #e3e3e3;
	padding-bottom:20px;
	height:140px;
}

#BodyLeft
{
	margin-top:15px;
	float:left;
	background: url(/images/help.gif) no-repeat;
	height:253px;
	width:309px;
	padding:50px 15px 0 15px;
}

#BodyForm
{
	width:550px;
	float:left;
}

#ContactForm
{
	text-align:right;
}

.name
{
	font-weight:bold;
}

/*****News Page*****/

#NewsBody
{
	padding-right:300px;
}

#NewsBody h3
{
	display:inline;
}

#NewsBody a
{
	color:Black;
}

#NewsBody li
{
	padding-top:10px;
}

#MoreInfo
{
	margin: 35px 50px 0 0;
	float:right;
	background: url(/images/Info.gif) no-repeat;
	height:201px;
	width:236px;
	padding:50px 15px 0 15px;
}

#MoreInfo a
{
	color:Black;
}

#MoreInfo hr
{
	margin:6px 0 6px 0;
}

#MoreInfo img
{
	margin-bottom:-10px;
}

#MostRecent
{
	margin:0 50px 0 0;
	width:697px;
	padding:15px;
}

#MostRecent a
{
	color:Black;
}

#MostRecent li
{
	list-style-type:disc;
	margin: 10px 0 0 25px;
}

#MostRecent td
{
	vertical-align:top;
}

#jobspage li
{
	list-style-type:disc;
	margin: 10px 0 0 25px;

}

#jobspage a
{
	color:Blue;
}

.WhiteBox 
{
	padding: 20px 0 20px 0;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
}

.ColoredBox
{
		padding: 20px 0 20px 0;
		background-color:#f4eddf;
}

.Boxes p
{
	margin:10px 50px 10px 150px;
}

.Boxes img
{
	float:left;
	margin-top:15px;
}
.Boxes h2
{
	margin:10px 50px 10px 150px;
}
.whatButtons{border-collapse:collapse;}
.whatButtons td{padding:0;}

#whatWeDoServiceListing{
    border:solid 1px #a6ab6d;
    color:#474747;
    }
    
#whatWeDoServiceListing li{
    font-weight:bold;
    }

#whatWeDoServiceListing li#one{
    background-color:#ffeed3;
    }

#whatWeDoServiceListing li#two{
    background-color:#ced1b5;
    }

#whatWeDoServiceListing li#three{
    background-color:#b6aeb5;
    }

#whatWeDoServiceListing li#four{
    background-color:#d5e3e9;
    }

#whatWeDoServiceListing li#one ul{
    background-color:#fff5e6;
    }

#whatWeDoServiceListing li#two ul{
    background-color:#e3e5d5;
    }

#whatWeDoServiceListing li#three ul{
    background-color:#d5d1d5;
    }

#whatWeDoServiceListing li#four ul{
    background-color:#e7eff3;
    }

#whatWeDoServiceListing li ul li{
    border-top:dotted 1px #8e8e8e;
    font-weight:normal;
    padding:2px 0 2px 12px;
    }
    
#General a 
{
	color:Blue;
}

#Content a 
{
	text-decoration:underline;
	color:#8e8e8e;
}

/***** What we Do ****/
#PageHeader img.noBorder{
	border:none;
}

.whatWeDoWindow {
	background: white;
}

.whatWeDoWindow .content{padding:15px;}
.whatWeDoWindow p, .whatWeDoWindow ul{font-size:12px;}
.whatWeDoWindow ul{margin:10px 0 0 0;}
.whatWeDoWindow .content h3{margin:15px 0 15px 0; font-size:16px; color:#666; font-weight:bold;}
.whatWeDoWindow .content h4{margin:15px 0 0 0; font-size:14px; color:#666; font-weight:bold;}
#lightBoxes {
	display: none;
}
.ext-el-mask {
	background-color:#FFFFFF !important;
}

.tabContent > div {
	display: none;
}

.tabContent > div.current {
	display: inline;
}

#noNavContent{padding:15px; margin-right:150px;}
	#noNavContent h3{margin:10px 0 10px 0;}
	#noNavContent ul{margin:10px 0 10px 30px; list-style-type:disc;}
		#noNavContent ul li{margin:0 0 10px 0;}

#profilesFlashContent{margin:15px 0 0 15px; z-index:10;}

#aboutText{width:466px; height:192px; background:#c67511; border-right:15px solid #fff; border-left:15px solid #fff; margin-left:300px;}
	#aboutText .content{padding:15px;}
	#aboutText p{color:#fff; font-size:14px; line-height:1.7em;}

/** link popups **/
span.tt{
    position:relative;
    z-index:24;
    color:#fff;
	font-weight:bold;
	font-size:18px;
    text-decoration:none;
}
span.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
span.tt:hover{ z-index:200; color: #fff; background:;}
span.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:300px;
	color: #fff;
	height:auto;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
span.tt:hover span.top{
	height:11px;
	display: block;
	padding: 0 8px 0;
    background: url(/Images/AboutUs/bubble.png) no-repeat top;
    *background-image:none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/AboutUs/bubble_top.png',sizingMethod='fixed');
    
    /*background:#fff;*/
}
span.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/Images/AboutUs/bubble_filler.gif) repeat-y bottom;
	
	/*background:#fff;*/ 
	font-size:14px;
	font-weight:bold;
	color:#4F4F4F;
}
span.tt:hover span.middle a{
	font-weight:bold;
	text-decoration:underline;
	color:#4F4F4F;
}
span.tt:hover span.bottom{
	height:11px;
	display: block;
	padding:0 8px 10px;
	color: #548912;
    background: url(/Images/AboutUs/bubble.png) no-repeat bottom;
    *background-image:none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/AboutUs/bubble_bottom.png',sizingMethod='fixed');
    /*background:#fff;*/
}

a.caseTitle {
	color:#C67511;
	font-size:18px;
	font-weight:bold;
}




































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */