/* CSS Document */

/* Element defaults - redefine tags */
body				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#443311; margin:0; background:#FFFFFF; line-height:140%;  background:url('/images/header_gradient.jpg') top repeat-x; }
fieldset			{ border:0; margin:0; padding:0; }
p				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#443311; margin:2px 0 10px 0; }
ol, ul, li			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#EA5DA0; }
input				{ font-size: 10px; color: #000000; margin:0; padding:0; float:left; margin-left:4px; }
select, textarea		{ font-size:10px; color:#000000; margin:0; padding:0; }
table				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#000000; }
th				{ font-size:1em; color:#000000; text-align:left; background-color:#B8E4EF; padding:5px 0 5px 0; }
thead				{ display:table-header-group; }
td				{ color:#000000; }
tr				{ color:#000000; }
hr              	   	{ color:#E9E9E9; height:1px; background:#E9E9E9; border:none; clear:both; }
form				{ margin:0; padding:0; }
img				{ border:none; }

h1				{ font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; margin:0; font-size: 37px; color: #2A96C5; font-weight:lighter; line-height:120%; }
h2				{ font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #00A6EC; font-weight: bold;  padding:0; display:inline; line-height:140%; letter-spacing:0.2px; }
h3				{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #006699; font-weight: bold; text-transform: uppercase;  line-height:140%; letter-spacing:0.5px; }
h4				{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 18px; color: #8C9AA8; font-weight:normal; line-height:140%; letter-spacing:0.2px; }
h5				{ font-size: 14px; color: #8C9AA8; font-weight: bold; line-height:140%; }
h6				{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; line-height:140%; color:#00A6EC; letter-spacing:0.5px; }

/* Href elements - redefine A tag (links) */
a			 	{ color: #7FB2CC; text-decoration: none; }
a:hover   			{ color: #7FB2CC; text-decoration: underline; }

/* Structure elements */
/*#divBackgroundFeature		{ width:100%; margin-top:0px; background:url(/images/background_hoperwanda.jpg) no-repeat top center; } added element for feature */
#divContainer			{ width:760px; margin:0 auto; padding-top:15px; position:relative; }
#imgHeaderLogo			{ margin:8px 0 0 50px; float:left; }

#ulTopNav			{ margin:50px 0 0 0; float:right; }
#ulTopNav li			{ display:inline; margin-right:50px; }

#divHomeFeature			{ width:659px; margin:12px 0 0px 50px; padding-top:30px; clear:both; }
#divContentFeature		{ width:659px; margin:12px 0 0px 50px; padding-top:30px; clear:both; }



/* Special elements 20091125 */
div#header			{ width:900px; height:94px; margin:0 auto; position:relative; padding:15px 0 0 0; }

div#specialFeatureBg		{ height:376px; width:100%; padding:0 0 0 0; margin:0 auto; background:url(/images/bg_repeat3.jpg) repeat-x; }
div#specialFeature		{ height:376px; width:900px; margin:0 auto; }

div#featureBtn1			{ position:absolute; top:315px; left:55px; z-index:4; }
div#featureBtn2			{ position:absolute; top:390px; left:518px; z-index:2; }
div#featureBtn3			{ position:absolute; top:440px; left:520px; z-index:3; }

div#featureContentBtn1		{ position:absolute; top:240px; left:59px; z-index:4; }

div#homeContent			{ width:900px; margin:0 auto; position:relative; padding:15px 0 0 0; }
div#footerContainer		{ width:900px; margin:0 auto;  position:relative; }
div#footerGradient		{ margin:0 auto; width:900px; height:62px; clear:both; background:url(/images/footer_bg.jpg) repeat-x; }


div#contentContainer			{ width:900px; margin:0 auto; position:relative; padding:15px 0 0 0; }

div#specialContentFeatureBg		{ height:258px; width:100%; padding:0 0 0 0; margin:0 auto; background:url(/images/bg_repeat3_content.jpg) repeat-x; }
div#specialContentFeature		{ height:258px; width:900px; margin:0 auto; }
div#specialContentFeatureFlash		{ height:258px; margin:0 auto; }

div#signupTitle			{ position:absolute; top:5px; right:227px; z-index:1; }

div#featureiphone		{ position:absolute; top:111px; z-index:7; left:0; width:100%; }

/* Special elements 20091125 ^ */




#divHomeContent			{ width:614px; margin:12px 0 30px 75px; clear:both; }
#divLatestNewsTitle		{ width:250px; float:right; display:inline; margin:50px 130px 30px 0; }
#divProdServiceTitle		{ width:450px; float:left; display:inline; margin-left:50px; }
div.divContentLeft		{ width:120px; float:left; margin:90px 0px 10px 3px; clear:both; }
div.divContentLeft p		{ text-align:center; }
div.divContentLeft h6		{ margin:0 0 0 10px; padding-top:0; }

img#subFeature			{ padding-top:12px; }
/*div.divContentRight		{ width:190px; margin:15px 0; float:right; }*/
div.divContentRight		{ width:290px; margin:5px 0 15px 4px; float:left; }
div.divContentRight p		{ margin:0.5em 0; }
div.divContentRight h6		{ margin:10px 0 0 0; padding-top:0; }
/* Content elements */
#divContent			{ width:460px; padding:0px 0px 60px 0; float:right; display:inline; margin:0px 50px 0 0; background:#FFFFFF; }

/*#divContent			{ width:460px; min-height:400px; padding:0px 0px 60px 0; display:inline; float:right; margin:0px 50px 0 0; background:#FFFFFF; }*/


#divNavLeft			{ width:120px; float:left; display:inline; margin:30px 0 0 78px; }
#divNavLeft a			{ color: #006699; text-decoration: none; }
#divNavLeft a:hover   		{ color: #7FB2CC; text-decoration: none; }
#divNavLeft a.aSelected		{ color: #7FB2CC; }
#divNavLeft li			{ list-style:none; margin-right:50px; margin-bottom:8px; width:120px; }
#divNavLeft ul			{ margin:0; padding:0; }

#divFeatureList			{ width:100%; height:50px; padding:15px 2px 15px 2px; }
#divFeatureList	img		{ width:50px; height:50px; margin:0 30px 0 4px; }


div#portfolio			{ min-height:500px; width:750px; margin:0 auto; padding-top:20px; padding-bottom:30px; clear:both; }
div#portfolio h1		{ margin:0; font-size: 37px; color: #2A96C5; font-weight:lighter; line-height:120%; }
div.portfolioRow		{ height:143px; width:614px; padding:0 0 30px 0; }
img.portfolioHero		{ border:1px solid #CCCCCC; float:left; }
div.portfolioText		{ height:143px; width:222px; float:right; }

div.portfolioText h2		{ font-size: 18px; color: #00A6EC; font-weight:lighter; line-height:120%; text-transform:none; }
div#portfolio h2		{ font-size: 23px; font-weight:lighter; line-height:120%; text-transform:none; }

div#mapbtn			{ margin:0; float:left; padding:20px 0 0 0; }
img.awards			{ float:left; }

/* Footer elements */
/*#divFooterGradient		{ height:32px; background:url(/images/footer_gradient.jpg) repeat-x; clear:both; }
#divFooterContainer		{ width:710px; margin:0 auto; }*/
#divFooterContainer		{ width:900px; margin:0 auto; }

#imgFooterLogo			{ margin:5px 0 0 45px; width:31px; float:left; display:inline; clear:both; }
#divCopyRight			{ width:300px; height:30px; float:left; margin:0 0 0 8px; }
#divSignUp			{ width:220px; height:30px; float:right; display:inline; margin:0px 0px 100px 18px; border:0; }



/* classes */
.imgPortfolioShot		{ float:left; margin:10px 20px 10px 0; }
.imgTitle			{ border-left:1px solid; color:#CCCCCC; padding:4px 0 0 12px; }
.txtFooter  			{ color: #999999 }
.txtError 			{ color: #FF0000; }
.txtFormFields 			{ color: #006699; }
.txtList                	{ color: #999999 }
.imgLine			{ float:left; margin:2px 0 0 0; }
.pageTitle			{ float:left; margin:8px 0 0 0; }
.pageTitle2			{ margin:8px 0 0 0; }
.newsHeading			{ font-size:11px; text-transform:uppercase; }
.divClientList			{ width:250px; float:left; }
.divClientList a		{ margin:0 0 4px 30px; float:left; }
.divClientList img		{ float:left; margin:0; }
.divClientList .imgLink 	{ margin:0; }
.spacer				{ margin-left:10px; display:block; float:left; }
.divClientFeatureColumn		{ width:200px; margin:5px; float:left; }
.headingLink			{ margin-left:5px; }
div.clear				{ clear:both; }
.archiveFilters			{ width:225px; margin-right:15px; clear:left;  }
#divTitle, .divTitle		{ margin-bottom:20px; }
#divClientList a		{ margin-left:40px; float:left; }

/* archive elements */

.divArchiveDetails		{ width:476px; height:122px; padding:12px 0 12px 0; }
.divArchiveDetails h6		{ line-height:100%; margin:0; padding:0; }
.divArchiveDetails hr		{ padding:0; margin:0; }
.imgArchive			{ float:left; margin-right:15px; border:solid 1px #CCCCCC; }
#formArchive			{ padding:16px 0 16px 0; }
#formArchive select		{ color:#999999; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#ulArchiveNav			{ margin:0 0 40px 0; padding:0 0 0 0; }
#ulArchiveNav li		{ display:inline; margin-right:20px; color:#999999; }
.spanGrey			{ color:#CCCCCC; }

.spanOrange			{ color:#FF6600; }
.spanYellow			{ color:#FFB300; }
.spanRed			{ color:#E10B17; }
.spanGreen			{ color:#00BF00; }
.spanPurple			{ color:#6B47B8; }
.spanMauve			{ color:#C04382; }

.span37				{ font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; margin:0; font-size: 37px; color: #2A96C5; font-weight:lighter; line-height:120%; }
.span24				{ font-family:Geneva, Arial, Verdana, Helvetica, sans-serif; margin:0; font-size: 24px; color: #2A96C5; font-weight:bold; line-height:120%; }