/*
HigherSites Corporate website 2010
Designed, built and written Nov 09
Author: Tom Wittlin @tomwittlin

body / base classes 
The new green: #7FB913
*/
BODY {
	background: url(/bgs/body-bg.png) repeat-x #F1F0EB;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;
	font-size: 14px;
	color: #2d2d2d;
}
A {
	text-decoration: none;
	color: #06C
}
A:hover {
	text-decoration: none;
	border-bottom: 1px solid #06C;
}
EM {
	font-style: italic;
}
SMALL {
	font-size: small;
}
P {
	margin: 10px 0 10px 0;
	padding: 0;
	line-height: 140%;
}
STRONG {
	font-weight: bold;
}

#global {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: url(/bgs/toolbar-stars-distant.png) 20px 60px no-repeat;
}
#visor {
	height: 32px;
	float: left;
	clear: both;
	padding: 15px 0 0 0;
	color: #999999;
	text-shadow: 0 -1px 0 #000000;
	width: 960px;
}
#visor A {
	color: #7FB913;
	text-decoration: none;
	border: none
}
#navPanel {
	clear: both;
	height: 186px;
}
#navPanel2 {
	height: 126px;
	clear: both;
}
#hero {
	background: url(../bgs/main_home_hero.png) no-repeat;
	width: 960px;
	margin-top: -30px;
	height: 281px;
	color: #FFFFFF;
	margin-bottom: 50px;
}
#textpage-leftCol {
	float: left;
	width: 230px;
	margin-left: 10px;
	position: relative;
	padding-top: 30px;
}
#textpage-rightCol {
	float: left;
	width: 630px;
	min-height: 500px;
	background: url(/bgs/textpage-articlebg2.png) no-repeat;
	padding: 0 0 0 90px;
}
/* side navigation */
UL#subnav {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-top: 1px solid #CCCCCC;
	width: 240px;
}
#subnav LI {
	padding: 0;
	clear: both;
	display: block;
	margin: 0;
}
#subnav LI A {
	color: #2D2D2D;
	padding: 8px 0 8px 4px;
	border-top: 1px solid #FFFFFF;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	font-weight: bold;
}
#subnav LI A:hover {
	color: #2D2D2D;
	padding: 9px 0 9px 4px;
	background: url(../bgs/sidebar-selected.png) no-repeat;
	width: 255px;
	display: block;
	border-top: none;
	border-bottom: none;
}
#subnav LI A.active {
	color: #2D2D2D;
	padding: 9px 0 9px 4px;
	background: url(../bgs/sidebar-selected.png) no-repeat;
	width: 255px;
	display: block;
	border-top: none;
	border-bottom: none;
}
/* super headers */
H1 {
	font: 36px 'Aller Regular', Arial bold, sans-serif;
	font-weight: bold;
	letter-spacing: -1.25px;
	text-shadow: 0 -1px 0 #000000;
	color: #F1F0EB
}
H2 {
	font: 19px 'Aller Regular', Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-bottom: 15px;
}
H2 a {
	color: #2d2d2d;
	border-bottom: none
}
H2 a:hover {
	color: #999;
	border-bottom: none
}
H2.pagetitle {
	font: 30px 'Aller Regular', Arial, sans-serif;
	letter-spacing: -1px;
	/* color: #80BA13; */
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	border-bottom: 4px solid #80BA13;
	padding: 0;
	margin: 0 0 15px 0;
}
H3 {
	font: 19px 'Aller Regular', Arial, sans-serif;
	letter-spacing: -1px;
	text-shadow: 0 -1px 0 #000000;
	color: #F1F0EB;
	line-height: 120%;
}
H3.navhead {
	letter-spacing: -1px;
	text-shadow: 0 -1px 0 #fff;
	line-height: 120%;
	color: #333;
	margin: -18px 0 20px 0;
	padding: 0
}
H3.intropara {
	font: 24px Arial, sans-serif;
	letter-spacing: -1px;
	text-shadow: none;
	color: #333333;
	line-height: 140%;
}
H4 {
	font: 19px Arial, sans-serif;
	letter-spacing: -1px;
	color: #333333;
	line-height: 140%;
	clear: both;
	margin-top: 20px;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
}
H4.callout {
	font: 19px Arial, sans-serif;
	letter-spacing: -1px;
	color: #333333;
	line-height: 140%;
	margin: 20px 50px 20px 60px;
	font-style: italic;
	border-bottom: 1px dotted #999999;
	border-top: 1px dotted #999999;
	width: 480px;
	padding: 15px;
	text-shadow: none;
}
H4.profile {
	letter-spacing: -1px;
	color: #333333;
	line-height: 140%;
	border-bottom: 1px dotted #999999;
	text-shadow: none;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
H5 {
	font: 16px Arial, sans-serif;
	letter-spacing: -0.5px;
	color: #333333;
	line-height: 140%;
	font-weight: bold;
	padding: 10px 0 5px 0;
}
/* primary navigation */
UL#globalNav {
	float: right;
	width: 640px;
	padding: 0;
	margin: 40px 0 0 0;
}
#globalNav LI {
	float: left;
	margin: 0 7px 0 0;
}
#globalNav LI A {
	font: 19px 'Aller Regular', Arial, sans-serif;
	height: 41px;
	color: #2D2D2D;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	display: block;
	border: none;
}
#globalNav LI#home A {
	width: 50px;
	height: 22px;
	padding: 10px;
	color: #7FB913;
}
#globalNav Li#home A:hover {
	background: url(/bgs/home-over.png) no-repeat;
}
#globalNav Li#home A.active {
	background: url(/bgs/home-over.png) no-repeat;
}
#globalNav LI#about A {
	width: 79px;
	height: 42px;
	padding: 10px;
	color: #7FB913;
}
#globalNav LI#about A:hover {
	background: url(/bgs/about-over.png) no-repeat;
}
#globalNav LI#about A.active {
	background: url(/bgs/about-over.png) no-repeat;
}
#globalNav LI#services A {
	width: 76px;
	height: 42px;
	padding: 10px;
	color: #7FB913;
}
#globalNav LI#services A:hover {
	background: url(/bgs/services-over.png) no-repeat;
}
#globalNav LI#services A.active {
	background: url(/bgs/services-over.png) no-repeat;
}
#globalNav LI#portfolio A {
	width: 79px;
	height: 42px;
	padding: 10px;
	color: #7FB913;
}
#globalNav LI#portfolio A:hover {
	background: url(/bgs/portfolio-over.png) no-repeat;
}
#globalNav LI#portfolio A.active {
	background: url(/bgs/portfolio-over.png) no-repeat;
}
#globalNav LI#contact A {
	width: 94px;
	height: 42px;
	padding: 10px;
	color: #7FB913;
}
#globalNav LI#contact A:hover {
	background: url(/bgs/contact-over.png) no-repeat;
}
#globalNav LI#contact A.active {
	background: url(/bgs/contact-over.png) no-repeat;
}
#globalNav LI#knowledge a {
	width: 94px;
	height: 42px;
	padding: 10px;
	color: #7FB913;
}
#globalNav LI#knowledge a:hover {
	background: url(/bgs/contact-over.png) no-repeat;
}
#globalNav LI#knowledge a.active {
	background: url(/bgs/contact-over.png) no-repeat;
}
UL#linkIcons {
	margin: -5px 0 0 0;
	float: right;
	padding: 0;
	list-style: none;
	width: 312px;
}
#linkIcons LI {
	float: right;
	margin-right: 15px;
	padding-top: 5px;
}
#linkIcons LI:last-child {
	float: right;
	padding-top: 5px;
}
#linkIcons LI IMG {
	float: left;
	margin-right: 5px;
	border: none;
	padding: 0;
	margin-top: 0px;
}
.pricetable {
	width: 100%;
	border-collapse: collapse;
}
.pricetable th {
	text-align: left;
	font-size: 16px;
	background: #FFF;
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #999;
}
.pricetable td {
	border-bottom: 1px dotted #000;
	padding: 10px;
}
.centralnotification {
	float: left;
	margin: 10px 20px 20px 20px;
	width: 540px;
	background: #FFF;
	padding: 15px 15px 20px 15px;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.leftnotification {
	float: left;
	width: 280px;
	background: #FFF;
	padding: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 20px;
}
.rightnotification {
	float: right;
	width: 280px;
	background: #FFF;
	padding: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 20px;
}
/* old classics */
.clearBoth {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth10 {
	clear: both;
	margin-bottom: 10px;
}
.clearBoth20 {
	clear: both;
	margin-bottom: 20px;
}
.divide {
	clear: both;
	border-bottom: 1px dotted #999999;
	margin: 20px 0 20px 0;
}
.imgLeft {
	float: left;
	margin: 0 20px 0 0;
}
.imgRight {
	float: right;
	margin: 0 0 0 20px;
}
/* specifics */
.moreInfoBox {
	clear: both;
	background: #FFFFCC;
	text-align: center;
	border: 1px solid #FFCC66;
	padding: 10px;
	line-height: 140%;
	font-weight: bold;
}
.homeIcon {
	float: left;
	margin-right: 20px;
}
.homeCopy {
	float: left;
	line-height: 140%;
	width: 220px;
}
.CellOne {
	float: left;
	width: 300px;
	margin-right: 30px;
}
.CellTwo {
	float: left;
	width: 300px;
	margin-right: 20px;
}
.CellThree {
	float: right;
	width: 300px;
}
UL.regular {
	margin: 10px 0 10px 20px;
	padding: 10px;
}
.regular LI {
	list-style: square;
	line-height: 140%
}
OL.regular {
	margin: 10px 0 10px 30px;
	padding: 10px;
}
OL.regular LI {
	padding-bottom: 5px;
	list-style: decimal;
}
/* portfolio page */
.portfolio-thumb {
	float: left;
	width: 140px;
	margin: 0 23px 30px 0;
	position: relative;
	font-size: 11px;
	font-weight: bold
}
.portfolio-thumb a {
	color: #2D2D2D
}
.portfolio-thumb img {
	margin-bottom: 5px;
}
.portfolio-holder {
	clear: both;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	float: left;
	padding-top: 10px;
}
.portfolio-holder a {
	border: none;
}
.nomargin {
	margin: 0px;
}
.portfolio-thumb-featured {
	float: left;
	width: 130px;
	margin: 0 20px 20px 0;
	border: 5px solid #CCCCCC;
}
.featured {
	position: absolute;
	right: 0px;
}
/* MOOTOOLS CLASSES */
.tips {
	width: 250px;
	border: 1px solid #424242;
}
.tip-tip {
	color: #33333E;
	width: 250px;
	z-index: 13000;
}
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background-image: url(/img/icons/help.png);
	background-repeat: no-repeat;
	background-position: 230px;
	background-color: #75AB11;
	border-bottom: 3px solid #424242;
}
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #FFFFFF;
}
.ToolTips {
	cursor: help;
}
.addthis_toolbox addthis_default_style a {
	border-bottom: none;
}
/* footer */
#pageSplitFirst {
	clear: both;
	background: #4D4D4D;
	color: #F1F0EB;
}
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}
#pageSplitSecond {
	clear: both;
	background: #2D2D2D;
	border-top: 1px solid #707070;
	color: #F1F0EB;
}
#pageSplitSecond a {
	color: #7FB913;
	border-bottom: 1px dotted #7FB913
}
.entry {
	background: url(/bgs/tweets-bloc.png) no-repeat;
	width: 290px;
	color: #2D2D2D;
	line-height: 130%;
	height: 54px;
	font-size: 11px;
	clear: both;
	margin: 0;
	padding: 5px 5px 0 7px;
}
.entryInfo {
	margin: -5px 0 20px 42px;
	font-size: 11px;
	font-style: italic;
}
.entryInfo A {
	color: #F1F0EB;
}

