/* 
	
	raw engineering site styles

*/


 
/* Generic Styles
-------------------------------------------- */

*{
	color:#000;
	font-family: Verdana, Lucida, Arial, sans-serif;
	font-size:11px;
}

h2,h3,h4{
	color:#002b45;
	font-size:12px;
	font-weight:bold;
}

p,li{
	font-size:12px;
	line-height:1.5;
	word-spacing:0.2em;
}
a:hover{
	text-decoration:none;
}

a.more{
	color:#000;
	display:block;
	font-size:11px;
	padding:2px 0;
	border-bottom:2px solid #dcdedf;
	text-decoration:none;
	width:30px;
	height:1em;
}
a.more:hover{
	border-bottom:0;
}
span.bold{
	font-weight:bold;
}
 
/* masthead
-------------------------------------------- */
#masthead{
	background:transparent url('../images/watermark.png') 330px -32px no-repeat;
	height:95px;
	overflow-x:hidden;
	position:relative;
}
#logo{
	background:transparent url('../images/raw-logo.gif') -3px 0 no-repeat;
	height:57px;
	position:absolute;
	top:20px;
	text-indent:-99999px;
}
#navigation{
	background:transparent url('../images/nav-n-footer-brdr.png') -398px bottom no-repeat;
	padding-bottom:4px;
	position:absolute;
	left:152px;
	top:35px;
}
#navigation li:first-child{
	margin-left:404px;
}
#navigation li{
	display:inline;
	float:left;
	font-size:1em;
	height:25px;
	margin:0 8px;
}

#navigation li.current a,#navigation li.section a{
	font-weight:bold;
}

#navigation a{
	color:#000;
	font-size:1em;
	text-decoration:none;
	text-transform:lowercase;
}

#navigation a:hover{
	color:#b9bec0;
}
#navigation li.current a:hover,#navigation li.section a:hover{
	color:#000;
}


/* home page
-------------------------------------------- */
#home-carouse{
	position:relative;	
}
.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 950px; 
    height: 279px; 
} 
 
/* main carousel */ 
.scrollable .items{ 
    width:20000em; 
    position:absolute; 
    clear:both; 
}

.scrollable img {
	float:left;
	width:950px;
	height:279px;
}


.navi,.quotes-navi{
	position:absolute;
	top:90%;
	left:44%;
	z-index:10;
}
.navi a, .quotes-navi a{
	background:url("../images/main-crsl-navigator-sprite.png") no-repeat scroll 0 -57px transparent;	
	cursor:pointer;	
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin:5px;
}
.navi a.active{
	background:url("../images/main-crsl-navigator-sprite.png") no-repeat scroll -16px -57px transparent;
}
.nextPage,.prevPage{
	cursor:pointer;
	display:none; /*make it block to enable next-previous arrows on carousel*/
	height:57px;
	position:absolute;
	top:43%;
	width:57px;
	z-index:10;
}
.nextPage{
	background:url("../images/main-crsl-navigator-sprite.png") no-repeat scroll -61px 0 transparent;
	right:-32px;
}

.prevPage{
	background:url("../images/main-crsl-navigator-sprite.png") no-repeat scroll 0 0 transparent;
	left:-29px;
}

/* quotes carousel */

.quotes .scrollable{
	height:45px;
	margin-left:20px;
	margin-top:-15px;
	width:630px;
}

#home-highlights .quotes .scrollable li{
	float:left;
	height:45px;
	width:630px;
}

.quotes-navi{
	left:89%;
	top:79%;
}

.quotes-navi a{
	background:transparent url('../images/navigator-sprite.png') -30px 0 no-repeat;	
	width:12px;
	height:12px;
	margin:2px;
}
.quotes-navi a.active{
	background:transparent url('../images/navigator-sprite.png') -42px 0 no-repeat;
}
	
/*------------------------quotes carousel end*/

#home-highlights,#engineers-intro{
	background:#e7e5e5 url('../images/highlights-bg.png') repeat-x;
	border:1px solid #dcdedf;
	height:90px;
	margin:1em 0;
	width:948px
}

