/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
.clearer {
	clear: both;
	height: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main {
	height: 321px;
	width: 744px;
	margin-left: auto;
	margin-right: auto;
}
#main #left {
	width: 470px;
	height: 321px;
	float: left;
}
#main #right {
	width: 274px;
	height: 321px;
	float: right;
	text-align: center;
}
#bar-standard {
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bar_standard_ccc.gif);
	height: 15px;
	margin-bottom: 1px;
	margin-top: 1px;
}
#bar-highlight {
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bar_highlight_999.gif);
	height: 5px;
}
#members {
	margin-left: auto;
	margin-right: auto;
	width: 744px;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#members ul {
	float: right;
}
#members ul li {
	display: block;
	float: left;
	list-style: none;
	font-size: x-small;
	line-height: 19px;
	color: #333333;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}
#members ul li a {
	display: block;
	height: 20px;
}
#members ul li a span {
	display: none;
}
#members ul li#members-login a {
	width: 95px;
	background: url(../images/btn_member_login.gif) no-repeat 0px 3px;
}
#footer {
	font-size: x-small;
	color: #999999;
	line-height: 14px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	width: 744px;
	clear: both;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
#footer p {
	padding-right: 10px;
}

/* Logo */
#logo {
	text-align: right;
	height: 124px;
	width: 744px;
	margin-right: auto;
	margin-left: auto;
}
#logo h1 a {
	display: block;
	background: url(../images/logo_lezhen_photography.gif) no-repeat;
	height: 124px;
	width: 460px;
	margin-left: 284px;
}
#logo h1 a span {
	display: none;
}

/* Navigation */
#nav {
	width: 470px;
	height: 35px;
	position: relative;
	bottom: 0;
}
#nav ul {
	margin: 0;
}
#nav ul li {
	display: block;
	float: left;
	list-style: none;
}
#nav ul li a {
	display: block;
	height: 35px;
}
#nav ul li a span {
	display: none;
}
#nav ul li#nav-gallery a {
	width: 150px;
	background: url(../images/btn_gallery.gif) no-repeat;
}
#nav ul li#nav-services a {
	width: 150px;
	background: url(../images/btn_services.gif) no-repeat;
	margin-left: 10px;
	margin-right: 10px;
}
#nav ul li#nav-contact a {
	width: 150px;
	background: url(../images/btn_contact.gif) no-repeat;
}
#nav ul li#nav-gallery a:hover, #nav ul li#nav-services a:hover, #nav ul li#nav-contact a:hover {
	background-position: 0 -35px;
}

/* Text */
#content h2, body#galleryview-on #sidebar h2 {
	font-size: larger;
	margin-bottom: 15px;
}
#content p, body#galleryview-on #sidebar p {
	font-size: small;
	line-height: 140%;
	margin-bottom: 10px;
}
#content ul, body#galleryview-on #sidebar ul {
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 20px;
	font-size: small;
	line-height: 140%;
	list-style-image: url(../images/list_bullet_arrow.gif);
}

/* Section specific */
body#gallery-on #nav ul li#nav-gallery a, body#galleryview-on #nav ul li#nav-gallery a, body#services-on #nav ul li#nav-services a, body#contact-on #nav ul li#nav-contact a {
	background-position: 0 -35px;
}
body#splash-on #logo h1 {
	display: none;
}
body#splash-on #content {
	width: 470px;
	text-align: center;
	height: 276px;
