/* ------ TVI Stylesheet Document -------- */

html,body{margin:0;padding:0; background-image:url(../images/background.jpg); background-repeat: repeat-x;}
body{font: 76% arial,sans-serif;text-align:center}

/* Main Containers */

div#maincontainer{text-align:left; width:770px;margin:0 auto;position: relative;}
div#minicontainer{z-index: 1;}
div#container{text-align:left; width:770px;margin:0 auto;}
div#header{height:145px; margin:0px; padding:0px; color: #FFF; line-height: 12px;}
div#logo{margin:0px; padding:0px; color: #79B30B;z-index: 10;}

div#SapiencontainerA{ position: relative; left: 50%; margin: 0 auto; }
div#SapiencontainerB{ position: relative; left: -50%; margin: 0 auto; }
div#Sapienheader{height:145px; margin:0px; padding:0px; color: #FFF; background-image:url(../images/background_cutoff2.jpg); background-repeat:no-repeat; background-position:top right; line-height: 12px;}
div#Sapienlogo{width:950px; height:116px;line-height:0px; margin:1px 127px 0px 0px; padding:0px; padding-left:0px; background-color:#FFF;}
div#Sapiencontent{width:770px; height:400; line-height:0px; margin:10px 0px 0px 0px;  padding:0px; color: #FFF;}
div#SapienfooterA{text-align:left; position: absolute; left: 50%;top: 90%; }
div#SapienfooterB{text-align:left; position: absolute; left: -385px; }
div#Sapienmaincontent{float:left; width:510px; background:#FFF; margin:0px 0px; padding: 0px; text-align:justify; margin-bottom: 15px;}
div#Sapienmaincontent ul{font: 130% arial,sans-serif;text-align:left; color: #644069; font-weight: bold; margin: 0px;}
div#Sapienmaincontent ul li{ list-style-image:url(../images/icon.jpg); list-style-type:none;}

div#headerlinks{margin:0; padding:0px; color: #FFF; float:right; margin-top:53px;}
div#headerlinks a:link {margin:0; padding:0px; color: #FFF; margin-top:53px; text-decoration:none;}
div#headerlinks a:visited {margin:0; padding:0px; color: #FFF; margin-top:53px; text-decoration:none;}
div#headerlinks a:hover {margin:0; padding:0px; color: #FFF; margin-top:53px; text-decoration:underline;}


div#flashbanner{height:175px; width:770px;line-height:80px; margin:10px 0px 30px 0px; padding:0px; padding-left:0px; background-color:#FFF;}
div#wrapper{background: #333;}
div#maincontent{float:left; width:510px;  margin:13px 0px; padding: 0px; text-align:justify; margin-bottom: 15px;}
div#maincontent ul{font: 130% arial,sans-serif;text-align:left; color: #644069; font-weight: bold; margin: 0px;}
div#maincontent ul li{ list-style-image:url(../images/icon.jpg); list-style-type:none;}

div#rightnav{ text-align: left;float:left;width:249px; background: #DACADC; margin: 20px 10px 10px 0px; background-image:url(../images/subheader_latestnews.jpg); background-position: top; background-repeat:no-repeat; list-style-type:none;}

div #quote {width:249px; height:auto; border-bottom: solid 1px #FFF; } 
div#quotearea {width: 229px;  
    background-color:transparent; 
    background-image:url(../images/quotespurple.gif);  
    background-repeat: no-repeat;
    margin: 10px 10px 10px 5px;}
div#clientquote { padding: 20px 10px 10px 35px;
     font-family: Arial;
     color:#000000; height:auto; width: 184px; }
div#clientname { font-style:italic; font-size:12px; padding: 5px 0px 0px 0px;}
div#clientquote a:link { text-decoration:none; padding: 5px 0px 0px 0px;}
div#clientquote a:visited { text-decoration:none; padding: 5px 0px 0px 0px;}
div#clientquote a:hover { text-decoration:underline; padding: 5px 0px 0px 0px;}
   

div#signupsmall { margin: 10px 10px 0px 0px; padding: 0px 0px 0px 0px; background-color: transparent;}
#signupsmall p{ font: Arial; font-size: 12px; padding: 0px 0px 5px 0px; margin:0px 0px 0px 0px; }
#signupsmall .error{ font-family:Arial; color:Red; font-size: 10px; padding-left: 15px;}
#signupsmall .signedup{ font-family:Arial; color:green; font-size: 10px; padding-left:15px;}

