/*GLOBAL STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
img{border:none;}
a img {border: none;}
fieldset {border:0;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {display:block;}
h1{ font-size:17px; color:#5e3e2f;}
h2{ font-size:15px;}
h3{ font-size:15px;}
h4{ font-size:15px; color:#010101; font-weight:bold;}
h5{ font-size:12px; display:inline;}
h6{ font-size:14px; margin:2px 0 3px 0;}
p {margin-bottom:14px; text-align:justify;}
q:before, q:after {content:'';}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
address { display:table;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym {cursor:help; border-bottom:1px dotted;}
.right{float:right;}
.left{float:left;}
.block{display:block;}
.clear{ clear:both;}
a{text-decoration:underline; color:#000000;}
a:hover{ text-decoration:none;}
.sub-title {font-size:14px;}
body{background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}


/*** PAGE STRUCTURE ***/

#page{ width:749px;margin:0 auto;padding:0;}
#container-blue{ width:inherit; position:relative; font-size:13px; color:#000000; top:37px; height:698px; background:url(../images/blue-bg.jpg) no-repeat;}
#container-orange{ width:inherit; position:relative; font-size:13px; color:#000000; top:37px; height:698px; background:url(../images/orange-bg.jpg) no-repeat;}

.logo-blue {width:324px; height:96px; text-indent:-9999px; overflow:hidden; background:url(../images/logo-blue.gif) no-repeat 0 0;}
.logo-orange {width:324px; height:96px; text-indent:-9999px; overflow:hidden; background:url(../images/logo-orange.gif) no-repeat 0 0;}
#contentbox-blue {width:655px; height:484px; position:relative; top:45px; left:45px; background-color:#79ace8; border:1px solid #0c48c1;}
#contentbox-orange {width:655px; height:484px; position:relative; top:45px; left:45px; background-color:#f69631; border:1px solid #e45901;}
#contentmain {width:635px; height:466px; position:relative; top:15px; left:17px; overflow:auto;}
#contentmain2 {width:635px; height:466px; position:relative; top:15px; left:17px; overflow:hidden;}
.blue-line {width:inherit; height:1px; background:url(../images/dotted-line-blue.gif) repeat-x; clear:both; margin-bottom:13px;}
.orange-line {width:inherit; height:1px; background:url(../images/dotted-line.gif) repeat-x; clear:both; margin-bottom:13px;}
.content {width:600px; position:relative;}





/*NAVIGATION*/
#navigation {position:relative; top:49px; left:24px;}
/*Blue*/
#navigation-blue {width:707px; height:46px; overflow:hidden; display:inline; position:relative;  list-style:none;}
#navigation-blue li {list-style:none; display:inline;}
#navigation-blue a {background: url(../images/main-nav-blue.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-9999px; float:left;height:46px;}

/*Orange*/
#navigation-orange {width:707px; height:46px; overflow:hidden; display:inline; position:relative;  list-style:none;}
#navigation-orange li {list-style:none; display:inline;}
#navigation-orange a {background: url(../images/main-navigation.gif) no-repeat ;display:block;overflow:hidden;text-indent:-9999px; float:left;height:46px;}


/*both*/
#nav-about a{background-position:0px 0px;width:82px;}
#nav-about a:hover {background-position:0px -46px;	}

#nav-philosophy a{background-position:-82px 0px;width:100px;}
#nav-philosophy a:hover {background-position:-82px -46px;	}

#nav-service a{background-position:-182px 0px;width:83px;}
#nav-service a:hover {background-position:-182px -46px;	}

#nav-candidate a{background-position:-265px 0px;width:107px;}
#nav-candidate a:hover {background-position:-265px -46px;	}

#nav-client a{background-position:-372px 0px;width:84px;}
#nav-client a:hover {background-position:-372px -46px;	}

#nav-vacancy a{background-position:-456px 0px;width:99px;}
#nav-vacancy a:hover {background-position:-456px -46px;	}

#nav-links a{background-position:-555px 0px;width:77px;}
#nav-links a:hover {background-position:-555px -46px;	}

#nav-contact a{background-position:-632px 0px;width:75px;}
#nav-contact a:hover {background-position:-632px -46px;	}

/*** ABOUT PAGE ***/
#top-right-about {width:inherit; height:inherit; background:url(../images/top-right-about.jpg) no-repeat top right; position:relative}
.about-title {width:99px; height:17px; text-indent:-9999px; overflow:hidden; background:url(../images/title-aboutus.gif) no-repeat 0 0; float:right; margin-bottom:10px;}




/*** PHILOSOPHY PAGE ***/
#top-right-philosophy {width:inherit; height:inherit; background:url(../images/top-right-philosophy.jpg) no-repeat top right; position:relative}

.philosophy-title {width:162px; height:22px; text-indent:-9999px; overflow:hidden; background:url(../images/title-philosophy.gif) no-repeat 0 0; float:right; margin-bottom:10px;}