/*	margin-top: 142px;
	margin-bottom: 20px; */
	margin-bottom: 10px;
}
body#splash-on #sidebar {
	margin-top: 61px;
}
body#services-on #bar-highlight {
	background-image: url(../images/bar_highlight_blue.gif);
}
body#services-on #content {
	height: 286px;
}
body#services-on #sidebar ul {
	width: 80%;
	text-align: left;
	margin-left: 10px;
}
body#services-on #sidebar ul li#first-child {
	border-top: 1px dashed #0A6FB1;
}
body#services-on #sidebar ul li {
	list-style: none;
	font-size: 11px;
	line-height: 15px;
	padding: 2px 5px 6px 5px;
	border-bottom: 1px dashed #0A6FB1;
}
body#services-on #content h2#services {
	display: block;
	height: 17px;
	width: 82px;
	background-image: url(../images/heading_services.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#special {
	display: block;
	height: 20px;
	width: 118px;
	background-image: url(../images/heading_special_events.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#portraiture {
	display: block;
	height: 20px;
	width: 86px;
	background-image: url(../images/heading_portraiture.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#model {
	display: block;
	height: 20px;
	width: 134px;
	background-image: url(../images/heading_model_portfolios.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#nature {
	display: block;
	height: 20px;
	width: 283px;
	background-image: url(../images/heading_nature_scapes.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#art {
	display: block;
	height: 20px;
	width: 130px;
	background-image: url(../images/heading_art_photography.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#commercial {
	display: block;
	height: 20px;
	width: 97px;
	background-image: url(../images/heading_commercial.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#restoration {
	display: block;
	height: 20px;
	width: 92px;
	background-image: url(../images/heading_restoration.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#retouching {
	display: block;
	height: 20px;
	width: 90px;
	background-image: url(../images/heading_retouching.gif);
	background-repeat: no-repeat;
}
body#services-on #content h2#services span, body#services-on #content h2#special span, body#services-on #content h2#portraiture span, body#services-on #content h2#model span, body#services-on #content h2#nature span, body#services-on #content h2#art span, body#services-on #content h2#commercial span, body#services-on #content h2#restoration span, body#services-on #content h2#retouching span {
	display: none;
}
body#contact-on #content {
	height: 286px;
}
body#contact-on #content h2#contactform {
	display: block;
	height: 20px;
	width: 107px;
	background-image: url(../images/heading_contact_form.gif);
	background-repeat: no-repeat;
}
body#contact-on #content h2#contactform span {
	display: none;
}
body#contact-on #content form input, body#contact-on #content form textarea, body#contact-on #content form select {
	border: 1px inset #ccc;
	padding: 1px;
	background-color: #f1f1f1;
	width: 350px;
}
body#contact-on #content form input#submit {
	border: 1px solid #aaa;
	width: 100px;
}
body#contact-on #content form .row {
	clear: both;
	padding-top: 3px;
	font-size: small;
}
body#contact-on #content form .row label {
	float: left;
	width: 100px;
	text-align: right;
	line-height: 20px;
}
body#contact-on #content form .row .formw {
	float: right;
	width: 360px;
	text-align: left;
}
body#contact-on #content form .row .required {
	color: #F14E0E;
}
body#contact-on #content form .row .missing {
	background-color: #F14E0E;
}
body#contact-on #bar-highlight {
	background-image: url(../images/bar_highlight_orange.gif);
}
body#contact-on #sidebar img {
	margin-top: 0px;
}
body#contact-on #sidebar p {
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	padding: 10px 5px 6px 5px;
	color: #F14E0E;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
