@import "common.css";

body {
	background: #fff url(../images/bkg-page-topfade_new.jpg) repeat-x top;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
	font-family: "lucida grande",arial,helvetica,tahoma,verdana,sans-serif;
	font-size: 13px;
	color: #2e5276;
}
a {
	color: #06c;
}
a:hover {
	color: #91cf38;
}


/* Main Page Wrapper 
---------------------------------------------------------------------------------- */

#wrapper {
	width: 974px;
	margin: 0 auto;
	text-align: left;
}

/* Top Page Naviation
---------------------------------------------------------------------------------- */

#topnav {
	position: relative;
	width: 974px;
	height: 89px;
}
#topnav a {
	display: block;
	background-image: url(../images/bkg-navbar_new.jpg);
	height: 89px;
	text-indent: -9000px;
	overflow: hidden;
	outline: none;
	float: left;
}
#topnav a.logo { background-position: 0 0; width: 248px; }
#topnav a.logo:hover { background-position: 0 -89px; width: 248px; }

#topnav a.services { background-position: -248px 0; width: 116px; }
#topnav a.services:hover { background-position: -248px -89px; }
#topnav a.services.selected { background-position: -248px -178px; }

#topnav a.approach { background-position: -364px 0; width: 117px; }
#topnav a.approach:hover { background-position: -364px -89px; }
#topnav a.approach.selected { background-position: -364px -178px; }

#topnav a.clients { background-position: -481px 0; width: 109px; }
#topnav a.clients:hover { background-position: -481px -89px; }
#topnav a.clients.selected { background-position: -481px -178px }

#topnav a.resources { background-position: -590px 0; width: 131px; }
#topnav a.resources:hover { background-position: -590px -89px; }
#topnav a.resources.selected { background-position: -590px -178px; }

#topnav a.aboutus { background-position: -721px 0; width: 121px; }
#topnav a.aboutus:hover { background-position: -721px -89px; }
#topnav a.aboutus.selected { background-position: -721px -178px; }

#topnav a.contact { background-position: -842px 0; width: 132px; }
#topnav a.contact:hover { background-position: -842px -89px; }
#topnav a.contact.selected { background-position: -842px -178px; }


/* Main Content & Bottom
---------------------------------------------------------------------------------- */

.content-main {
	background: url(../images/bkg-content-b.jpg) repeat-y;
	padding: 0 8px;
}
.content-btm {
	background: url(../images/bkg-content-btm.jpg) no-repeat;
	height: 18px;
	overflow: hidden;
}


/* Two-Column Inner Content 
---------------------------------------------------------------------------------- */

#content {
	width: 620px;
	margin: 20px 0 0 66px;
	line-height: 1.6em;
	float: left;
}

#content h2{ font-size: 18px; font-weight: normal; margin-bottom:0px; color: #076db5; }

#content hr{ color: #91cf38; background-color: #91cf38; border: none; height:2px }

#content hr.grey{ color: #000; background-color: #f1f1f1; border: none; height:2px }


/* Two-Column Inner Content 
---------------------------------------------------------------------------------- */

#content-full {
	padding: 20px 38px 20px 75px;
	line-height: 1.6em;
}

a.pdf {
	display: block;
	background: url(../images/pdf_icon_16.gif) no-repeat left;
	padding-left: 20px;
}

/* Sidebar Nav
---------------------------------------------------------------------------------- */

#sidebar {
	width: 200px;
	margin-right: 30px;
	padding-top: 20px;
	float: right;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	padding: .5em 0;
	border-bottom: 2px dotted #ccc;
}
#sidebar ul li a {
	display: block;
	background: url(../images/bkg-arrow-gry-right.gif) no-repeat right;
}

#sidebar ul li a:hover {
	display: block;
	background: url(../images/bkg-arrow-grn-right.gif) no-repeat right;
}
#sidebar a.selected, #sidebar a.selected:hover{
	display: block;
	background: url(../images/bkg-arrow-gry-left.gif) no-repeat left;
	padding-left: 12px;
	text-decoration: none;
	color: #666;
}
#sidebar a.pdf {
	display: block;
	background: url(../images/pdf_icon_16.gif) no-repeat left;
	padding-left: 20px;
}

/* Page Titlebar
---------------------------------------------------------------------------------- */