/*** CANDIDATE PAGE ***/
#top-right-candidate {width:inherit; height:inherit; background:url(../images/top-right-candidates.jpg) no-repeat top right; position:relative}

.candidate-title {width:121px; height:18px; text-indent:-9999px; overflow:hidden; background:url(../images/title-candidates.gif) no-repeat 0 0; float:right; margin-bottom:10px;}

/*** VACANCY PAGE ***/
#top-right-vacancy {width:inherit; height:inherit; background:url(../images/top-right-vacancy-bg.jpg) no-repeat top right; position:relative}

.vacancy-title {width:201px; height:21px; text-indent:-9999px; overflow:hidden; background:url(../images/title-vacancies.gif) no-repeat 0 0; float:right; margin-bottom:10px;}
#vacancy-tabs {position:absolute; top:-42px; width:338px; right:0; height:42px;}
#sales-tag {position:absolute; top:-54px; width:259px; height:96px; left:59px; background:url(../images/retail-opportunities.gif) no-repeat 0 0;}
.job-title {font-size:14px; font-weight:bold;}
.job-location {font-size:10px; color:#833503;}
.job-des {font-size:13px;}
.job-des ul {list-style-type:disc; margin-left:15px; margin-bottom:15px;}
.job-des li { list-style-type:disc;}
.apply-now-financial a {overflow:hidden; display:block; float:left; text-indent:-9999px; width:106px; height:30px; background:url(../images/apply-now.gif) no-repeat; margin-right:15px;}
.apply-now-financial a:hover {background-position:0 -30px;}

.apply-now-retail a {overflow:hidden; display:block; float:left; text-indent:-9999px; width:106px; height:30px; background:url(../images/apply-now.gif) no-repeat; margin-right:15px;}
.apply-now-retail a:hover {background-position:0 -30px;}
.apply-now-sales a {overflow:hidden; display:block; float:left; text-indent:-9999px; width:106px; height:30px; background:url(../images/apply-now.gif) no-repeat; margin-right:15px;}
.apply-now-sales a:hover {background-position:0 -30px;}
.ref-no {font-size:13px; margin-top:6px; color:#8c3a04}

/*Financial Tab*/
.tab-financial a {width:101px; background:url(../images/vacancy-accounting-tab.gif) no-repeat 0 0; height:42px; overflow:hidden; text-indent:-9999px; display:block; float:left; margin-right:7px;}
.financial-active .tab-financial a {background-position:0 -84px;}
.tab-financial a:hover {background-position:0 -42px;}
.financial-active .tab-financial a:hover {background-position:0 -84px;}

/*Retail Tab*/
.tab-retail a {width:100px; background:url(../images/vacancy-retail-tab.gif) no-repeat 0 0; height:42px; overflow:hidden; text-indent:-9999px; display:block; float:left; margin-right:7px;}
.retail-active .tab-retail a {background-position:0 -84px;}
.tab-retail a:hover {background-position:0 -42px;}
.retail-active .tab-retail a:hover {background-position:0 -84px;}

/*Marketing Tab*/
.tab-marketing a {width:100px; background:url(../images/vacancy-sales-tab.gif) no-repeat 0 0; height:42px; overflow:hidden; text-indent:-9999px; display:block; float:left; margin-right:0px;}
.marketing-active .tab-marketing a {background-position:0 -84px;}
.tab-marketing a:hover {background-position:0 -42px;}
.marketing-active .tab-marketing a:hover {background-position:0 -84px;}





/*** SERVICE PAGE ***/
#top-right-service {width:inherit; height:inherit; background:url(../images/top-right-services.jpg) no-repeat top right; position:relative}

.service-title {width:94px; height:19px; text-indent:-9999px; overflow:hidden; background:url(../images/title-services.gif) no-repeat 0 0; float:right; margin-bottom:10px;}


/*** CLIENT PAGE ***/
#top-right-client {width:inherit; height:inherit; background:url(../images/top-right-clients.jpg) no-repeat top right; position:relative}

.client-title {width:76px; height:17px; text-indent:-9999px; overflow:hidden; background:url(../images/title-clients.gif) no-repeat 0 0; float:right; margin-bottom:10px;}


/*** LINKS PAGE ***/
#top-right-link {width:inherit; height:inherit; background:url(../images/top-right-links.jpg) no-repeat top right; position:relative}

.link-title {width:202px; height:18px; text-indent:-9999px; overflow:hidden; background:url(../images/title-resources.gif) no-repeat 0 0; float:right; margin-bottom:10px;}


/*** CONTACT PAGE ***/
#top-right-contact {width:inherit; height:inherit; background:url(../images/top-right-contact.jpg) no-repeat top right; position:relative}

.contact-title {width:119px; height:16px; text-indent:-9999px; overflow:hidden; background:url(../images/title-contactus.jpg) no-repeat 0 0; float:right; margin-bottom:10px;}

.about-list {list-style-type:disc; margin-left:15px;}
.about-list li { margin-bottom:15px; list-style-type:disc;}