/* Main div's */

div #bgwrap {
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div #nav-left {
	width: 50px;
	float: left;
}
div #logo {
	height: 139px;
	float: right;
}
div #detail {
	float: left;
	height: 600px;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #000000;
	width: 720px;
	padding:10px 10px 24px 10px;;
}
div #footer {
	float: right;
	height: 50px;
	width: 777px;
	background-color: #000000;
}
div #top-nav {
	background-color: #000000;
	height: 20px;
	width: 750px;
	float: right;
}


div #container {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div #home-detail {
	float: left;
	height: 589px;
	margin-top: 5px;
	margin-left: 5px;
	width: 745px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 359px;
}

div #mainpic {

	float: left;
	height: 200px;
	margin-top: 4px;
	margin-left: 4px;
	border: 1px solid #000000;
	width: 740px;
}


div #subpic {
	float: left;
	height: 145px;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #000000;
	width: 740px;
}


/* Left Navigation  */

.leftnav-img {
	float: right;
}


/* Top Nav */

#top-nav li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}

.top-nav-right {
	padding-top: 5px;
	text-align: right;
}

#top-nav a:link, #top-nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#top-nav a:hover {
	color: #516589;
	text-decoration: none;
}



/* story  */

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.content img {
	float: right;
	margin-top: 0px;
	padding-left: 10px;
}



/* footer  */



#footer li {
	display: inline;
	list-style-type: none;
}


.footer-left {
	float: left;
	padding-top: 15px;
	padding-left: 20px;
}


#footer a:link, #footer a:visited {
	text-decoration: none;
	padding-right: 10px;
	color: #FFFFFF;
}

#footer a:hover {
	color: #516589;
	text-decoration: none;
}




/* home page  */

#home-detail p {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#home-detail img {
	padding-bottom: 5px;
}




/* portfolio  */

div #beforepic1 {
	height: 200px;
	width: 300px;
}


#menu {position:relative; width:700px; height:400px; background-color:#fff; margin:2em auto;}

#menu a.p1:visited, #menu a.p2:visited /*, #menu a.p3:visited, #menu a.p4:visited, #menu a.p5:visited, #menu a.p6:visited, #menu a.p7:visited, #menu a.p8:visited  */ {position:absolute; display:block; width:80px; height:53px; color:#fff; text-decoration:none;}
#menu a.p1:visited {
	top:0px;
	left:0px;
}
#menu a.p2:visited {
	top:0px;
	left:85px;
}


#menu a.p1, #menu a.p2 {
	position:absolute;
	display:block;
	width:80px;
	height:53px;
	color:#fff;
	text-decoration:none;
	
}
#menu a.p1 {top:0px; left:0px; background-image: url(../images/sample1-th.gif)}
#menu a.p2 {top:0px; left:85px; background-image: url(../images/sample2-th.gif)}


#menu a.p1:hover, #menu a.p2:hover, #menu a.p3:hover, #menu a.p4:hover, #menu a.p5:hover, #menu a.p6:hover, #menu a.p7:hover, #menu a.p8:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}

#menu a img {display:block; position:absolute; width:700px; height:0px; border:0px; top:0px; left:0px;}


#menu a img {
	display:block;
	position:absolute;
	top:75px;
	left:0px;
}


#menu a.p1:hover img {
	display:block;
	position:absolute;
	height: 250px;
	border: 1px;
	left: 0px;
	top: 75px; 
}
#menu a.p2:hover img {
	display:block;
	position:absolute;
	height: 250px;
	border: 1px;	
	left: -85px;
	top: 75px; 
}

#mainsample {position:absolute; left:0px; top:75px; border:1px;}