#titlebar {
	position: relative;
	background: url(../images/bkg-titlebar.jpg) no-repeat;
	height: 70px;
	margin-top: 16px;
}
#titlebar h2 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #2f8400;
}
#titlebar #crumbar {
	position: absolute;
	top: 24px;
	left: 75px;
	width: 800px;
	height: 24px;
	font-size: 24px;
}
#titlebar #crumbar span {
	background: url(../images/bkg-titlebar-arrow.jpg) no-repeat right;
	padding-right: 40px;
	margin-right: 20px;
	color: #2f8400;
}
#titlebar #crumbar a {
	text-decoration: none;
}

#titlebar a#getstarted {
	position: absolute;
	top: 15px;
	right: 30px;
	display: block;
	background: url(../images/btn-getstarted.jpg) no-repeat 0 0;
	width: 123px;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
}
#titlebar a#getstarted:hover {
	background-position: 0 -48px;
}

#titlebar a#getarticles{
	position: absolute;
	top: 15px;
	right: 30px;
	display: block;
	background: url(../images/btn-getarticles.jpg) no-repeat 0 0;
	width: 123px;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
}
#titlebar a#getarticles:hover {
	background-position: 0 -48px;
}


/* Page Footer 
---------------------------------------------------------------------------------- */

#footer {
	position: relative;
	background: url(../images/bkg-footer.jpg) repeat-x;
	height: 260px;
	margin: 5px 0;
}
#footer strong {
	font-size: 1.3em;
	font-weight: bold;
	color: #6a6a6a;
}
#footer ul {
	margin: 0;
	padding: 6px 0 0 0;
}
#footer ul li {
	list-style: none;
	padding: 4px 0;
	line-height: 1em;
}
#footer ul li a {
	text-decoration: none;
	color: #666;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-left {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bkg-footer-left.jpg) no-repeat;
	width: 26px;
	height: 260px;
}
#footer-right {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/bkg-footer-right.jpg) no-repeat;
	width: 26px;
	height: 260px;
}
#footer-copyright {
	position: absolute;
	font-size: .9em;
	top: 20px;
	left: 50px;	
	width: 300px;
	color: #999;
	cursor: default;
}
#footer-definition {
	position: absolute;
	font-size: .9em;
	top: 17px;
	right: 60px;
	width: 550px;
	text-align: right;
	color: #999;
	cursor: default;
}
#footer-services {
	position: absolute;
	top: 65px;
	left: 50px;	
}
#footer-approach {
	position: absolute;
	top: 65px;
	left: 300px;
}
#footer-about {
	position: absolute;
	top: 65px;
	left: 550px;
}
#footer-resources {
	position: absolute;
	top: 65px;
	left: 800px;
}

#footer-logos {
	position: absolute;
	bottom: 20px;
	right: 60px;
	background: url(../images/bkg-footer-logos.jpg) no-repeat right;
	width: 345px;
	height: 20px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
}

/* CSS3 Styled Buttons */
			
.addthis_share_btn a, .addthis_share_btn a:visited {
    background: #222 url(../images/btn-overlay.png) repeat-x;
    display: inline-block; 
    padding: 6px 12px; 
    font-family: arial,helvetica,lucida,verdana,sans-serif;
    font-size: 12px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;	
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: absolute;
    cursor: pointer;
	margin-right:40px;
	margin-top:26px;
	z-index:100;
	left:854px;
	top:0px;
}
.addthis_share_btn a:hover { background-color: #111; color: #fff; }
.addthis_share_btn a:active { top: 1px; }

.addthis_share_btn a span, .addthis_share_btn:visited a span {
    background: url(../images/icon-addthis.gif) no-repeat left;
    padding: 1px 0 1px 18px;
}

/* Button Sizes */

.at_medium.addthis_share_btn a, .at_medium.addthis_share_btn a:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	
/* Button Colors */

.addthis_share_btn.at_green a, .addthis_share_btn.at_green a:visited { background-color: #91bd09; }
.addthis_share_btn.at_green a:hover { background-color: #749a02; }

.addthis_share_btn.at_blue a, .addthis_share_btn.at_blue a:visited { background-color: #0183de; }
.addthis_share_btn.at_blue a:hover { background-color: #166195; }