div#rightnav ul{margin: 0px; border-top: 1px solid #FFF; text-align: left; padding-left: 0px; list-style-type:none;}
div#rightnav ul li{ margin: 0px 0px 0px 0px; border-bottom: 1px solid #FFF; background-image:url(../images/arrow_purple.gif); background-repeat:no-repeat; background-position:left; padding: 5px 0px 5px 30px;}
div#rightnavbot {clear:right; float:right; width:250px; height:13px; margin: 0px 0px 0px 0px; background-image:url(../images/rightnavbot.jpg);}
div#flashmovie{ width: 220px; height: 490px; margin: 50px 0px 0px 14px; padding: 0 0 0 5px;}
div#footer{ color: #FFF; clear:both; width:100%; height:123px; position: relative; bottom:0px; background-image:url(../images/background_footer.jpg);}
div#footer p{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px;}
/*position: absolute; top: 1050pt; left:0;  z-index: -1;*/
div#footer a:link{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px; color:White; text-decoration:None;}
div#footer a:visited{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px; color:White; text-decoration:None;}
div#footer a:hover{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px; color:White; text-decoration:underline;}

/*  Orange Links */

div#footer .linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: none; font-weight:bolder; }
div#footer a:link.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: none; font-weight:bolder;}
div#footer a:hover.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: underline; font-weight:bolder;}
div#footer a:visited.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: none; font-weight:bolder;}
div#footer a:visited:hover.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: underline; font-weight:bolder;}

/*//////////////sapienfooter/////////////////*/
div#Sapienfooter{ color: #FFF; clear:both; position: absolute; top: 90%; width:100%; height:123px; background-image:url(../images/background_footer.jpg);}
div#Sapienfooter p{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px;}

div#Sapienfooter a:link{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px; color:White; text-decoration:None;}
div#Sapienfooter a:visited{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px; color:White; text-decoration:None;}
div#Sapienfooter a:hover{margin:0px auto 0px auto; padding:5px 10px; text-align:left; width: 770px; padding-top:10px; color:White; text-decoration:underline;}

/*  Orange Links */

div#Sapienfooter .linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: none; font-weight:bolder; }
div#Sapienfooter a:link.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: none; font-weight:bolder;}
div#Sapienfooter a:hover.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: underline; font-weight:bolder;}
div#Sapienfooter a:visited.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: none; font-weight:bolder;}
div#Sapienfooter a:visited:hover.linko { font-family: Arial, Verdana; color: #EC7600; text-decoration: underline; font-weight:bolder;}

/*//////////////sapienfooter/////////////////*/



/* General Page Elements */

div#mainboxes { margin:0px 0px 10px 0px; height: 166px; background-color:#FFF; line-height: 16px; font: Arial;}
div#businessbox { float:left; background-image: url(../images/box_businessgrowth.jpg); background-repeat: no-repeat; padding:50px 10px 0px 10px; margin:0px 0px 0px 0px; color:White; height:116px; width:230px; font-family:Arial; font-size:12px;}
div#mediabox { float:left; margin:0px 0px 0px 10px; background-image: url(../images/box_mediaservices.jpg); background-repeat:no-repeat; padding:50px 10px 0px 10px; color:White; height:116px; width:230px; font-family:Arial; font-size:12px;}
div#strategybox {float:right; background-image: url(../images/box_strategy.jpg); background-repeat:no-repeat; padding:50px 10px 0px 10px; margin:0px 0px 0px 0px; color:White; height:116px; width:230px; font-family:Arial; font-size:12px;}


