/*CSS FOR ALL STARTS*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup,
sub {
	height: 0;
	/*line-height: 1; */font-family:Sans-serif,Verdana,Arial,Helvetica,Georgia; font-size:10px;
	vertical-align: baseline;
	/*_vertical-align: bottom;*/
	position: relative;
	
}

sup {
	/*vertical-align:text-top;*/bottom: 1.5ex;
}
sub {
	/*vertical-align:text-bottom;*/top: .5ex;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	/**font-size:100%;*/font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/*----------------------- Clear CSS Ends Here -----------------------*/
html, body {background:#ffffff url(../images/shiprabist_bg.jpg) fixed no-repeat;margin:0px; padding:0px;}

.hidden {display: none;}

.clr { clear:both;}
.floatL {float:left;}
.floatR {float:right;}

.page-container {width:100%; height:100%;text-align:left;}

.logo-container {width:800px;height:101px;overflow:hidden;}
.logoleft { width:152px; height:101px; background-image:url(../images/graphics-web-visual-designer.jpg); background-repeat:no-repeat; display:block; float:left;}
.logo {width:323px;height:52px; background-image:url(../images/shipra_bist.gif); background-repeat:no-repeat; display:block; float:left; margin-top:39px; }

.nav-container {width:800px;height:94px;overflow:hidden;}
.navleft {width:152px; height:94px; background-image:url(../images/graphics-web-visual-designer2.jpg); background-repeat:no-repeat; display:block; float:left;}

/*----------------------- WebsiteNavigation CSS Starts -----------------------*/
#menu {
	list-style: none; display: block;
	padding: 0;
	margin: 0;
	width: 648px;
	height: 94px;
	background: url(../images/nav_bg.gif) no-repeat;
	position: relative;float:left;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none; margin-top:4px;
}
#menu a:hover {
	/*background-position: left bottom;*/margin-top:4px;background-position:0 -40px;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 84px;
	height: 40px;
	background: url(../images/home.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .home span {
	width: 91px;
	height: 36px;
	background: url(../images/home-over.gif) no-repeat;
	left: 0px;
	top: 30px;
}
#menu .about {
	width: 185px;
	height: 40px;
	background: url(../images/about.gif) no-repeat;
	left: 126px;
	top: 0px;
}
#menu .about span {
	width: 77px;
	height: 26px;
	background: url(../images/about-over.gif) no-repeat;
	left: 24px;
	top: 40px;
}
#menu .portfolio {
	width: 79px;
	height: 40px;
	background: url(../images/portfolio.gif) no-repeat;
	left: 347px;
	top: 0px;
}
#menu .portfolio span {
	width: 69px;
	height: 36px;
	background: url(../images/portfolio-over.gif) no-repeat;
	left: 10px;
	top: 34px;
}
#menu .contact {
	width: 98px;
	height: 40px;
	background: url(../images/contact.gif) no-repeat;
	left: 463px;
	top: 0px;
}
#menu .contact span {
	width: 101px;
	height: 34px;
	background: url(../images/contact-over.gif) no-repeat;
	left: 10px;
	top: 39px;
}
/*----------------------- WebsiteNavigation CSS Ends -----------------------*/


.pagecontent {width:800px;/*min-height:380px;*/display:block;overflow:hidden; background-image:url(../images/pagecontent_bg.gif); background-repeat:repeat-y;}
.section1{width:798px;}
.pagecontentL {/*width:586px;*/width:582px; min-height:100px; display:block;overflow:hidden; float:left;/*border:1px solid #000000;*/}
.pagecontentR {width:210px; min-height:100px; display:block;overflow:hidden; float:right;/*border:1px solid #000000;*/}

