html {
     overflow: -moz-scrollbars-vertical;
     overflow-x: auto;
     overflow: scroll;
}

body {
	padding:0px;
	margin:0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, san, 'Lucida Grande', 'Lucida Sans Unicode', Verdana;
	background-color: #ffffff;
	font-size: 12px;
	color: gray;
	
	
	/* to resolve scroll bar issue */

}

td {
	padding: 0;
}

a,
p a {
	color: #a0a0a0;
	text-decoration: none;
	outline: none;
}

img {
	border: none;
}

/*h1, h2, h3, h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans;
	letter-spacing: .05em
}*/

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/* For pre-load purpose */
.hidden_pics {
	display: none;
}

/* Root container */
#container,#bkgrnd_bottom {
	margin-left: auto;
	margin-right: auto;
	
	width: 754px;
	
	padding-left: 51px;
	padding-right: 51px;
}


#footer {
	margin-left: auto;
	margin-right: auto;
	width: 856px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 50px;
	text-align: right;
}

#container {
	/*background-image: url('../images/bg_middle.png');*/
}


#bkgrnd_bottom {
	height: 43px;
/*	background-image: url('../images/bg_bottom.png');*/
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

#image {
	width: auto;
}

/* BEGIN First comp. */
#main_menu {
	width: 100%;
	height: 70px;
	padding-top: 30px;
	
	background-color: #ffffff;
	margin-bottom: 3px;
}

#jane_logo {
	float: left;
	margin-top: 29px;
	background-color: #ffffff;
}

#main_nav {
	float: right;
	margin: 0;
	margin-top: 50px;
	padding: 0;
}

#main_nav li {
	float: right;
	margin-left: 50px;
}

#main_nav li a:hover{
	color: #555555;
}

/* END First Comp. */




/* BEGIN Second Comp. */

#hline {
	width: 100%;
	height: 40px;
	
	background-color: #000000;
}
#initial_quote {
	width: 730px;
	padding-left: 17px;
	
	font-size: 12px;
	color: #ffffff;
}

#sub_menu {
	width: 100%;
	height: 42px;
}

#portfolio_title {
	margin-top: 2px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #777777;
	
}

.sub_title {
	float: left; 	
	line-height: 40px;
}

#sub_nav_title {
	float: right;
	
	font-size: 10px;
	line-height: 10px;
	
	margin-top: 16px;
	margin-bottom: 16px;
	
}

#sub_nav {
	float: right;
	
	margin: 0;
	padding: 0;
	
	margin-top: 17px;
	margin-bottom: 15px;
	
}

.sub_link {
	
	float: right; 
	width: 10px;
	height: 10px;
	margin-left: 7px;
}

.sub_item.activated, .sub_item.activated:hover {	
	background-color: #606060;
}

.sub_item {
	float: right;
	width: 10px;
	height: 10px;
	background-color: #aaaaaa;
}

.sub_item:hover {
	background-color: #999999;
}

/* END Second Comp. */





/* BEGIN Third Comp. */

#content {
	width: 100%;
	height: 100%;
	display: block;
	min-height: 471px;
}

#tile_pics {
	width: 756px;
	padding: 0;
	margin: 0;
	float:left;
	/*min-height: 300px;*/
	background-color: #ffffff;
}

.tile {
	width: 250px;
	height: 155px;
	
	margin-right: 2px;
	margin-bottom: 2px;
	
	float:left;
}

.tile_link {
	width: 250px;
	height: 155px;

}

.pic {
	width: 250px;
	height: 155px;
}

.overlay {
	visibility: hidden;
	position: relative; 
	left: 0; 
	top: -158px;
}

#detail_desc {
	float: left;
	width: 100%;
}

/* END Third Comp. */


/* BEGIN Detail Comp. */

#brief_desc {
	float: left;
	width: 594px;
	height: 360px;
}

#brief_desc.allowLongerList {
	height: auto;
}

#detail_gallery {
	float: left;
	height: 350px;
}

#right_desc {
	float: right;
	width: 147px;
}


#right_desc a, #resume_link {
	text-decoration:none;
	border-bottom:1px dotted gray;
	line-height: 18px;
	background: #f0f0f0;
}

#right_desc a:hover, #resume_link:hover {
	background: #e0e0e0;
	color: #808080;
}

.desc_title {
	font-weight: bold;
	color: #606060;
	margin: 0px;
	margin-bottom: 3px;
	letter-spacing: 0.05em;
	font-size: 11px;
	font-family: Georgia, Times, serif;
}

.intro {
	margin: 0;
	margin-bottom: 10px;
}

#long_desc {
	line-height: 16px;
	width: 596px;
}

.desc_subtitle {
	font-weight: bold;
	color: #606060;
	margin: 0px;
	margin-bottom: 3px;
	letter-spacing: 0.05em;
	font-size: 11px;
	font-family: Georgia, Times, serif;
	font-size: 12pt;
}

.desc_caption {
	margin: 0;
	width: auto;
	font-style: italic;
}

.desc_tiles {
	float: left;
	padding: 0;
	margin: 0;
	width: 598px;
	margin-bottom: 10px;
}

.desc_tile {
	width: 297px;
	float: left;
	margin-right: 2px;
}

.desc_tile_text {
	padding-left: 5px;
}
/* END Detail Comp. */