/*@group ---- HTML Elements ---- */
body, html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:"trebuchet MS", trebuchet ms, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #a1a1a1;
}

body
{
	background: #fff url(../images/body/bodyBkg.gif) repeat-x left top;
}

a
{
	color:#b4591c;
	/* text-transform:uppercase; */
	font-size:10px;
	text-decoration:none;
}

a:hover, .jLink:hover
{
	color:#333333;
}

.jLink
{
	color:#b4591c;
	cursor:pointer;
}

.standalone-link
{
	margin-top:20px;
	margin-bottom:20px;
	display:block;
}

p a, .post a, dd a
{
	text-transform:none;
	font-size:1em;
}

a img
{
	border:none;
}

h4
{
	padding:0px;
	margin:0px;
	color: #b4591c;
	font-weight:bold;
	font-size:14px;
}

h5
{
	padding:0px;
	margin:0px;
	color:#9f9c9c;
}

p
{
	padding:0px;
	margin:0px;
	color:#666;
	font-size:11px;
}

dt
{
	color:#b4591c;
	padding-left:15px;
	white-space:nowrap;
}

dd
{
	color:#666;
	padding-bottom:10px;
	margin-bottom:5px;
}
/*@end ---- HTML Elements ---- */

/*@group ---- Layout Wrappers ---- */
#main-wrapper
{
	width:100%;
	height:100%;
}

#content-wrapper
{
	width: 810px;
	height:100%;
	margin:0 auto;
}

#header
{
	text-align:center;
	padding-top:15px;
}

#middle-content
{
	padding:0;
}

h3
{
	margin:0px;
	height:52px;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: 17px center;
}

#footer
{
	text-align:center;
	height:30px;
	font-size: 12px;
}

#footer a
{
	color:#b4591c;
	text-transform: lowercase;
	font-size: 12px;
	text-decoration: none;
}
/*@end ---- Layout Wrappers ---- */

/*@group ---- Common Elements ---- */
#main-logo h1
{
	text-indent:-9999px;
	width: 582px;
	height:98px;
	background:url(../images/body/mainLogo.png) no-repeat center center;
	margin: 0 auto;
}
/*@end ---- Common Elements ---- */

/*@group ---- Main Nav ---- */
#main-nav
{
	list-style: none;
	padding: 0;
	margin:0;
	height:58px;  /* original 71 */
}

#main-nav li
{
	float: left;
	padding: 0;
	margin:0;
	text-indent: -9999px;
	cursor: pointer;
}

#main-nav #philosophy h2
{
	background: url(../images/nav/philoshopyUp.png) no-repeat left top;
	width: 271px;
	height: 58px;
	margin:0px;
}

#main-nav #philosophy h2.selected
{
	background: url(../images/nav/philoshopyDown.png) no-repeat left top;
}

#main-nav #portfolio h2
{
	background: url(../images/nav/portfolioUp.png) no-repeat left top;
	width: 266px;
	height: 58px;
	margin:0px;
}

#main-nav #portfolio h2.selected
{
	background: url(../images/nav/portfolioDown.png) no-repeat left top;
}

#main-nav #people h2
{
	background: url(../images/nav/peopleUp.png) no-repeat left top;
	width: 273px;
	height: 58px;
	margin:0px;
}

#main-nav #people h2.selected
{
	background: url(../images/nav/peopleDown.png) no-repeat left top;
}
/*@end ---- Main Nav ---- */

/*@group ---- home page ---- */
#home-wrapper
{
	list-style: none;
	padding: 0;
	margin:0;
	height: 250px;
}

#home-wrapper li
{
	float: left;
	padding: 0;
	margin:0;
	text-indent: -9999px;
	cursor: pointer;
}

#home-main
{
	background: url(../images/home/home-body.png);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 800px;
	height: 340px;
	margin:0px;
}