.introtext { width:554px;font:italic 18px Georgia, "Times New Roman", Times, serif;/*font:italic 17px/20px Georgia, "Times New Roman", Times, serif;font-family:Arial,Helvetica,Verdana,Sans-serif;font-size:18px; font-style:italic;*/line-height:26px;font-style:italic; color:#000;/* margin:0px auto;*/margin:0px 0px 0px 17px;}
.introtext b.backcolor{ color:#ffffff; font-weight:normal; background-color:#013a48; padding:3px 5px;}

.text { width:554px;font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia; font-size:12px; color:#525252; line-height:20px; /*margin:0px auto;*/margin:0px 0px 0px 17px;}

/*----------------------- myresumePDF CSS Strats -----------------------*/
.myresume { width:208px; height:104px; background-image:url(../images/myresume_bg.gif); background-repeat:no-repeat; display:block; /*margin:4px;*/ padding:25px 0px 0px 135px; margin-top:18px;}

a.pdf {width:46px; height:58px; background-image:url(../images/resumepdf.gif); background-repeat:no-repeat; display:block; /*margin:0px 0px 5px 135px;*/}
a.pdf:hover{width:46px; height:58px;background-image:url(../images/resumepdf.gif);background-position:0 -58px;display:block;}
/*----------------------- myresumePDF CSS Ends -----------------------*/

/*----------------------- Socailboomarks CSS Strats -----------------------*/
.socailboomarks {
	list-style: none; display: block;
	padding: 0;
	margin: 0;
	width: 105px;
	height: 113px;
	position: relative;float:right;margin-right:27px;
}
.socailboomarks a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
.socailboomarks a:hover {}
.socailboomarks .linkedin {
	width: 31px;
	height: 113px;
	background: url(../images/socail_bookmarks.gif); background-position:left; background-repeat:no-repeat;
	left: 0px;
	top: 0px;
}
.socailboomarks .twitter {
	width: 31px;
	height: 113px;
	background: url(../images/socail_bookmarks.gif); background-position:69px;
	left: 35px;
	top: 0px;
}
.socailboomarks .facebook {
	width: 31px;
	height: 113px;
	background: url(../images/socail_bookmarks.gif); background-position:34px;
	left: 72px;
	top: 0px;
}
/*----------------------- Socailboomarks CSS Ends -----------------------*/

/*----------------------- PortfolioSlideshow CSS Strats -----------------------*/
#slideshow {
	margin:0 auto;
	/*width:640px;
	height:263px;*/width:780px;
	height:409px;
	background:transparent url(../images/bg_slideshow.gif) no-repeat 0 0;
	position:relative; font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}
#slideshow a {
  color:#f6fbd2;
  text-decoration:underline;
}
#slideshow a:hover { color:#f6fbd2;
    text-decoration:none;
}
#slideshow #slidesContainer {
  margin:0 auto;
  /*width:560px;
  height:263px;*/ width:700px; height:400px;/* border:1px solid #f00000;*/
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:680px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:400px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
	width:41px;
  height:30px; /*width:39px;height:263px;*/
 text-indent:-10000px;
  position:absolute;
  cursor: pointer;margin-top:350px;
}
#leftControl {
  top:0;
  left:0; margin-left:11px;
  background:transparent url(../images/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control_right.jpg) no-repeat 0 0;
}
/*.slide h2, */
.slide p {
  width:670px;
  height:400px; margin:5px auto;
  /*margin:9px 0px 0px 0px;*/font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia; font-size:12px; color:#ffffff; line-height:18px;
}
.slide b {font:italic 17px Georgia, "Times New Roman", Times, serif;
  color:#ffffff;}
  
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {width:700px; height:311px;margin:10px 0px 0px 0px;
 /* float:right;
  margin:0 15px;*/
}

a.clickhere {
	background:url(../images/clickhere.gif) no-repeat;
	position:absolute;
	/*width:155px;
	height:55px;*/ width:242px; height:82px;
	display:block;
	left: 516px;
	/*top: 965px;*/top: 1069px;
	z-index:999;
}
/* for Mozilla only*/
html > body a.clickhere {
	background:url(../images/clickhere.png) no-repeat;
	position:absolute;
	/*width:155px;
	height:55px;*/ width:242px; height:82px;
	display:block;
	left: 516px;
	/*top: 966px;*/ top:1069px;
	z-index:999;
}
/*----------------------- PortfolioSlideshow CSS Ends -----------------------*/
.introtext2 {/* width:554px;*/font:italic 18px Georgia, "Times New Roman", Times, serif;line-height:26px;color:#000;margin:0px 0px 0px 17px;}

.text2 { font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia; font-size:12px; color:#525252; line-height:20px; margin:0px 20px 0px 17px;}
.text2 a{color:#013a48; text-decoration:none;}
.text2 a:hover{color:#013a48; text-decoration:underline;}

.text3 { font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia; font-size:11px; color:#525252; line-height:18px; margin:0px 20px 0px 20px;}

/*----------------------- ContactusFORM CSS Starts -----------------------*/
.contatcus { width:720px; height:269px; background-image:url(../images/contactbg.jpg); background-repeat:no-repeat; display:block; margin:15px auto;}

.quickcontactform {width:405px;font-family:Arial,Verdana,MS Sans Serif;font-size:12px;color:#ffffff; line-height:22px; text-align:left; padding:20px 10px;margin:0px 0px 0px 80px;/*border:1px solid #000000;*/}
.quickcontactformRow {width:350px; margin-top:6px;/*border:1px solid #000000;*/}
/* for Mozilla only*/
/*html > body .quickcontactformRow {width:305px; min-height:30px;}*/
.quickcontactformL { width:120px;float:left;/*border:1px solid #000000;*/}
.quickcontactformR{ width:220px;float:right;/*border:1px solid #000000;*/}

.contactformtxtfield {
	background-color: #ffffff;
	border: 1px solid #b45709;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 200px;
	padding-left:4px;
}

.contactformtxtarea {
	background-color: #ffffff;
	border: 1px solid #b45709;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	height: 80px;
	width: 200px;
	padding-left:4px;
}
.submitbtn {
 background: url(../images/submitbutton.gif) no-repeat;
 height: 21px;
 width: 55px;
 border-style: none;
 cursor: pointer;
}
/*----------------------- ContactusFORM CSS Ends -----------------------*/



a.top {
		float:right;
		margin-right:45px;
		/*margin-top:100px;*/ margin-top:20px;
		display: block;
width: 45px;
height: 20px;
background: url(../images/top.gif); background-repeat:no-repeat;
	}
a.top:hover { background: url(../images/top.gif); background-position:0 -20px;display:block;}

a.viewallwork {
		float:right;
		display: block;
width: 145px;
height: 20px;
background: url(../images/view_all_work.gif); background-repeat:no-repeat;
	}
a.viewallwork:hover { background: url(../images/view_all_work.gif); background-position:0 -20px;display:block;}

a.back {
		float:left;
		margin-left:25px;
		/*margin-top:100px;*/ margin-top:20px;
		display: block;
width: 85px;
height: 20px;
background: url(../images/back.gif); background-repeat:no-repeat;
	}
a.back:hover { background: url(../images/back.gif); background-position:0 -20px;display:block;}

a.next {
		float:right;
		margin-right:45px;
		/*margin-top:100px;*/ margin-top:20px;
		display: block;
width: 145px;
height: 20px;
background: url(../images/view-next-project.gif); background-repeat:no-repeat;
	}
a.next:hover { background: url(../images/view-next-project.gif); background-position:0 -20px;display:block;}


/*----------------------- FolioPage CSS Strats -----------------------*/

.project {width:740px;background-image:url(../images/postcreatorbg.jpg); background-repeat:no-repeat; background-color:#8bd9ef; margin:auto;font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia;font-size: 11px;color:#000000; line-height:20px;}
.projectimg {width:700px;/*height:80px;*/border:1px solid #ffffff; margin:5px;padding:2px 2px 2px 2px; /*overflow:hidden;*/ margin:4px auto;}
.projectimgw {width:700px; height:216px;display:block; overflow:hidden;}

.projectt { font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia; font-size:12px;color:#000000; line-height:18px; margin:10px 20px 0px 17px;}
.projectt a{color:#013a48; text-decoration:none;}
.projectt a:hover{color:#013a48; text-decoration:underline;}

/*----------------------- FolioPage CSS Ends -----------------------*/
/*----------------------- FolioPage-SUBPages CSS Strats -----------------------*/
ul.thumbs{ list-style: none; margin: 10px 0px 20px 45px; padding: 0; }
ul.thumbs li{ height:150px;  float: left; padding: 0; margin: 15px; position: relative;}
ul.thumbs li a img{ border: 5px solid #cdcdcd;}
ul.thumbs li a:hover img{ border: 5px solid #8bd9ef; }
/*ul.thumbs li a{color:#039cc8; text-decoration:none; font-weight: bold;}
ul.thumbs li a:hover{ color:#013a48; text-decoration:underline; font-weight: bold;}*/
/*ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }*/
.thumbstext { font-family:Arial,Helvetica,Verdana,Sans-serif,Georgia; font-size:11px; color:#525252; line-height:18px; margin:0px 5px 0px 5px;}
.thumbstext a{ color:#039cc8; text-decoration:underline;}
.thumbstext a:hover{ color:#013a48; text-decoration:none;}
/*----------------------- FolioPage-SUBPages CSS Ends -----------------------*/


.valid {margin:0px 20px 5px 20px;}