.seperator { width: 510px; height:4px; float:left; background:#333; line-height: 0px; background-image:url(../images/seperator.jpg); margin-top: 10px;}
.newscontainerleft { width: 250px;  float:left; margin: 0px 10px 0px 0px;}
.newscontainerleft p{ width: 150px; text-align:justify; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.newscontainerright { width: 250px;  float:left;}
.newscontainerright p{ width: 150px; text-align:justify; background-color:transparent; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.newsthumb { width: 89px; height:67px; background:#FFF; border: 1px solid #000; margin: 15px 0px 0px 0px; }
.newsdescription { width: 149px; float:right; margin: 15px 0px 0px 10px; clear:both;}
.newsdescription p {font: 100% arial,sans-serif;text-align:left; color: #000;}
.newsdescription h2 {margin: 0px; padding-bottom:5px;}
#newsletter{ width: 470px; height: 140px; background-repeat:no-repeat; background-image:url(../images/newsletternew.jpg); float:left; margin: 10px 0px 0px 0px; padding: 20px;}
#newsletter .button{ padding-left: 10px; position:relative; top: 0px; float:right; margin-top:22px;}
#newsletter .button2{padding-top:20px; margin-left:30px; float:right;}

#newsletter .error{ font-family:Arial; color:Red; font-size: 10px;}
#newsletter .signedup{ font-family:Arial; color:green; font-size: 10px;}
.imageright{ float: right; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 5px;}
.newsheader{padding-bottom: 10px;}

/* General Text Elements */

/*p{margin:5px}*/
h1 { padding: 7px 0px 0px 25px; height: 25px; font: 130% arial,sans-serif;text-align:left; color: #644069; font-weight: bold; margin: 0px; background-image:url(../images/icon.jpg); background-repeat:no-repeat;}
h2 {font: 120% arial,sans-serif; text-align:left; color: #A859B3; font-weight:bold; margin: 0px; padding-bottom: 5px;}
h3 {font: 100% arial,sans-serif; text-align:left; color: #000; font-weight:bold; margin: 0px 0px 0px 17px; padding: 10px 20px 10px 0px;}
h4 {font: 90% arial,sans-serif; text-align:left; color: #A859B3; font-weight:bold; margin: 0px; padding-bottom: 5px; line-height:16px;}
h5 {font: 100% arial,sans-serif; text-align:left; color: #000; font-weight:bold;}

/* --------------------Link Styling--------------------------------- */

/* Tabbed Navigation */

a{color: #981793;}
/*I've changed this*/
.tabs{padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; float: left;} 
.tabs a.aboutus {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_about1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.aboutus2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_about2.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.ournews {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_ournews1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.ournews2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_ournews2.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.casestudies {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_casestudies1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.casestudies2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_casestudies2.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.resources {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_resources1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.resources2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_resources2.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.business {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_business1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.business2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_business2.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.media {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_media1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.media2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_media2.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.strategy {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_strategy1.jpg") 0 0 no-repeat; text-decoration: none;}
.tabs a.strategy2 {float:left; width: 110px; height: 29px; padding:0px 0px 0px 0px; font: bold 13px sans-serif; color:#333; background: url("../images/butt_strategy2.jpg") 0 0 no-repeat; text-decoration: none;}

/*  Header Links */

.link01{ font-family: Arial, Verdana; color: #FFF; text-decoration: none; }
a:link.link01 { font-family: Arial, Verdana; color: #FFF; text-decoration: none; }
a:hover.link01 { font-family: Arial, Verdana; color: #FFF; text-decoration: underline;}
a:visited.link01 { font-family: Arial, Verdana; color: #FFF; text-decoration: none;}
a:visited:hover.link01 { font-family: Arial, Verdana; color: #FFF; text-decoration: underline;}

/*  Right Navigation Subcategories */

.link02 { font-family: Arial, Verdana; color: #633F68; font-size: 90%; text-decoration: none; }
a:link.link02 { font-family: Arial, Verdana; color: #633F68; text-decoration: none; }
a:hover.link02 { font-family: Arial, Verdana; color: #633F68; text-decoration: underline;}
a:visited.link02 { font-family: Arial, Verdana; color: #633F68; text-decoration: none;}
a:visited:hover.link02 { font-family: Arial, Verdana; color: #633F68; text-decoration: underline;}

/*  Standard Text Links */

.link03 { font-family: Arial, Verdana; color: #000; text-decoration: none; }
a:link.link03 { font-family: Arial, Verdana; color: #000; text-decoration: none; }
a:hover.link03 { font-family: Arial, Verdana; color: #000; text-decoration: underline;}
a:visited.link03 { font-family: Arial, Verdana; color: #000; text-decoration: none;}
a:visited:hover.link03 { font-family: Arial, Verdana; color: #000; text-decoration: underline;}

/*  Page Header Links */

.link04 { font-family: Arial, Verdana; color: #A859B3; text-decoration: none; }
a:link.link04 { font-family: Arial, Verdana; color: #A859B3; text-decoration: none; }
a:hover.link04 { font-family: Arial, Verdana; color: #A859B3; text-decoration: underline;}
a:visited.link04 { font-family: Arial, Verdana; color: #A859B3; text-decoration: none;}
a:visited:hover.link04 { font-family: Arial, Verdana; color: #A859B3; text-decoration: underline;}

/*  Purple Links */

.linkp { font-family: Arial, Verdana; color: #6F4875; text-decoration: none; font-weight:bolder; }
a:link.linkp { font-family: Arial, Verdana; color: #6F4875; text-decoration: none; font-weight:bolder;}
a:hover.linkp { font-family: Arial, Verdana; color: #6F4875; text-decoration: underline; font-weight:bolder;}
a:visited.linkp { font-family: Arial, Verdana; color: #6F4875; text-decoration: none; font-weight:bolder;}
a:visited:hover.linkp { font-family: Arial, Verdana; color: #6F4875; text-decoration: underline; font-weight:bolder;}


/* Formfield Elements */

.formfield01 { border: 1px solid #333; width: 332px; padding:0px; margin: 25px 0px 0px 0px; float:left; }
.formfield02 { border: 1px solid #333; width: 200px; margin:0px; padding: 0px; margin-top:2px; margin-bottom:4px; }

/* Media Library Items */

/*new*/

div#mediasec{ width:510px; height:auto; background-color:#FFFFFF; margin: 2px 0px 12px 0px;}

#leftmedia {width: 100px; height:auto; float:left; background-color:transparent; }
#leftmedia .imgarea { background-color:transparent; margin: 0px 10px 15px 0px; float:left; border: solid 1px #666666;}
.linkpic {width: 90px; height:auto; background-color: transparent; margin-bottom: 2px;}
.smallimg {background-color:transparent; padding: 0px 5px 5px 0px; float:left;}
.linktext {font:Arial; color:#A859B3; font-size: 12px; float:left; text-decoration:none;}
.linktext a:link{font:Arial; color:#A859B3; font-size: 12px; float:left; text-decoration:none;}
.linktext a:hover{font:Arial; color:#A859B3; font-size: 12px; float:left; text-decoration:underline;}
.linktext a:visited {font:Arial; color:#A859B3; font-size: 12px; float:left; text-decoration:none;}
.linktext a:visited:hover {font:Arial; color:#A859B3; font-size: 12px; float:left; text-decoration:underline;}


#rightmedia{width: 410px; height:auto; float:right; }
.header{font: 120% arial,sans-serif; text-align:left; color: #A859B3; font-weight:bold; padding: 0px 0px 8px 0px; }
.desctext{ text-align:left; background-color:transparent; font:Arial; font-size: 12px; color:#000000; line-height: 16px; padding-bottom: 15px;}

div#banner{background-image:url(../images/resource_back.gif); background-repeat:no-repeat; clear:both; width:510px; height:28px; margin: 2px 0px 8px 0px; }

.firstarea { width: 198px; background-color: White; color:#ECE6ED; height: 28px; margin-left: 5px; float:left;}
.first{ width: 196px; margin-right: 2px; padding: 0px 0px 0px 0px; background-color:#ECE6ED; height:28px; }
.firsttext{padding: 7px 0px 0px 0px; font:Arial; font-weight:600; color: #000000;}

.secondarea{ width: 150px; background-color: White; color:#ECE6ED; height: 28px; margin-left: 0px; float:left;}
.second{ width: 148px; margin-right: 2px; padding: 0px 0px 0px 0px; background-color:#ECE6ED; height:28px; }
.secondtext{padding: 7px 0px 0px 5px; font:Arial; font-weight:600; color: #000000;}

.thirdarea {width:145px; float:right;}
.third{ width: 138px;  padding: 0px 0px 0px 0px; background-color:#ECE6ED; height:28px; }
.thirdtext{padding: 7px 0px 0px 5px; font:Arial; font-weight:600; color: #000000;}

.seperator {width:510px; border-bottom: solid 1px #ECE6ED; background-color:#FFFFFF; margin-bottom: 20px; height: 2px;}

div#linkarea { width: 510px; background-color:#FFFFFF; height:auto;}

#linkarea a:link {text-decoration:none; color: #A859B3;}
#linkarea a:hover {text-decoration:underline; color: #A859B3;}
#linkarea a:visited {text-decoration:none; color: #A859B3;}
#linkarea a:visited:hover {text-decoration:underline; color: #A859B3;}



.linktext {text-align:left; background-color:transparent; font:Arial; font-size: 12px; color:#000000; line-height: 16px; padding-bottom: 10px; }
.smalllinkimg {background-color:transparent; padding: 0px 10px 5px 0px; float:left; background-color:transparent;}
.linkname a:link {background-color:transparent; color: #644069; font: Arial; font-weight: normal; text-decoration:none;}
.linkname a:hover {background-color:transparent; color: #644069; font: Arial; font-weight: normal; text-decoration:underline;}
.linkname a:visited {background-color:transparent; color: #644069; font: Arial; font-weight: normal; text-decoration:none;}
.linkname a:visited:hover {background-color:transparent; color: #644069; font: Arial; font-weight: normal; text-decoration:underline;}

div#sotw {width:510px; height:auto; float:left;}
.linktop {background-image:url(../images/link_top.gif); background-repeat:no-repeat; width:510px; height:14px;}
.linkbot{background-image:url(../images/link_bot.gif); background-repeat:no-repeat; width:510px; height:14px; margin-bottom: 15px;}
.ibtw {background-color:#ECE6ED; width: 510px; height:auto;}
.info {padding: 5px 5px 5px 5px; font: Arial; font-size: 12px; color:#000000; line-height: 16px;}

.info a:link {text-decoration:none; color: #A859B3;}
.info a:hover {text-decoration:underline; color: #A859B3;}
.info a:visited {text-decoration:none; color: #A859B3;}
.info a:visited:hover {text-decoration:underline; color: #A859B3;}



/* Contact Form */

div#contactform { height:auto; width: 510px; background-color: #ECE6ED; float:left; text-align:justify; padding: 5px 0px 5px 0px;}
#contactform .formline {width: 500px; background-color: transparent; float:left; overflow:hidden; margin-bottom:5px;}
#contactform .formtext {width: 100px; background-color: transparent; float:left; overflow:hidden; padding: 0px 0px 0px 10px;}
#contactform .forminput {width: 380px; background-color: transparent; float:left; overflow:hidden;}
#contactform .error {width: 300px; background-color: transparent; float:left; overflow:hidden; color:Red; padding: 2px 2px 2px 10px;}
#contactform .success {width: 300px; background-color: transparent; float:left; overflow:hidden; color:Green; padding: 2px 2px 2px 10px;}
#contactform .inputbutton {border:solid 1px #644069; width:100px; padding:2px 5px 2px 1px; margin:5px 6px 5px 0px; font-family:Arial; font-size:12px; float:right;}

div#contactform2 { height:auto; width: 510px; background-color: #ECE6ED; float:left; text-align:justify; padding: 5px 0px 0px 0px;}
#contactform2 .formline2 {width: 500px; background-color: transparent; float:left; overflow:hidden; margin-bottom:5px;}
#contactform2 .formtext2 {width: 160px; background-color: transparent; float:left; overflow:hidden; padding: 0px 0px 0px 10px;}
#contactform2 .formtext {width: 330px; background-color: transparent; float:left; overflow:hidden; padding: 5px 0px 0px 10px;}
#contactform2 .forminput2 {width: 300px; background-color: transparent; float:left; overflow:hidden;}
#contactform2 .forminput {width: 120px; background-color: transparent; float:right; overflow:hidden; padding: 5px 0px 5px 0px;}


#contactform2 .error {width: 300px; background-color: transparent; float:left; overflow:hidden; color:Red; padding: 2px 2px 2px 10px;}
#contactform2 .success {width: 300px; background-color: transparent; float:left; overflow:hidden; color:Green; padding: 2px 2px 2px 10px;}
#contactform2 .inputbutton {border:solid 1px #644069; width:100px; padding:2px 5px 2px 1px; margin:5px 10px 5px 0px; font-family:Arial; font-size:12px; float:right;}