UL.error {
	color: #535353;
	border: 1px solid red;
	padding: 10px;
	margin: 5px 0 15px 0;
	list-style: disc;
	background: #F1F0EB;
}

UL.error LI {
	list-style: disc;
	margin: 5px 5px 5px 20px;
}

.legalese {
	font-size: 10px;
}
#utils {
	background: url(/bgs/second_overflow-shadow.png) no-repeat;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 40px 0;
	color: #F1F0EB;
}
#utils UL {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#utils UL LI {
	margin-bottom: 9px;
	font-style: italic;
	font-size: small;
}
#utils UL LI A {
	color: #80BA13;
}
/* form fields */
.footerContactText {
	width: 297px;
	background: url(/bgs/footer-form-field.png) no-repeat;
	height: 30px;
	clear: both;
	border: none;
	margin: 5px 0 15px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #2D2D2D;
	padding: 5px 0 0 3px;
}
#footer TEXTAREA {
	width: 290px;
	padding: 5px;
	background: url(/bgs/footer-form-textarea-field.png) no-repeat;
	height: 71px;
	clear: both;
	border: none;
	margin: 5px 0 20px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #2D2D2D;
}
ul.std {
	list-style: circle;
}
.std li {
	margin-bottom: 7px;
}

#portfolioflow-slider {
	width: 305px;
	height: 30px;
	background: url(/bgs/slider-rail.png);
	margin: 170px 0 0 60px;
	position: absolute;
}
#portfolioflow {
	width: 430px;
	height: 250px;
	margin-right: 20px;
	padding-top: 90px;
	position: relative;
	overflow: hidden;
}
#portfolioflow-slider DIV.knob {
	background: url(/bgs/slider-knob.png);
	width: 30px;
	height: 30px;
}
#portfolioflow DIV.portfolioflow-item {
	border-bottom: 1px solid #DAD8CB;	
	border-right: 1px solid #DAD8CB;	
	border-left: 1px solid #DAD8CB;	
	border-top: 1px solid #DAD8CB;		
	display: block;
	position: absolute;
	width: 175px;
	height: 143px;
	left: 0;	
	top: 78px;
	padding: 1px;
	margin: 0;
}
#portfolioflow DIV.portfolioflow-item A {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
}
#portfolioflow DIV.portfolioflow-item IMG {
	width: 175px;
	height: 143px;
	border: none;
	padding: 0;
	margin: 0;
}
ul.portfoliotextlinks {
	margin: 10px 0 0 0;
	padding: 0px;
	list-style: none;
	width: 300px;
	float: left;
	display: block;
}
.portfoliotextlinks li {
	display: block;
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #666666;
}
.portfoliotextlinks li a {
	display: block;
	font-size: 13px;
	border-bottom: none;
	padding-bottom: 4px;
	font-weight: bold;
}
ul.portfoliotextlinks2 {
	margin: 10px 0 0 0;
	padding: 0px;
	list-style: none;
	width: 300px;
	float: right;
	display: block;
}
.portfoliotextlinks2 li {
	display: block;
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #666;
}
.portfoliotextlinks2 li a {
	display: block;
	font-size: 13px;
	border-bottom: none;
	padding-bottom: 4px;
	font-weight: bold;
}
/********
TEAM PROFILES 
*********/
.profileHolder {
	float: left;
	background: url(/bgs/team-profile-footer.png) no-repeat left bottom;
	clear: both;
	margin-bottom: 20px;
}
.profileBox {
	clear: both;
	float: left;
	display: block;
	margin: 20px 0 6px 0;
	background: url(/bgs/team-profile-bg.png) no-repeat;
	width: 621px;
	padding: 10px;
}
.profileImg {
	float: left;
	width: 120px;
}
.profileCopy {
	float: left;
	width: 460px;
	line-height: 140%;
}

label
{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.contact
{
	width: 300px;
	height: 30px;
	color: #2D2D2D;
	font-size: 14px;
	margin-bottom: 10px;
}