#home-main #philosophy-home h2
{
	background: url(../images/home/philosophy1.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 200px;
	height: 200px;
	margin-top:11px;
	margin-left:25px;
	margin-right:35px;
	margin-bottom:0px;
}

#home-main #portfolio-home h2
{
	background: url(../images/home/portfolio1.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 200px;
	height: 200px;
	margin-top:11px;
	margin-left:40px;
	margin-right:50px;
	margin-bottom:0px;
}

#home-main #people-home h2
{
	background: url(../images/home/people1.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 200px;
	height: 200px;
	margin-top:11px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}

#home-main #whywedo h2
{
	background: url(../images/home/whywedo.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 200px;
	height: 50px;
	margin-top:25px;
	margin-left:25px;
	margin-right:35px;
	margin-bottom:0px;
	visibility: hidden;
}

#home-main #whatwedo h2
{
	background: url(../images/home/whatwedo.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 200px;
	height: 50px;
	margin-top:25px;
	margin-left:40px;
	margin-right:50px;
	margin-bottom:0px;
	visibility: hidden;
}

#home-main #whoweare h2
{
	background: url(../images/home/whoweare.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 200px;
	height: 50px;
	margin-top:25px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	visibility: hidden;
}
/*@end ---- home page ---- */

#main-content
{
	background: url(../images/body/main-content.png);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 800px;
	height: 625px;
	margin:0px;
}

#philosophy-banner
{
	float: left;
	background: url(../images/philosophy/philosophy-banner.gif);
	background-repeat: no-repeat; 
    background-position: top left; 
	width: 250px;
	height: 200px;
	margin-top:0px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:15px;
}

#philosophy-banner #nav
{
	width: 200px;
	margin-top:165px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}

#people-banner
{
	float: left;
	background: url(../images/people/people-banner.gif);
	background-repeat: no-repeat; 
    background-position: top center; 
	width: 250px;
	height: 200px;
	margin-top:0px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:15px;
}

#people-banner #nav
{
	width: 200px;
	margin-top:165px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}

#portfolio-banner
{
	float: left;
	background: url(../images/portfolio/portfolio-banner.png);
	background-repeat: no-repeat; 
    background-position: top center; 
	width: 250px;
	height: 200px;
	margin-top:0px;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:15px;
}

#portfolio-banner #nav
{
	width: 200px;
	margin-top:140px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}

#nav a
{
	text-indent:2em;
	line-height:3em;
	color:#666666;
	font-size:18px;
	/* text-transform: lowercase; */
}

#nav-item h2
{
	background: url(../images/nav/nav-item.png) no-repeat top left;
	width: 250px;
	height: 50px;
	margin-top:0px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:0px;
	padding: 0px;
	text-indent:2em;
	line-height:3em;
	color:#666666;
	font-size:18px;
}

#nav-item h2.selected
{
	background: url(../images/nav/nav-arrow.png) no-repeat top left;
}

#nav-item a
{
	text-indent:2em;
	line-height:3em;
	color:#666666;
	font-size:18px;
	/* text-transform: lowercase; */
}

#philosophy-content
{
	float: left;
	width: 500px;
	margin-top: 25px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}

#philosophy-content p
{
	margin-bottom:10px;
	text-indent:2em;
	line-height:1.6em;
	color:#666666;
	font-size:12px;
}

#philosophy-content p b
{
	text-transform:uppercase;
	color:#b4591c;
}

#philosophy-content .quote
{
	color: #b4591c !important;
	line-height:1.5em !important;
	font-size:10px !important;
	margin-top:25px;
	width: 300px;
}

#core-content
{
	width: 500px;
}

#core-content #bkg
{
	width: 100px;
	height: 500px;
	float:right;
	background:url(../images/philosophy/technology-bkg.png) no-repeat left top;
}

#technology-content
{
	display: none;
}

#technology-content-bkg
{
	width: 100px;
	height: 500px;
	float:right;
	background:url(../images/philosophy/technology-bkg.png) no-repeat left top;
}

#design-content
{
	display: none;
}

#design-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/philosophy/design-bkg.png) no-repeat left top;
}

#principles-content
{
	display: none;
}

#principles-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/philosophy/principles-bkg.png) no-repeat left top;
}

#philanthropy-content
{
	display: none;
}

#philanthropy-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/philosophy/philanthropy-bkg.png) no-repeat left top;
}

#portfolio-content
{
	float: left;
	width: 500px;
	margin-top: 25px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}

#portfolio-content p
{
	margin-bottom:10px;
	text-indent:2em;
	line-height:1.6em;
	color:#666666;
	font-size:12px;
}

#portfolio-content p b
{
	text-transform:uppercase;
	color:#b4591c;
}

#cloud-content
{
	display: none;
}

/*
#cloud-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	/*background:url(../images/portfolio/cloud-mobile-bkg.png) no-repeat left top;
}
*/

#cloud-content-verbiage
{
	float: left;
	width: 240px;
	color:#666666;
}

.cloud-content-verbiage li
{
	float: left;
	padding: 0;
	margin:0;
	font-size:12px;
	color: #666666;
}

#cloud-content-image
{
	float: right;
	width: 225px;
}

#cloud-mobile-overview
{
	display: none;
}

#cloud-mobile-features
{
	display: none;
}

#cloud-mobile-screencast
{
	display: none;
}

#cloud-mobile-screenshot-nav
{
	height: 15px;
	margin-left: 15px;
	vertical-align: middle;
}

#deck-content
{
	display: none;
}

#deck-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/portfolio/deck-bkg.png) no-repeat left top;
}

#deck-content-verbiage
{
	float: left;
	width: 225px;
}

#deck-content-image
{
	float: right;
	width: 150px;
}

#questions-content
{
	display: none;
}

#questions-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/portfolio/questions-bkg.png) no-repeat left top;
}

#questions-content-verbiage
{
	float: left;
	width: 225px;
}

#questions-content-image
{
	float: right;
	width: 150px;
}

#tennis-content
{
	display: none;
}

#tennis-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/portfolio/tennis-bkg.png) no-repeat left top;
}

#tennis-content-verbiage
{
	float: left;
	width: 225px;
}

#tennis-content-image
{
	float: right;
	width: 150px;
}

#people-content
{
	float: left;
	width: 500px;
	margin-top: 25px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
}

#people-content p
{
	margin-bottom:10px;
	text-indent:2em;
	line-height:1.6em;
	color:#666666;
	font-size:12px;
}

#people-content p b
{
	text-transform:uppercase;
	color:#b4591c;
}

#marc-content
{
	display: none;
}

#marc-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/people/marc-bkg.png) no-repeat left top;
}

#april-content
{
	display: none;
}

#april-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/people/april-bkg.png) no-repeat left top;
}

#sydney-content
{
	display: none;
}

#sydney-content-bkg
{
	width: 100px;
	height: 600px;
	float:right;
	background:url(../images/people/sydneyevie-bkg.png) no-repeat left top;
}

#support-content
{
	width: 400px;
	float: left;
	margin-left: 50px;
	font-size: 16px;
}

#support-content a
{
	font-size: 12px;
}