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

/***** handcrafted and coded by Natisha Joshi Solanki *****/

/*************************************************************/
/****** For all pages - home and static pages ****************/
/*************************************************************/

html, body {
	margin:0;
    padding:0;
	height: 100%;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#wrap {
	min-height: 100%;
}

#whitespace {
	overflow:auto;
	padding-bottom: 660px;  /* must be same height as #main */
}

#main {
	background-color: #FFFFFF;
	width: 100%;
    position: relative; 
	margin-top: -660px;
	height: 660px;
    clear: both;
}

#logo {
	height: 80px;
	width: 100%;
	background-color: #D7D7D7;
}

#content-scroll {
	overflow-y: hidden;
	overflow-x: auto;
    margin: 5px 0px 5px 0px;
    height: 520px;
    width: 100%;	
    background-image:url(../artwork/dotted.png);
    text-align: center;
    vertical-align: middle;
}

#menu {
	background-color: #EEEEEE;
	text-align: right;
}

/*************************************************************/
/****** For home page only ***********************************/
/*************************************************************/

#imagecontent {
	vertical-align: middle;
    margin: 10px 0px 10px 0px;
	height: 500px;
}

#images {
    width: 29536px;
	overflow-x: scroll;
}

#content-slider {
  width: 97%;
  height: 9px;
  margin-left: 3%;
  margin-top:-9px;
/*  background: #EEEEEE;*/
  position: absolute;
  bottom:40px;
}

#dummy-slider {
  width: 100%;
  height: 9px;
/*  background: #EEEEEE;*/
  position: absolute;
  bottom:40px;
}

/*************************************************************/
/****** For JQuery slider on home page ***********************/
/*************************************************************/

.ui-slider-handle {
  width: 3%;
  height: 15px;
  margin-left: -3%;
  position: absolute;
  background: #333333;
  background-image:url(../artwork/arrow.jpg);
  background-repeat:no-repeat;
  background-position:center;
  border: 0;
}

.ui-state-hover, .ui-widget-content .ui-state-hover { 
   border: 0px;
   background-image:url(../artwork/arrow_focus.jpg);
   outline: none;
}
.ui-state-focus, .ui-widget-content .ui-state-focus { 
   border: 0px;
   background-image:url(../artwork/arrow_focus.jpg);
   outline: none;
}



/*************************************************************/
/****** For STATIC content pages - about, info, contact ******/
/*************************************************************/

.staticcontent {
	vertical-align: middle;
    margin: 10px 0px 10px 0px;
	height: 500px;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}	

/*************************************************************/
/***** About *************************************************/

h2 {
	font-size: 20px;
}

#about {
    background-image:url(../artwork/about_blank.jpg);
	background-repeat:no-repeat;
}

#about-text {
	margin: 0px 0px 0px 25px;
	padding: 140px 450px 0px 15px;
	width:350px;
	color: black;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
    font-size: 13px;
	line-height: 1.75em;
	text-align: left;
}

/*************************************************************/
/***** Info **************************************************/

#info {
	background-image:url(../artwork/info_blank.jpg);
	background-repeat:no-repeat;
}

#info-text {
	margin: auto;
	padding: 345px 25px 0px 25px;
	width: 800px;
	color: black;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
    font-size: 16px;
	text-align: left;
}

#info-text h1 {
    padding: 0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
    text-transform: lowercase;
	font-weight: normal;
	line-height: 1.2em;
}

#info-text h2 {
	padding: 0px;
	margin: 0px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
	font-size: 18px;
    text-transform: uppercase;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 1px;
}

#info-text h3 {
	padding: 0px;
	margin: 0px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
	font-size: 14px;
    text-transform: lowercase;
	font-weight: normal;
	line-height: 1em;
	text-align: right;
}

#info-text a:link {
    text-decoration: none;
	color: black;
}

/*************************************************************/
/***** Contact ***********************************************/

#contact {
	background-image:url(../artwork/contact_blank.jpg);
	background-repeat:no-repeat;
}

#contact-text {
	margin: auto;
	padding: 90px 25px 0px 25px;
	width: 800px;
	color: black;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
    font-size: 16px;
	text-align: left;
}

#contact-text h1 {
	padding: 0px;
	margin: 0px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
	font-size: 14px;
    text-transform: uppercase;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 1px;
}

#contact-text h2 {
	padding: 0px;
	margin: 10px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, sans-serif;
	font-size: 16px;
    text-transform: lowercase;
	font-weight: normal;
	line-height: 2.2em;
	text-align: right;
	font-weight: bold;
}

#contact-text a:link {
    text-decoration: none;
	color: black;
}