﻿
/*umer's patented reset styles begin*/

*
{
    vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    padding: 0;
    margin: 0;
}

/*umer's patented reset styles end, oh well, it was good while it lasted*/

body
{
    font-family: Arial, Helvetica, sans-serif;
    background: url( '../media/images/bodyBg.jpg' );
    background-repeat: repeat-x;
}

#wrapper
{
    background: url( '../media/images/secondaryBg.jpg' );
    background-repeat: no-repeat;
    height: 435px;
    background-position: center top;
}


#contentWrap
{
    width: 971px;
    margin: 0px auto;
    padding: 0px;
    border: 0px solid red;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -485px;
}

#content
{
    width: 971px;
    margin-left: auto;
    margin-right: auto;
    background: url( '../media/images/contentBg.jpg' );
    background-repeat: no-repeat;
    min-height: 707px;
    height: auto !important;
    height: 707px;
    margin-top: 108px;
}



/*various global styles*/

td
{
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 8pt;
    text-align: center;
    padding: 2px 10px;
    line-height: 16px;
}

ol
{
    font-size: 0.8em;
    margin-top: 1.5em;
    color: #6f7073;
    padding-left: 2em;
    line-height: 18px;
}

ol li
{
    margin-top: 0.9em;
}

p
{
    color: #6f7073;
    font-size: 0.8em;
    margin-top: 1.5em;
    line-height: 20px;
}

a
{
    color: #6f7073;
    text-decoration: underline;
    outline: none;
}

a:hover
{
    text-decoration: none;
}

h2
{
    font-size: 1.3em;
    color: #76777a;
}

h1
{
    color: #76777a;
    font-size: 1.6em;
    font-weight: bold;
}

h3
{
    font-weight: bold;
    text-transform: uppercase;
    color: #96b636;
    font-size: 1.0em;
}

.apply
{
    position: absolute;
    left: 50%;
    z-index: 5;
    margin-top: 3.6em;
    margin-left: 250px;
}
.apply img
{
    border: none;
}


a.applyOnline
{
    background: url( '../media/images/applyOnline.gif' );
    background-repeat: no-repeat;
    width: 182px;
    height: 35px;
    float: left;
}
a.applyOnline:hover
{
    background-position: -182px;
}


.header
{
    width: 928px;
    height: 321px;
    margin-left: 22px;
    _margin-left: 11px;
    margin-top: 5px;
    float: left;
}

.navContainer
{
    width: 244px;
    height: 321px;
    background: url( '../media/images/navBg.jpg' );
    background-repeat: no-repeat;
    float: left;
}

.bannerFlash
{
    float: left;
    width: 679px;
    height: 321px;
    background-repeat: no-repeat;
    margin-left: 5px;
}

/*nav styles*/

.navContainer ul
{
    float: left;
    margin-top: 9em;
    list-style-type: none;
}

.navContainer ul li a
{
    margin-top: 0.3em;
}

.navContainer a.applyBtn
{
    background: url( '../media/images/navimages/applyNow.jpg' );
    width: 244px;
    height: 19px;
    float: left;
}
.navContainer a.applyBtn:hover
{
    background-position: -244px;
}

.navContainer a.aboutBtn
{
    background: url( '../media/images/navimages/aboutUs.jpg' );
    width: 244px;
    height: 19px;
    float: left;
}
.navContainer a.aboutBtn:hover
{
    background-position: -244px;
}

.navContainer a.testisBtn
{
    background: url( '../media/images/navimages/testimonials.jpg' );
    width: 244px;
    height: 19px;
    float: left;
}
.navContainer a.testisBtn:hover
{
    background-position: -244px;
}

.navContainer a.productsBtn
{
    background: url( '../media/images/navimages/productsServices.jpg' );
    width: 244px;
    height: 19px;
    float: left;
}
.navContainer a.productsBtn:hover
{
    background-position: -244px;
}

.navContainer a.ratesBtn
{
    background: url( '../media/images/navimages/interestRates.jpg' );
    width: 244px;
    height: 19px;
    float: left;
}
.navContainer a.ratesBtn:hover
{
    background-position: -244px;
}

.navContainer a.contactBtn
{
    background: url( '../media/images/navimages/contactUs.jpg' );
    width: 244px;
    height: 19px;
    float: left;
}
.navContainer a.contactBtn:hover
{
    background-position: -244px;
}

img.logo
{
    border: 0px;
}


/*leftMain styles begin*/

#leftMain
{
    background: url( '../media/images/leftMainBg.jpg' );
    background-repeat: no-repeat;
    background-position: top;
    width: 244px;
    float: left;
    min-height: 64px;
    margin-left: 22px;
    _margin-left: 11px;
}

#leftMain p
{
    clear: left;
    line-height: normal;
}

a.calculator
{
    background: url( '../media/images/viewCalc.jpg' );
    width: 195px;
    height: 174px;
    float: left;
    margin-top: 3.5em;
    margin-left: 1em;
}
a.calculator:hover
{
    background-position: -195px;
}

