@charset "utf-8";
/* CSS Document */

/*** --- Soula.com --- ***/
/*** --- Created 25/07/08 --- ***/
/*** --- Copyright www.soula.com --- ***/

/*** --- General styles and bug fixes start --- ***/
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
.clr { clear:both; }
p { margin:12px 25px 0 12px; padding:0px; }

a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
/*** --- General styles and bug fixes end --- ***/

p a { color:#19b1f5; text-decoration:none; border-bottom:dotted 1px #19b1f5; background-color:transparent; }
p a:hover { color:#fff; text-decoration:none; border-bottom:dotted 1px #FFFFFF; background-color:transparent; }

body { background:url(images/bg.gif) top left repeat-x; background-color:#000000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#c9c9c9; line-height:20px; }

ul {  }
li { background:url(images/bullet.gif) top left no-repeat; padding:0 0 0 20px; line-height:22px; color:#b8e3ff; }

#headerContainer { width:965px; margin:0 auto; }

#navContainer { width:963px; margin:0 auto; }
#navHome { background:url(images/nav-home.gif) top right; width:91px; height:30px; float:left; }
.navHome { background:url(images/nav-home.gif) top left; width:91px; height:30px; float:left; }
.navHome:hover { background:url(images/nav-home.gif) top right; cursor:pointer; border:none; }

#navTeam { background:url(images/nav-team.gif) top right; width:84px; height:30px; float:left; }
.navTeam { background:url(images/nav-team.gif) top left; width:84px; height:30px; float:left; }
.navTeam:hover { background:url(images/nav-team.gif) top right; cursor:pointer;border:none;  }

#navCompany { background:url(images/nav-company.gif) top right; width:112px; height:30px; float:left; }
.navCompany { background:url(images/nav-company.gif) top left; width:112px; height:30px; float:left; }
.navCompany:hover { background:url(images/nav-company.gif) top right; cursor:pointer;border:none;  }

#navClients { background:url(images/nav-clients.gif) top right; width:74px; height:30px; float:left; }
.navClients { background:url(images/nav-clients.gif) top left; width:74px; height:30px; float:left; }
.navClients:hover { background:url(images/nav-clients.gif) top right; cursor:pointer;border:none;  }

#navSolutions { background:url(images/nav-solutions.gif) top right; width:94px; height:30px; float:left; }
.navSolutions { background:url(images/nav-solutions.gif) top left; width:94px; height:30px; float:left; }
.navSolutions:hover { background:url(images/nav-solutions.gif) top right; cursor:pointer;border:none;  }

#navWork { background:url(images/nav-work.gif) top right; width:92px; height:30px; float:left; }
.navWork { background:url(images/nav-work.gif) top left; width:92px; height:30px; float:left; }
.navWork:hover { background:url(images/nav-work.gif) top right; cursor:pointer;border:none;  }

#navNews { background:url(images/nav-news.gif) top right; width:61px; height:30px; float:left; }
.navNews { background:url(images/nav-news.gif) top left; width:61px; height:30px; float:left; }
.navNews:hover { background:url(images/nav-news.gif) top right; cursor:pointer;border:none;  }

#navContact { background:url(images/nav-contact.gif) top right; width:104px; height:30px; float:left; }
.navContact { background:url(images/nav-contact.gif) top left; width:104px; height:30px; float:left; }
.navContact:hover { background:url(images/nav-contact.gif) top right; cursor:pointer;border:none;  }

#navLocation { background:url(images/nav-locations.gif) top right; width:91px; height:30px; float:left; }
.navLocation { background:url(images/nav-locations.gif) top left; width:91px; height:30px; float:left; }
.navLocation:hover { background:url(images/nav-locations.gif) top right; cursor:pointer;border:none;  }

#soulaHome { background:url(images/soula-logo.gif); width:248px; height:137px; display:block; float:left; }
#navLine { width:292px; height:136px; border-bottom:solid 1px #2d2d2d; float:left; }

#searchContainer { width:423px; height:91px; float:left; }
#textfield { width:208px; height:22px; border:solid 1px #2d2d2d; background:url(images/textfield-bg.gif) repeat-x; margin:29px 0 0 192px; padding:8px 0 0 10px; font-weight:normal; color:#7c7c7c; font-size:14px; }

#tabContainer { width:425px; height:46px; float:left; }
#tabCreate { background:url(images/tab-create.gif) top right; width:136px; height:46px; float:left; }
.tabCreate { background:url(images/tab-create.gif) top left; width:136px; height:46px; float:left; }
.tabCreate:hover { background:url(images/tab-create.gif) top right; cursor:pointer;border:none;  }

#tabCampaign { background:url(images/tab-campaign.gif) top right; width:139px; height:46px; float:left; }
.tabCampaign { background:url(images/tab-campaign.gif) top left; width:139px; height:46px; float:left; }
.tabCampaign:hover { background:url(images/tab-campaign.gif) top right; cursor:pointer;border:none;  }

#tabProduce { background:url(images/tab-produce.gif) top right; width:138px; height:46px; float:left; }
.tabProduce { background:url(images/tab-produce.gif) top left; width:138px; height:46px; float:left; }
.tabProduce:hover { background:url(images/tab-produce.gif) top right; cursor:pointer;border:none;  }

#tabPromote { background:url(images/tab-promote.gif) top right; width:139px; height:46px; float:left; }
.tabPromote  { background:url(images/tab-promote.gif) top left; width:139px; height:46px; float:left; }
.tabPromote:hover { background:url(images/tab-promote.gif) top right; cursor:pointer;border:none;  }

#tabEmpower { background:url(images/tab-empower.gif) top right; width:133px; height:46px; float:left; }
.tabEmpower { background:url(images/tab-empower.gif) top left; width:133px; height:46px; float:left; }
.tabEmpower:hover { background:url(images/tab-empower.gif) top right; cursor:pointer;border:none;  }

#tabControl { background:url(images/tab-control.gif) top right; width:150px; height:46px; float:left; }
.tabControl { background:url(images/tab-control.gif) top left; width:150px; height:46px; float:left; }
.tabControl:hover { background:url(images/tab-control.gif) top right; cursor:pointer; border:none; }

#contentContainer { width:965px; margin:0 auto; }

.newsItemContainer { width:939px; margin:0 auto; padding:7px 0 0 17px; }
.newsItem { background:url(images/home-cta-bg.gif); width:303px; height:191px; float:left; margin:0 10px 0 0; }

.featuredContainer { width:950px; margin:0 auto 0 auto; padding:0 0 0 26px; }
.featured { background:url(images/featured-bg.gif); width:462px; height:125px; float:left; margin:8px 5px 0 0; }
.featuredImg { margin:7px 0 5px 6px; }

#left { width:698px; float:left; }
#main-img { margin:9px 0 0 26px; }
#content { width:648px; margin:0 0 0 20px; padding:0; }


#right { width:253px; float:left; background:url(images/right-bg.gif) top no-repeat; margin:9px 0 0 -1px; }
#right-contactpage { width:253px; float:left; margin:0px 0 0 0; font-size:12px; line-height:20px; } 
#right-contactpage a { color:#19b1f5; text-decoration:none; border-bottom:dotted 1px #19b1f5; background-color:transparent; }
#right-contactpage a:hover { color:#fff; text-decoration:none; border-bottom:dotted 1px #FFFFFF; background-color:transparent; }
#right-contactpage img a { border:none; }

#rightNavContainer { width:237px; margin:5px 0 5px 11px; }
.rightNav { background:url(images/right-nav.gif) top left; width:214px; height:30px; display:block; text-decoration:none; color:#FFFFFF; font-size:12px; text-transform:uppercase; text-align:right; padding:5px 23px 0 0; background-color:transparent; }
.rightNav:hover { background:url(images/right-nav.gif) top right; width:214px; height:30px; display:block; text-decoration:none; color:#FFFFFF; font-size:12px; text-transform:uppercase; text-align:right; padding:5px 23px 0 0; border:none; background-color:transparent; }

.rightNavActive { background:url(images/right-nav.gif) top right; width:214px; height:30px; display:block; text-decoration:none; color:#FFFFFF; font-size:12px; text-transform:uppercase; text-align:right; padding:5px 23px 0 0; background-color:transparent;}
.rightNavActive:hover { background:url(images/right-nav.gif) top right; width:214px; height:30px; display:block; text-decoration:none; color:#FFFFFF; font-size:12px; text-transform:uppercase; text-align:right; padding:5px 23px 0 0; border:none; background-color:transparent; }

/*** --- Dotted Hover Effect --- ***
.ctaContainer { width:247px; height:122px; border:none; display:block; margin:5px 0 0 5px; padding:0px; }
.ctaContainer:hover { width:247px; height:122px; display:block; border:dashed 2px #c9c9c9; margin:5px 0 0 5px; padding:-5px 0 0 -5px; }
/*** --- Dotted Hover Effect --- ***/

#foot { background:url(images/foot-bg2.gif) top left repeat-x; height:363px; }
#footOuter { width:965px; margin:0 auto 0 auto; background:url(images/foot-bg.jpg) top left; }
#footContainer { width:965px; margin:0 0 0 8px; }
#moreStuff { width:360px; margin:80px 0 0 20px; float:left; }
#moreStuff h1 { font-size:16px; font-weight:bold; color:#f740b6; padding:0 0 0 7px; text-transform:uppercase; border-bottom:solid 2px #919191; width:280px; }

#contact { background:url(images/right-bg.gif) repeat-x; margin:11px 0 0 0; background-color:#000000; display:block;}

.footLink { background:url(images/footlink-bg.png) top left; width:266px; height:28px; padding:5px 0 0 20px; font-size:12px; display:block; color:#FFFFFF; text-transform:uppercase; text-decoration:none; background-color:transparent; }
.footLink:hover { background:url(images/footlink-bg.png) top right; cursor:pointer; text-decoration:none; border:none; }

#soulaGossip { width:370px; float:left; margin:80px 20px 0 0px; }
#soulaGossip h1 { font-size:16px; font-weight:bold; color:#f740b6; padding:0 0 0 7px; text-transform:uppercase; border-bottom:solid 2px #919191; width:260px; }
#soulaGossip h2 { font-size:16px; font-weight:bold; color:#f740b6; padding:15px 0 0 7px; text-transform:uppercase; border-bottom:solid 2px #919191; width:260px; }
#soulaGossip p { line-height:17px; font-size:11px; }

#studies { width:150px; float:left; margin:80px 0 0 20px; }
#studies h1 { font-size:16px; font-weight:bold; color:#f740b6; padding:0 0 0 7px; text-transform:uppercase; border-bottom:solid 2px #919191; width:140px; }

.studies1 { background:url(images/studies1.gif) top left; width:60px; height:60px; float:left; margin:0 10px 10px 0; }
.studies1:hover { background:url(images/studies1.gif) top right; cursor:pointer; border:none; }

.studies2 { background:url(images/studies2.gif) top left; width:60px; height:60px; float:left; margin:0 10px 10px 0; }
.studies2:hover { background:url(images/studies2.gif) top right; cursor:pointer; border:none; }

.studies3 { background:url(images/studies3.gif) top left; width:60px; height:60px; float:left; margin:0 10px 10px 0; }
.studies3:hover { background:url(images/studies3.gif) top right; cursor:pointer; border:none; }

.studies4 { background:url(images/studies4.gif) top left; width:60px; height:60px; float:left; margin:0 10px 10px 0; }
.studies4:hover { background:url(images/studies4.gif) top right; cursor:pointer; border:none; }

.studies5 { background:url(images/studies5.gif) top left; width:60px; height:60px; float:left; margin:0 10px 10px 0; }
.studies5:hover { background:url(images/studies5.gif) top right; cursor:pointer; border:none; }

.studies6 { background:url(images/studies6.gif) top left; width:60px; height:60px; float:left; margin:0 10px 10px 0; }
.studies6:hover { background:url(images/studies6.gif) top right; cursor:pointer; border:none; }


#textfield2 { width:205px; height:26px; border:solid 1px #2d2d2d; background:url(images/textfield2-bg.gif) repeat-x; background-color:#FFFFFF; margin:0 0 4px 22px; padding:10px 0 0 10px; font-weight:normal; color:#7c7c7c; font-size:15px; }
#dropdown { width:217px; height:36px; border:solid 1px #2d2d2d; background:url(images/dropdown-bg.gif) repeat-x; margin:0 0 4px 22px; padding:8px 0 0 10px; font-weight:normal; color:#7c7c7c; font-size:15px; }
#button { background:url(images/button.gif) top left; width:79px; height:30px; display:block; margin:0 0 0 159px; border:none; }
#button:hover { background:url(images/button.gif) top right; width:79px; height:30px; display:block; margin:0 0 0 159px; border:none; cursor:pointer; }

.textfieldsending { width:205px; height:26px; border:solid 1px #2d2d2d; background:url(images/textfield2-bg.gif) repeat-x; background-color:#FFFFFF; margin:0 0 4px 22px; padding:10px 0 0 10px; font-weight:normal; color:#7c7c7c; font-size:15px; }

.textfieldsverify { width:140px; height:15px; border:solid 1px #2d2d2d; background:url(images/textfield2-bg.gif) repeat-x; background-color:#FFFFFF; margin:0 0 4px 22px; padding:5px 0 5px 10px; font-weight:normal; color:#7c7c7c; font-size:15px; }

.imgSplit { margin:15px 0 0 13px; }

/*** --- Portfolio --- ***/
.photo1 {padding: 0px; margin: 0 0 10px 20px; width:140px; float:left; }
.photo1 a {padding: 0px; margin: 0px;}
.photo1 a img {padding: 4px 25px 4px 14px; margin: 15px 0px 0px 1px; background: url(images/portfolio_bg.jpg) top center no-repeat;}
.photo1 a:hover img { background: url(images/portfolio_bg_on.gif) top center no-repeat;}
/*** --- Portfolio --- ***/

.textfieldsverify { width:100px; height:15px; border:solid 1px #2d2d2d; background:url(images/textfield2-bg.gif) repeat-x; background-color:#FFFFFF; margin:0 0 4px 12px; padding:5px 0 5px 10px; font-weight:normal; color:#7c7c7c; font-size:15px; }
.newsHeader { color:#f740b6; font-size:16px; font-weight:bold; }
.newsDate { font-size:12px; }

/*** --- New Contact Form --- ****/
#contactContainer { width:247px; margin:0px 0 3px 6px; height:350px; background:#232323; text-align:center; }
.contactField { width:210px; height:21px; text-transform:uppercase; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/new-text-field-bg.gif) repeat-x; border:solid 1px #2d2d2d; margin:0 0 2px 0; }
.contactList { width:217px; height:25px; text-transform:uppercase; padding:3px 3px 3px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/new-text-field-bg.gif) top left repeat-x; border:solid 1px #2d2d2d; margin:0 0 2px -1px; display:block; }
.contactList2 { width:217px; height:25px; text-transform:uppercase; padding:3px 3px 3px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/new-text-field-bg.gif) top left repeat-x; border:solid 1px #2d2d2d; margin:0 0 2px -1px; display:block; }
.tickContainer { width:225px; margin:0 auto; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:transparent; }
.tickBox { margin:4px 5px 0 4px; }
#contactButton { background:url(images/button.gif) top left; width:79px; height:30px; display:block; margin:15px 0 0 150px; border:none; }
#contactButton:hover { background:url(images/button.gif) top right; width:79px; height:30px; display:block; margin:15px 0 0 150px; border:none; cursor:pointer; }
.option { background:#FFFFFF; }
#checkbox { margin:0; padding:0; }
.formThankyou { color:#FFF; background-color:transparent; }
.formThankyou a { color:#19b1f5; text-decoration:none; border-bottom:dotted 1px #19b1f5; }
.formThankyou a:hover { color:#fff; text-decoration:none; border-bottom:dotted 1px #FFFFFF; background-color:transparent; }
/*** --- New Contact Form --- ****/

/*** --- Glossary Styles --- ***/
#glossary h3 {font-size:16px; font-weight:bold; color:#f740b6; padding:0 0 0 20px; text-transform:uppercase; border-bottom:solid 2px #919191; width:280px; }
#glossary h2 {font-size:16px; font-weight:bold; color:#FFFFFF; padding:0 0 0 20px; text-transform:uppercase; border-bottom:solid 2px #919191; width:280px; }
#glossary h4 {font-size:14px; font-weight:bold; color:#19b1f5;}
#glossary ul { }
#glossary li { margin:0 0 0 -25px; padding:0 0 0 20px; background:url(images/bullet.gif) top left no-repeat; color:#c9c9c9; line-height:22px;}
#glossary a { color:#c9c9c9; text-decoration:none; }
#glossary a:hover { color:#19b1f5; }



/*** --- Glossary Styles --- ***/



/*** --- Soula Recruitment Form --- ****/

#recruitmentContainer .error { color: #ff0000; }

#recruitmentContainer { width:600px; margin:20px 0 3px 15px; background:#232323; padding:10px 10px 20px 10px; }
#recruitmentContainer .nameField { width:180px; height:21px; float:left; text-transform:uppercase; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/new-text-field-bg.gif) repeat-x; border:solid 1px #2d2d2d; margin:10px 0 2px 10px; }
#recruitmentContainer .nameFieldError { width:180px; height:21px; float:left; text-transform:uppercase; padding:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/new-text-field-bg.gif) repeat-x; border:solid 2px #ff0000; margin:10px 0 2px 10px; }
#recruitmentContainer .dropdown { width:187px; height:25px; padding:3px 0 0 3px; text-transform:uppercase;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#e7e7e7; border:solid 1px #2d2d2d; margin:10px 0 2px 10px; }

#recruitmentContainer .dropdownError { width:187px; height:25px; padding:3px 0 0 3px; text-transform:uppercase;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#e7e7e7; border:solid 2px #ff0000; margin:10px 0 2px 10px; }


#recruitmentContainer .cvText { display:block; float:left; margin:13px 10px 0 10px; }
#recruitmentContainer .fileCV { margin: 10px 0 0 0; width:250px; }

.upload-button { background:url(images/upload-cv.jpg) top left; width:129px; height:30px; float:left; display:block; cursor:pointer; }
.upload-button:hover { background:url(images/upload-cv.jpg) top right; width:129px; height:30px; float:left; }

.smallText { float:left; width:490px; font-size:11px; margin:10px 0 0 10px; line-height:18px; padding:5px 10px 0 0; }
.smallText a { color:#19b1f5; }
.smallText a:hover { color:#fff; }