/*
  Author: Anthony Leung
  Website: http://www.anthonyleung.com
  Date: Dec 4th, 2006
  Description: Main layout & page styles
*/

/* GLOBAL STYLES
===============================================================*/
body {
	background-color:#e4e7d6;
	color:#222;
	font-family: verdana, arial, sans-serif; 
	font-size: 100%;
	}
html, body, h1, h2, h3, h4, h5, h6, img, p, a, ul, ol, li, dl, dt, dd, form { 
	margin:0; padding:0; border:0;
	}
html { min-height: 100%; margin-bottom: 1px; }
a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	color:black;
	text-decoration:underline;
}
p{
line-height:1.8em;
}
ul, ol, li { 
	list-style-type:none; 
	line-height:0;
	}
.clear_left { clear:left; }

#blurb {
	display: none;
}


/* LAYOUT STYLES
===============================================================*/
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:940px;
}
#main-header{
	width:940px;
}
#main-container{
	width:940px;
	background-image:url(images/main-bg.jpg);
	background-repeat:repeat-y;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#main-background{
	width:891px;
	padding-left:44px;
	height:auto;
	background-image:url(images/main-bg-image.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#main-footer{
	width:940px;
	height:40px;
	background-image:url(images/main-footer.jpg);
	background-repeat:no-repeat;
	clear:both;
}

#main-copyright{
	height:20px;
	text-align: center;
	color:#666666;
	text-decoration:none;
	font-size:x-small;
}
#main-copyright a{
	text-decoration:none;
	color:#666666;
}
#main-copyright a:hover {
	text-decoration:underline;
	color:#666666;
}
#splash-graphic-wrapper{
	margin-left:auto;
	margin-right:auto;
	width:666px;
}
#splash-graphic1 #splash-graphic4{
	width:100%;
}
#splash-graphic2{
	width:479px;
	float:left;
}
#splash-graphic3{
	width:187px;
	float:right;
}

#statement #wrapper{
	margin-left:auto;
	margin-right:auto;
	width:620px;
}
#statement #main-header{
	width:620px;
}
#statement #main-container{
	width:620px;
	background-image:url(images/statement-bg.gif);
	background-repeat:repeat-y;
	clear:both;
}
#statement #main-background{
	width:620px;
	height:450px;
	margin-left:-24px;
	background-image:url(images/statement-bg-image.gif);
}
#statement #main-footer{
	width:620px;
	height:40px;
	background-image:url(images/statement-footer.gif);
	background-repeat:no-repeat;
	clear:both;
}
#statement p{
	width:410px;
	margin-left:70px;
	font-size:x-small;
}
#close, #close a{
	width:auto;
	text-align:center;
	font-size:.83em;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
#close a:hover{
	color:black;
}

/* PAPER LAYOUT STYLES
===============================================================*/
#paper-wrapper{
	width:585px;
	padding-top:20px;
	padding-right:77px;
	float:right;
}
#paper-wrapper .paper-top{
	height: 25px;
	width: 585px;
	background-image:url(images/paper_bg_top.jpg);
}
#paper-wrapper .paper-container{
	width:555px;
	height:auto;
	padding-top:20px;
	padding-left:50px;
	padding-bottom: 20px;
	background-image:url(images/paper_bg.jpg);
	background-repeat:repeat-y;
}
#paper-wrapper .paper-container p{
	width:470px;
	font-size: x-small;
	color:#666666;
}
#paper-wrapper .paper-bottom{
	height: 25px;
	width: 585px;
	background-image:url(images/paper_bg_bottom.jpg);
}
/* NAVIGATION STYLES
===============================================================*/
#left-side{
	padding-top: 150px;
	padding-left:34px;
	float:left;
}
#left-side-gallery{
	padding-top: 25px;
	padding-left:34px;
	float:left;
}
#left-side-gallery .nav-dottedline, #left-side .nav-dottedline{
	width:155px;
}
#left-side-gallery .nav-title-select a, #left-side .nav-title-select a{
	width:155px;
	padding-left:10px;
	font-size:11px;
	/*font-weight:bold;*/
	font-variant:small-caps;
	text-decoration:none;
	letter-spacing:1px;
	color:#333333;
}
#left-side-gallery .nav-title a, #left-side .nav-title a{
	width:155px;
	padding-left:10px;
	font-size:11px;
	/*font-weight:bold;*/
	font-variant:small-caps;
	text-decoration:none;
	letter-spacing:1px;
	color:#999999;
}
#left-side-gallery .nav-title a:hover, #left-side .nav-title a:hover{
	color:black;
}
#detail {
	font-size:x-small;
	margin-top: 370px;
	margin-left:130px;
}
#detail a{
	font-size:.75em;
	/*font-weight:bold;*/
	text-decoration:none;
	color:#999999;
}
#detail a:hover{
	color:black;
}
#about {
	font-size:x-small;
	margin-top:-30px;
	margin-left:120px;
}
#about a{
	font-size:.75em;
	/*font-weight:bold;*/
	text-decoration:none;
	color:#999999;
}
#about a:hover{
	color:black;
}
#img{
	width:585px;
	height:auto;
	margin-bottom:50px;
	padding-top:20px;
	padding-left:20px;
	padding-right:77px;
	float:right;
}
#img p{
	font-size:x-small;
	color: #666666;
	padding-top:10px;
}
#img img{
	border-style:solid;
	border-color: black;
	border-width:1px;
}

/* CONTACT FORM STYLES
===============================================================*/
.textfield{
	width: 200px;
	height:15px;
	color:#666666;
}
.textarea{
	width: 470px;
	height:130px;
	color:#666666;
}


/* TEXT STYLES
===============================================================*/
.link{
	text-decoration:underline;
}
.title{
	font-size:.83em;
	font-weight:bold;
	color:#666666;
}
.regtxt{
	font-size:x-small;
	color:#666666;
	line-height:1.8
}

.clear {
       clear: both;
       height: 1px;
       font-size: 1px;
       line-height: 1px;
       margin-bottom: -1px;
}
dl{
}
dt{
	line-height: 1.8;
	font-size:x-small;
	color: #666666;
	float: left;
	width: 50px;
	clear: left;
}
dd {	
	line-height: 1.8;
	font-size:x-small;
	color: #666666;
	margin-left:55px;
	margin-right: 40px;
}