h1.secondaryMain
{
    margin-top: 1em;
}

h2.leftHeading
{
    margin: 0.5em 0em 0em 1.8em;
    float: left;
    _margin-left: 1em;
}
h2.leftHeading img
{
    padding-left: 0.2em;
}

#leftMain p.testimonialContent
{
    font-size: 0.7em;
    color: #8d8d8d;
    margin: 1em 0em 0em 3.2em;
    _margin-left: 1.5em;
    float: left;
    width: 200px;
    line-height: 16px;
}
#leftMain p.testimonialAuthor
{
    float: left;
    clear: left;
    font-size: 0.7em;
    font-style: italic;
    width: 200px;
    margin-top: 0.5em;
    text-align: right;
    color: #8d8d8d;
    margin-left: 1.5em;
    _margin-left: 1em;
}

#leftMain p.newsTitle
{
    font-size: 0.7em;
    color: #6f7073;
    margin: 1em 0em 0em 3.2em;
    _margin-left: 1.5em;
    float: left;
    width: 200px;
}

#leftMain p.newsDescription
{
    font-size: 0.7em;
    color: #8d8d8d;
    margin: 0.6em 0em 0em 3.2em;
    float: left;
    width: 200px;
    _margin-left: 1.5em;
}

#leftMain p.newsLinks
{
    font-size: 0.7em;
    margin: 0.6em 0em 1em 3.2em;
    float: left;
    width: 200px;
    _margin-left: 1.5em;
    color: #96b636;
}

#leftMain p.newsLinks a
{
    color: #96b636;
}

#leftMain p.articleItem
{
    margin: 1em 0em 1em 3.2em;
    float: left;
    width: 200px;
    _margin-left: 1.5em;
}

p.articleItem span
{
    font-style: italic;
}



/*rightMain styles begin*/

#rightMain
{
    width: 610px;
    float: left;
    margin-left: 0.3em;
    padding-left: 2.5em;
    _padding-left: 1em;
    margin-top: 3em;
}

#rightMain p.subHeading
{
    font-weight: bold;
    font-size: 1em;
    margin-top: 0em;
}

#rightMain #homeSub
{
    width: 597px;
    height: 258px;
    background: url( '../media/images/homeSubContentBg.jpg' );
    background-repeat: no-repeat;
    margin-top: 0.5em;
}

#rightMain #homeSub .lefthomeSub
{
    width: 275px;
    float: left;
    margin-top: 3em;
}


#rightMain #homeSub .lefthomeSub img
{
    margin-top: 1em;
}

#rightMain #homeSub .righthomeSub
{
    /*width: 275px;
    padding-left: 2.5em;*/
    float: left;
    margin-top: 2.2em;
    padding-left: 1em;
}

#rightMain #homeSub .righthomeSub h3 img
{
    margin-left: 0.3em;
}

#rightMain #homeSub .righthomeSub p
{
    margin-top: 0;
}

#rightMain #homeSub .righthomeSub p.newsTitle
{
    margin-top: 0.8em;
}

#rightMain #homeSub .righthomeSub p.newsContent
{
    font-size: 0.7em;
    color: #8d8d8d;
    line-height: 15px;
    margin-top: 0.5em;
}

a.readmoreLink
{
    padding-left: 0.5em;
}

.bioone
{
    background: url( '../media/images/about1.jpg' );
    background-repeat: no-repeat;
    width: 620px;
    height: 131px;
    float: left;
    margin-top: 1.5em;
}
.biotwo
{
    background: url( '../media/images/about2.jpg' );
    background-repeat: no-repeat;
    width: 620px;
    height: 126px;
    float: left;
}
.biothree
{
    background: url( '../media/images/about3.jpg' );
    background-repeat: no-repeat;
    width: 620px;
    height: 144px;
    float: left;
    margin-bottom: 1em;
}


img.teamImg
{
    float: left;
    width: 81px;
    height: 101px;
    margin-top: 1em;
    margin-right: 1em;
}

h2.teamName
{
    font-size: 1.1em;
    margin-top: 1em;
}

p.teamTitle
{
    margin-top: 0;
    color: #96b636;
}

p.teamDescription
{
    margin-top: 0.5em;
    line-height: 17px;
}

ul.contentList
{
    font-size: 0.8em;
    color: #6f7073;
    line-height: 20px;
    margin: 1em 0em 1em 0.5em;
    list-style-type: none;
}
ul.contentList li
{
    padding-bottom: 0.5em;
    padding-left: 10px;
    background-image: url(../media/images/listImg.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}


h2.newsHeading
{
    margin-top: 1em;
}

.newsSubscribe
{
    width: 610px;
    height: 3.45em;
    background-color: #fbfbfb;
    border: 1px dotted #c0c0c0;
    margin: 1.5em 0em 1.5em 0em;
}

#rightMain p.subscribeLinks
{
    font-size: 0.8em;
    margin: 1.2em 0em 0em 1em;
    _margin-left: 1.5em;
    color: #96b636;
}

#rightMain p.subscribeLinks a
{
    color: #96b636;
}

#rightMain .newsComment
{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 1em;
}

ul.commentDetails
{
    float: left;
    list-style-type: none;
    font-size: 0.8em;
    margin-right: 2em;
}

ul.commentDetails li.commentAuthor
{
    font-weight: bold;
    color: #6f7073;
}

ul.commentDetails li.commentDate
{
    color: #8d8d8d;
    font-style: italic;
}

p.commentBody
{
    float: left;
    border-left: 1px solid #ddddde;
    margin-top: 0;
    width: 430px;
    padding-left: 2em;
}

#rightMain hr
{
    clear: left;
    width: 610px;
    padding-top: 1.3em;
    margin: 0px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px dotted #b2b2b2;
    height: 1px;
}


.testimonialfirst
{
    background: url( '../media/images/testi1.jpg' );
    background-repeat: no-repeat;
    width: 610px;
    height: 139px;
    float: left;
    margin-top: 1.5em;
}
.testimonialsecond
{
    background: url( '../media/images/testi2.jpg' );
    background-repeat: no-repeat;
    width: 610px;
    height: 129px;
    float: left;
}
.testimoniallast
{
    background: url( '../media/images/testi3.jpg' );
    background-repeat: no-repeat;
    width: 610px;
    height: 139px;
    float: left;
}

p.testimonialContent, p.testimonialAuthor
{
    margin-top: 0;
}

p.testimonialContent
{
    margin-top: 2.8em;
}

p.testimonialAuthor
{
    font-style: italic;
    text-align: right;
}


.servicesLeft
{
    width: 270px;
    float: left;
    margin-top: 1em;
    margin-right: 2em;
}

p.serviceTitle
{
    margin-top: 0;
    font-weight: bold;
    margin-top: 0.7em;
}

p.serviceDescription
{
    margin-top: 0.2em;
    font-weight: lighter;
    padding-bottom: 0.7em;
    border-bottom: 1px dotted #bfbfbf;
}

p.serviceDescriptionLast
{
    margin-top: 0.2em;
    font-weight: lighter;
}

.servicesRight
{
    width: 270px;
    float: left;
    margin-top: 1em;
}

p.productNote
{
    clear: left;
    padding-top: 1em;
}


#rightMain #contactLeft
{
    float: left;
}


.contactMap
{
    float: left;
    width: 349px;
    height: 303px;
    margin-left: 0.9em;
    margin-top: 1.5em;
}

.contactMap img
{
    border: none;
}


/*footerWrapper*/

#footerWrap
{
    background: url( '../media/images/footerBg.jpg' );
    background-repeat: repeat-x;
    height: 160px;
    clear: left;
    float: left;
    width: 100%;
}

.footerContent
{
    width: 928px;
    margin: 0px auto;
    margin-top: 3em;
}
.footerContent ul
{
    list-style-type: none;
    font-size: 0.8em;
    margin-top: 1.5em;
    margin-left: 2.5em;
    float: right;
}
.footerContent ul li
{
    display: inline;
    margin-right: 0.4em;
    padding-right: 0.4em;
    border-right: 1px solid #6f7073;
}

.footerContent ul li.last
{
    margin-right: 0em;
    padding-right: 0em;
    border-right: 0px;
}

.footerContent p
{
    float: left;
    font-size: 0.7em;
}




#screenshot
{
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

.formLeft
{
    margin-top: 1.5em;
    width: 270px;
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
}
.formRight
{
    margin-top: 1.5em;
    width: 290px;
    float: left;
}



.labels
{
    font-size: 0.8em;
    margin-right: 0.8em;
    color: #6f7073;
}

.inputs
{
    font-size: 0.8em;
    color: #6f7073;
}

p.subheadingtwo
{
    margin-top: 1em;
    font-weight: bold;
    font-size: 1em;
}

.newsDate
{
    color: #8d8d8d;
    font-style: italic;
}
#insertcomment
{
    background-color: #FBFBFB;
    border: 1px dotted #C0C0C0;
    width: 100%;
}

.radiobuttons
{
    color: #6F7073;
    font-size: 0.8em;
    line-height: 20px;
    margin-top: 1.5em;
}

/* ERROR MESSAGE */
.ErrorMessage
{
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	border: 1px dotted #f00000;
	background: url(        '../../media/images/errormessageicon.png' ) no-repeat 1em 1em;
	background-color: #feabab;
}
.ErrorMessage .MessageTitle
{
	font-weight: bold;
	padding-left: 4em;
}
.ErrorMessage .MessageBody
{
	padding-left: 4em;
}


/* SUCCESS MESSAGE */
.SuccessMessage
{
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	border: 1px dotted #00ff00;
	background: url(    '../../media/images/successmessageicon.png' ) no-repeat 1em 1em;
	background-color: #9afe9a;
}

.SuccessMessage .MessageTitle
{
	font-weight: bold;
	padding-left: 4em;
}
.SuccessMessage .MessageBody
{
	padding-left: 4em;
}