body#gallery-on #right {
	display: none;
	visibility: hidden;
}
body#gallery-on #left {
	width: 100%;
}
body#gallery-on #content {
	height: 286px;
}
body#gallery-on #content ul#categories {
	margin: 0;
}
body#gallery-on #content ul#categories li {
	display: block;
	float: left;
	height: 129px;
	list-style: none;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 10px;
	margin-top: 5px;
	text-align: center;
}
body#gallery-on #content ul#categories li a {
	display: block;
	height: 20px;
}
body#gallery-on #content ul#categories li a span {
	display: none;
}
body#gallery-on #content ul#categories li a img {
	margin-top: 25px;
	border: 1px solid #999;
	padding: 1px;
}
body#gallery-on #content ul#categories li#specialevents a {
	width: 150px;
	background: url(../images/lbl_special_events.gif) no-repeat;
}
body#gallery-on #content ul#categories li#portraiture a {
	width: 150px;
	background: url(../images/lbl_portraiture.gif) no-repeat;
}
body#gallery-on #content ul#categories li#modelportfolios a {
	width: 150px;
	background: url(../images/lbl_model_portfolios.gif) no-repeat;
}
body#gallery-on #content ul#categories li#naturescapes a {
	width: 150px;
	background: url(../images/lbl_nature_scapes.gif) no-repeat;
}
body#gallery-on #content ul#categories li#artphotography a {
	width: 150px;
	background: url(../images/lbl_art_photography.gif) no-repeat;
}
body#gallery-on #content ul#categories li#commercial a {
	width: 150px;
	background: url(../images/lbl_commercial.gif) no-repeat;
}
body#gallery-on #content ul#categories li#restoration a {
	width: 150px;
	background: url(../images/lbl_restoration.gif) no-repeat;
}
body#gallery-on #content ul#categories li#retouching a {
	width: 150px;
	background: url(../images/lbl_retouching.gif) no-repeat;
}
body#gallery-on #content ul#categories li#specialevents a:hover, body#gallery-on #content ul#categories li#portraiture a:hover,  body#gallery-on #content ul#categories li#modelportfolios a:hover, body#gallery-on #content ul#categories li#naturescapes a:hover, 	body#gallery-on #content ul#categories li#artphotography a:hover, body#gallery-on #content ul#categories li#commercial a:hover, 	body#gallery-on #content ul#categories li#restoration a:hover, body#gallery-on #content ul#categories li#retouching a:hover {
	background-position: -150px 0px;
}
body#gallery-on #bar-highlight, body#galleryview-on #bar-highlight {
	background-image: url(../images/bar_highlight_green.gif);
}
body#galleryview-on #content {
	height: 286px;
}
body#galleryview-on #content h2 {
	height: 20px;
	width: 150px;
	margin: 0;
}
body#galleryview-on #content h2 span {
	display: none;
}
body#galleryview-on #content h2#specialevents {
	background: url(/images/lbl_special_events.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#portraiture {
	background: url(/images/lbl_portraiture.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#modelportfolios {
	background: url(/images/lbl_model_portfolios.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#modelportfolios {
	background: url(/images/lbl_model_portfolios.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#naturescapes {
	background: url(/images/lbl_nature_scapes.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#artphotography {
	background: url(/images/lbl_art_photography.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#commercial {
	background: url(/images/lbl_commercial.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#restoration {
	background: url(/images/lbl_restoration.gif) -150px 0px no-repeat;
}
body#galleryview-on #content h2#retouching {
	background: url(/images/lbl_restoration.gif) -150px 0px no-repeat;
}
body#galleryview-on #content ul#photocollection {
	margin: 0px;
	height: 235px;
}
body#galleryview-on #content ul#photocollection li {
	display: block;
	float: left;
	list-style: none;
	text-align: center;
	margin: 5px;
}
body#galleryview-on #content ul#photocollection li img {
	border: 1px solid #999;
	padding: 1px;
}
body#galleryview-on #content ul#paging {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	float: right;
	clear: both;
}
body#galleryview-on #content ul#paging li {
	float: left;
	list-style: none;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #E2FF8C;
	border: 1px solid #9BCD0C;
	padding: 1px 5px 2px 5px;
}
body#galleryview-on #content ul#paging li {
	color: #CCC;
}
body#galleryview-on #content ul#paging li a {
	color: #333333;
	text-decoration: none;
}
body#galleryview-on #sidebar {
	text-align: left;
	padding-left: 10px;
}
body#imageview-on #right {
	display: none;
	visibility: hidden;
}
body#imageview-on #nav {
	display: none;
	visibility: hidden;
}
body#imageview-on #members {
	display: none;
	visibility: hidden;
}
body#imageview-on #bar-highlight {
	display: none;
	visibility: hidden;
}
body#imageview-on #bar-standard {
	display: none;
	visibility: hidden;
}
body#imageview-on #footer {
	display: none;
	visibility: hidden;
}
body#imageview-on #content {
	position: absolute;
	width: 90%;
	top: 0px;
	text-align: center;
	left: auto;
	right: auto;
}
body#imageview-on #content table#displayimage {
	margin: 0px;
	width: 744px;
}
body#imageview-on #content table#displayimage td {
	text-align: center;
}
body#imageview-on #content table#displayimage td#prev, body#imageview-on #content table#displayimage td#next, body#imageview-on #content table#displayimage td#curr {
	height: 504px;
	width: 104px;
}
body#imageview-on #content table#displayimage td#curr {
	width: 504px;
}
body#imageview-on #content table#displayimage td#prev img, body#imageview-on #content table#displayimage td#next img, body#imageview-on #content table#displayimage td#curr img {
	border: 1px solid #999;
	padding: 1px;
	margin-left: 6px;
}
body#imageview-on #content table#displayimage td#prev img, body#imageview-on #content table#displayimage td#next img {
	margin-top: 250px;
}
body#imageview-on #content table#displayimage .paging {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	background-color: #E2FF8C;
	border: 1px solid #9BCD0C;
	padding: 1px 5px 2px 5px;
	width: 40px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
body#imageview-on #content table#displayimage .paging a {
	text-decoration: none;
	color: #333333;
}