/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border:none;}

a img,:link img,:visited img { border:none; }F

address { font-style:normal }

body { background-color:#331052; font: Arial, Helvetica, sans-serif; font-size:0.625em; margin: 0px; padding: 0px 0 50px 0; text-align:center; color:#000000;}

/* ----- LAYOUT STYLES ----- */

#container {min-height:620px;
  height:auto !important;
  height:620px;
  background-color:#ffffff;  position:relative;	width: 927px;	margin: 0px auto 0px auto ; text-align:left; padding:5px 14px 0 14px;}

#header {float:left; position:relative; background:url(images/logo.gif) no-repeat; height:100px; width:927px;}
#header h1 {color:#502278; font-size:1.5em; text-align:right; font-weight:normal; padding-top:45px;}
#header h2 {color:#5d5c5c; font-size:1.2em; text-align:right; font-weight:normal; padding-top:6px;}

#navBar001 {float:left; height:152px; width:927px; margin-bottom:5px; }
#navBar001 ul {height:29px; width:927px; padding:7px 0 0 15px;}
#navBar001 li {float:left; padding-right:15px;}
#navBar001 a {background-image:url(images/arrow.gif); background-repeat:no-repeat; padding-left:18px; color:#ffffff; height:29px; font-size:1.2em; font-weight:bold;}
#navBar001 a:hover {background-image:url(images/arrowHover.gif);}
#navBar001 a.current {background-image:url(images/arrowHover.gif);}

#navBar001 h1 {font-size:3em; color:#ffffff; font-weight:normal; position:absolute; top:174px; left:290px;}
#navBar001 h2 {font-size:3em; color:#ffffff; font-weight:normal; position:absolute; top:164px; left:290px;}
#navBar001 h3 {font-size:1.8em; color:#ffffff; font-weight:normal; position:absolute; top:204px; left:290px;}

.bannerConcept {background-image:url(images/concept.banner.jpg); background-repeat:no-repeat;}
.bannerContact {background-image:url(images/contact.offices.banner.jpg); background-repeat:no-repeat;}
.bannerInvestors {background-image:url(images/investors.banner.jpg); background-repeat:no-repeat;}
.bannerFunding {background-image:url(images/sourcing.banner.jpg); background-repeat:no-repeat;}
.bannerHome {background-image:url(images/homepage.banner.jpg); background-repeat:no-repeat;}
.bannerInvestments {background-image:url(images/sourcing.banner.jpg); background-repeat:no-repeat;}
.bannerLooking {background-image:url(images/looking.for.banner.jpg); background-repeat:no-repeat;}
.bannerTeam {background-image:url(images/team.banner.jpg); background-repeat:no-repeat;}
.bannerOffering {background-image:url(images/offering.banner.jpg); background-repeat:no-repeat;}
.bannerProfessional {background-image:url(images/professional.banner.jpg); background-repeat:no-repeat;}
.bannerProposition {background-image:url(images/proposition.banner.jpg); background-repeat:no-repeat;}
.bannerRecruit {background-image:url(images/recruit.banner.jpg); background-repeat:no-repeat;}
.bannerSubmit {background-image:url(images/submit.proposal.banner.jpg); background-repeat:no-repeat;}
.bannerSuccess {background-image:url(images/success.banner.jpg); background-repeat:no-repeat;}
.bannerTax {background-image:url(images/tax.benefits.banner.jpg); background-repeat:no-repeat;}

#col001 {float:left; width:206px;} 
.col001header {width:206px; height:52px; background:url(images/col001header.jpg); background-repeat:no-repeat;}
.col001header h1 {color:#ffffff; font-size:1.4em; line-height:1.3em; font-weight:normal; width:206px; padding:8px 0 0 13px;}
.col001body {width:206px; background:#8e8e8e url(images/col001footer.jpg); background-position:bottom; background-repeat:no-repeat; margin:2px 0 5px 0;}
.col001body ul {padding:6px 0 10px 13px;}
.col001body a {color:#ffffff; font-size:1.2em; padding-left:18px; line-height:1.6em; background-image:url(images/arrowHover.gif); background-repeat:no-repeat;}
.col001body a:hover {color:#000000; background-image:url(images/arrowHoverGrey.gif); }
.col001body a.current {color:#000000; background-image:url(images/arrowHoverGrey.gif); }

.kivaLogo {padding: 0px 0px 20px 0px;}

#content {float:right; padding:25px 0 40px 0px; width:650px; }
#content h1 {color:#502278; font-size:1.5em; font-weight:normal; line-height:1.2em; padding:0 0 25px 0; clear:left; }
#content ul {float:left;  color:#383838; font-size:1.2em; font-weight:normal;width:400px; margin-bottom:15px;}
#content li {line-height:1.5em; list-style-type:square; margin-left:15px; position: relative; }
#content form {float:left; width:400px; margin:10px 0 20px 0;}
#content input {width:150px; border:1px solid #383838; float:left; height:18px; }
#content input.submitButton {width:50px; background-color:#cccccc; margin-left:15px; height:20px; }

.blank p {float:left; font-size:1.2em; color:#383838; line-height:1.5em; width:400px; padding:0 20px 0 0px; margin-right:20px;} 
.blank a {color:#502278; font-weight:bold;}
.blank a:hover {text-decoration:underline;}
.blank table {float:left; font-size:1.2em; color:#383838; width:400px; padding:0px 0px 0px 0px; margin:20px 20px 0px 0; }

.offices p {float:left; font-size:1.2em; color:#383838; line-height:1.5em; width:240px; padding:0px; margin-right:20px;  } 
.offices table {float:left; font-size:1.2em; color:#383838; width:240px; padding:20px 0px 0 0px; margin-right:20px; }

.contact table {float:left; font-size:1.2em; color:#383838; width:400px; padding:0px 0px 0px 0px; margin:0 20px 20px 0; }
.contact a {color:#502278;  font-weight:bold;}
.contact a:hover {text-decoration:underline;}

.home {}
.home p.left { border-right:2px dotted #D8D8D8; float:left; color:#383838; font-size:1.2em; font-weight:normal; line-height:1.5em;width:280px; padding-right:30px;}
.home p.right {float:left; color:#383838; font-size:1.2em; font-weight:normal; line-height:1.5em;width:280px;padding-left:30px;}
.home a {color:#502278; font-weight:bold;}
.home a:hover {text-decoration:underline;}
#information {float:left; width:206px; height:73px; background-image:url(images/informationPanel.jpg); margin:20px 0 0 30px;}
#information a {font-size:1.3em; font-weight:bold; line-height:1.5em; padding:5px 0 0 12px;  display:block; width:194px; height:68px; color:#ffffff; background-image:url(images/arrowPurple.gif); background-repeat:no-repeat; background-position:175px 48px;}
#information a:hover {background-image:url(images/arrowHover.gif);}

.team {padding:25px 0 0 65px;}
.team img {float:left;}
.team p {float:left; font-size:1.2em; color:#383838; height:300px; line-height:1.5em; border-right:2px dotted #D8D8D8;width:320px; padding:0 30px 0 20px; margin-right:20px;} 
.team h2 {width:140px; float:left; font-size:1.2em; color:#383838; font-weight:normal; line-height:1.5em; padding:10px 0 20px 10px;}
.team h2 a { color:#383838; padding-left:16px; background-image:url(images/arrowDarkPurple.gif); background-repeat:no-repeat;}
.team h2 a:hover { color:#383838; padding-left:16px; background-image:url(images/arrowPurple.gif); background-repeat:no-repeat;}
.team .teamHome {width:404px;  padding:0 30px 0 0;}

.tax p {float:left; font-size:1.2em; color:#383838; line-height:1.5em; border-right:2px dotted #D8D8D8;width:400px; padding:0 20px 0 0px; margin-right:20px;} 
.caseStudy {float:right; width:206px; height:51px; background-image:url(images/caseStudy.jpg); background-repeat:no-repeat; margin-bottom:5px; clear:right;}
.caseStudy a {color:#ffffff; line-height:1.5em; font-size:1.4em; display:block; width:182px; height:43px; background-image:url(images/arrowHover.gif); background-position:185px 30px ; background-repeat:no-repeat; padding:4px 12px 4px 12px;}
.caseStudy a:hover {background-image:url(images/arrowBlack.gif);}

.success p {float:left; width:300px;   font-size:1.2em; color:#383838; line-height:1.5em; padding-right:25px; border-right:2px dotted #D8D8D8;}
.successLink {float:right; width:312px; height:33px; background-image:url(images/successPanel.jpg); margin-bottom:5px; clear:right;} 
.successLink a {color:#ffffff; font-size:1.2em; font-weight:normal; display:block; background-image:url(images/arrowPurple.gif); background-position:290px 9px; background-repeat:no-repeat; padding:8px 0 0 12px; width:300px; height:25px;} 
.successLink a:hover {background-image:url(images/arrowHover.gif);}


#footer {position:relative;	width: 955px;	margin: 0px auto 0px auto ; text-align:right; padding:3px 3px 0 0px;}
#footer a {color:#ffffff;}
#footer a:hover {color:#d8d8d8;}

.storyDivider {width:400px; border-bottom:1px solid #383838; margin:20px 0 25px 0; float:left;}

#linkButton {float:left; width:312px; height:33px; background-image:url(images/successPanel.jpg); margin:20px 0 20px 0;} 
#linkButton a {color:#ffffff; font-size:1.2em; font-weight:normal; display:block; background-image:url(images/arrowPurple.gif); background-position:290px 9px; background-repeat:no-repeat; padding:8px 0 0 12px; width:300px; height:25px;} 
#linkButton a:hover {background-image:url(images/arrowHover.gif);}

/*---- Form Styling ----*/

.proposal-form {padding-top:20px; float:left;}
.proposal-form label {font-size:1.1em; float:left; width:160px; color:#383838; padding-right:5px;}
.proposal-form input {width:260px; float:left; font-size:1.1em; padding:2px 0 0 3px; height:18px; color:#383838; border:1px solid #383838;}
.proposal-form select {font-size:1.1em; height:20px; border:1px solid #383838;}
.proposal-form textarea {width:260px; font-size:1.1em; font-family:Arial, Georgia Sans-Serif; padding-left:3px; border:1px solid #383838;}
.proposal-form .spacer {width:480px; height:25px; padding-bottom:2px;}
.proposal-form .spacer-textarea {width:480px; height:55px; padding-bottom:2px;}
.proposal-form #cmdSubmit {float:right; border:1px solid #383838; padding:0px; margin:3px 63px 0 0;}