#home-highlights li{
	display:inline;
	height:90px;
}
#home-highlights li.customer-testimonial{
	background-image:none;
}
#offerings h2,#what-we-do h2, .quotes h2, .guarantee h2{
	width:155px;
	height:16px;
	text-indent:-9999px;
}
#offerings h2{
	background:transparent url('../images/home-page-sprite.png') 0 -165px no-repeat;
}
#offerings ul{
	margin:6px 0;
}
#what-we-do h2{
	background:transparent url('../images/home-page-sprite.png') 0 -182px no-repeat;
}
.quotes{
	background: transparent url('../images/highlights-separator.png') top right no-repeat;
	position:relative;
}
.quotes a.more{
	float:right;	
}
.quotes blockquote {
	color:#e38414;
	font-size:12px;
	line-height:1.2;
}
.quotes cite{
	font-size:11px;
}
.quotes h2{
	background:transparent url('../images/home-page-sprite.png') 0 -150px no-repeat;
	margin:10px 20px 20px;
}
.guarantee h2{
	background:transparent url('../images/home-page-sprite.png') 0 -134px no-repeat;
	margin:10px 20px 20px;
}
.guarantee p{
	margin-left:23px;
	margin-top:-10px;
}
#what-we-do p{
	margin:0.3em 0;
}
#offerings ul li{
	background:url("../images/offerings-bullets-sprite.png") no-repeat scroll 2px -16px transparent;
	margin-bottom:1px;
	padding-left:20px;
}
#what-we-do, #offerings{
	padding-bottom:1em;
}

/* Portfolio Page
-------------------------------------------- */
#portfolio-title{
	padding:1em;
	padding-left:0.5em;
	font-size:1.2em;
	font-weight:normal;
}
#portfolio-list > li{
	clear:both;
	float:left;
	margin-bottom:1.5em;
	width:950px;
}

#portfolio-list li div{
	float:right;
	margin-top:85px;
	width:55%;
}

#portfolio-list li img{
	float:right;
}
#portfolio-list li h3{
	border-top:1px solid #dcdedf;
	color:#000;
	padding:0.3em;
	text-align:right;
}
#portfolio-list li.odd div{
	float:left;
}
#portfolio-list li.odd img{
	float:left;
}

#portfolio-list li.odd h3{
	border-bottom:1px solid #dcdedf;
	border-top:0;
	text-align:left;
}

#portfolio-list li p{
	color:#043f57;
	padding:0.3em;
	text-align:justify;
}
#portfolio-list ul{
	color:#043f57;
	margin-left:1em;
}
#portfolio-list ul li{
	color:#043f57;
	width:99%
}

/* Engineers Page
-------------------------------------------- */
#engineers-list{
	margin-bottom:30px;
}
#engineers-list li{
	border:1px solid #dcdedf;
	display:inline;
	float:left;
	height:140px;
	margin:4px;
	overflow:hidden;
	width:121px;
}
#engineers-intro{
	height:120px;
	margin-top:0.5em;
}
#engineers-intro h2{
	margin:0.5em 1em;	
}

#engineers-intro p{
	margin:0 1em;	
}
.tooltip { 
    display:none; 
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px;
    width:160px; 
    padding:25px;
    color:#fff;     
}

/* Contact Us Page
-------------------------------------------- */
#contact-email{
	background:transparent url('../images/contact-form-sprite.png') 16px -16px no-repeat;
	border-bottom:1px solid #dcdedf;
	margin-top:4em;
	padding:16px 5px 5px 15px;
	width:97%;
}
#contact-email a:hover{
	text-decoration:none;
}
#contact-form{
	float:right;
	margin-bottom:1em;
}
#contact-form *{
	font-size:11px;	
}
#contact-form ul{
	margin:0.8em 0;
}
#contact-form li{
	width:99%;
	margin:0.2em 0;
}
#contact-form input[type=text]{
	border:0;
	border-bottom:1px solid #dcdedf;
	margin-left:5px;
	width:20em;
}
#contact-form-title{
	border-bottom:1px solid #dcdedf;
	padding:0.5em 0;
	text-align:left;
	width:99%;
}

#contact-form input[type=submit],#contact-form input[type=reset]{
	background:transparent url('../images/contact-form-sprite.png') 0 0 no-repeat;
	width:83px;
	height:16px;
	text-indent:-99999px;
	border:0;
	cursor:pointer;
}
#contact-form input[type=reset]{
	background:transparent url('../images/contact-form-sprite.png') -83px 0 no-repeat;
}
#contact-form input[name=name]{
	padding-right:11px;
	width:20em;
}
#contact-form input[name=chat-id]{
	padding-right:6px;
	width:16em;
}

#contact-form input[name=email-id]{
	padding-right:5px;
	width:21em;
}
#contact-form textarea{
	/*background:transparent url('../images/textarea-bg.png');*/
	border:1px solid #dcdedf;
	width:99%;
	line-height:1.5;
}
#contact-form label{
	clear:left;	
}

/* footer
-------------------------------------------- */
#footer{
	background:transparent url('../images/nav-n-footer-brdr.png') -228px top no-repeat;
}
#footer p{
	display:inline;
	float:right;
	font-size:0.8em;
	padding:0.5em 1em;
	margin-right:80px;
}