/* RJ VINCENT */


* {margin:0;padding:0;}
img {border:0;}
body {background:url(../images/core/bg-main.jpg) repeat center top;padding:5px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:62.5%;}

#container {width:950px;margin:0 auto;background:#fff;}


/* HEADER */

#header {width:870px;padding:35px 40px 20px 40px;}
#header .logo {float:left;}
#header .phone-number {float:right;margin:30px 0 0 30px;}
#header .view-our-projects {float:right;margin:30px 0 0 0;}



/* NAVIGATION */

#navigation {background:url(../images/nav/bg.gif) repeat-x center top;height:32px;padding:3px 0 0 0;}
#navigation ul {list-style:none;height:32px;margin:0 0 0 40px;}
#navigation ul li {float:left;}
#navigation ul li a {display:block;height:24px;padding:8px 15px 0 15px;text-decoration:none;font-size:1.2em;color:#000;_display:inline-block;}
#navigation ul li a:hover {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}

#navigation ul li.divider {padding:0 4px;background:url(../images/nav/divider.gif) no-repeat center 10px;height:32px;width:1px;}

body.home #navigation ul li#home a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}
body.company-profile #navigation ul li#company-profile a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}
body.our-people #navigation ul li#our-people a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}
body.projects #navigation ul li#projects a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}
body.qaosh #navigation ul li#qaosh a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}
body.career-opportunities #navigation ul li#career-opportunities a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}
body.contact #navigation ul li#contact a {background:url(../images/nav/roll.gif) repeat-x left top;color:#fff!important;}



/* CONTENT */

#content {width:950px;}
#content #content-left {width:160px;float:left;padding:30px 40px;}
#content #content-right {width:630px;float:left;padding:30px 40px 30px 20px;}

/* content left */

#content-left img {margin:0 0 8px 0;}
#content-left ul {list-style:none;}
#content-left ul li {margin:0;padding:0;margin:0 0 3px 0;}
#content-left ul li a {color:#0055bd;background:#eef6fc url(../images/core/arrow.gif) no-repeat 7px 9px;padding:6px 20px;display:block;font-size:1.2em;height:14px;text-decoration:none;}
#content-left ul li a:hover {background-color:#e6f0f8;}

.video div a {
	width: 160px; height: 142px;
	background: url('../images/core/button_video.gif') no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin-top: 30px;
}

.video div a:hover { background-position: 0 -142px !important; }


/* content right */

#content-right {color:#2a2a2a;line-height:1.8em;}
#content-right p {font-size:1.2em;padding:0 0 20px 0;}
#content-right a {color:#0055bd;text-decoration:none;}
#content-right a:hover {text-decoration:underline;}
#content-right h3 {font-size:1.6em;margin:0 0 15px 0;}
#content-right h4 {font-size:1.4em;margin:0 0 15px 0;}
#content-right h5 {font-size:1.4em;margin:0 0 10px 0;color:#666;}
#content-right ul {margin:0 0 20px 0;font-size:1.2em;padding:10px 10px 10px 30px;background:#ededde;}
#content-right blockquote {padding:20px;background:#ededde;margin:0 0 20px 0;font-size:1.2em;}
#content-right blockquote span.author {text-align:right;display:block;font-weight:bold;}

img.pic-right {float:right;margin:0 0 10px 10px;}
a.pdf {background:url(../images/icon-pdf.gif) no-repeat 0 0;display:block;height:20px;padding:0 0 0 20px;}



/* IMAGE TITLES */

h1, h2 {border-bottom:1px solid #dedede;padding:0 0 4px 0;}
body.home h1 {background:url(../images/titles/welcome-to-rj-vincent.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
body.company-profile h1 {background:url(../images/titles/company-profile.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
body.our-people h1 {background:url(../images/titles/our-people.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
body.projects h1 {background:url(../images/titles/projects.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
body.qaosh h1 {background:url(../images/titles/qaosh.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
body.career-opportunities h1 {background:url(../images/titles/career-opportunities.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}
body.contact h1 {background:url(../images/titles/contact.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}

h2 {background:url(../images/titles/current-vacancies.gif) no-repeat left top;height:41px;margin:0 0 20px 0;text-indent:-999px;overflow:hidden;}



/* ACCORDION */

.accordion a.title {cursor:pointer;display:block;text-decoration:none!important;color:#0055bd;background:#eef6fc url(../images/core/arrow.gif) no-repeat 7px 11px;padding:6px 20px;font-size:1.2em;height:14px;border-bottom:3px solid #fff;}
.accordion a.title:hover {background-color:#e6f0f8;}

/* our people */
body.our-people .accordion div {padding:10px 20px 0 22px;}



/* PROJECTS */

.project-listing-row {border-bottom:1px solid #ddd;margin:0 0 20px 0;}
.project-listing-item {width:200px; height:240px; float:left;margin:0 15px 0 0;text-align:center;}
.project-listing-item img {margin:0 0 10px 0;}
.project-listing-row .last {margin:0;}

.projects-detail-gallery {width:200px;margin:0 0 0 10px;float:right;}
.projects-detail-gallery img {margin:0 0 10px 0;}


/* CAREER OPPORTUNITIES */

#career-listings a {cursor:pointer;display:block;text-decoration:none!important;color:#0055bd;background:#eef6fc url(../images/core/arrow.gif) no-repeat 7px 10px;padding:6px 20px 0 20px;font-size:1.2em;height:24px;border-bottom:3px solid #fff;position:relative;}
#career-listings a:hover {background-color:#e6f0f8;}
#career-listings span.position-name {left:300px;}
#career-listings span.position-location, #career-listings span.position-name {position:absolute;}



/* CONTACT */

#contact-container {border-bottom:1px solid #ddd;padding:0 0 20px 0;margin:0 0 20px 0;}
#contact-details {width:200px;float:left;}
#contact-map {width:428px;border:1px solid #000;float:left;}




/* FOOTER */

#footer {height:72px;background:url(../images/core/footer-bg.gif) repeat-x left top;}
#footer-nav {float:left;font-size:1.1em;color:#bdbdbd;padding:20px;line-height:1.8em;}
#footer-nav a {color:#bdbdbd;text-decoration:none;}
#footer-nav a:hover {color:#999;}
.webfirm-logo {float:right;padding:27px 20px 0 0;}
.bvqi-logo {float:left;padding:13px 0 0 20px;}



/* CLEARFIX */

.clearfix:after {content:".";clear:both;display: block;height:0;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */