/* 
Title:		The online site of Onyx Effects, LLC CSS file
Author: 	www.onyxeffects.com
*/


body {
	background: #ADCA86;
	background: #ECECEC url(../images/png/bg/obg.png) top center  repeat-y;
	background: #81B444 url(../images/png/bg/town-bg.png) top center fixed no-repeat;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	scrollbar-base-color: #CCCCCC;
	scrollbar-face-color:  #F5F7FA;
	scrollbar-highlight-color: #F5F7FA;
	scrollbar-shadow-color: #333333;
	scrollbar-3d-light-color: #485053;
	scrollbar-darkshadow-color: #000;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#000000;
	padding-left: 0px;
	text-align: center;
	margin: 0px;
	}
			img {border:  #750000 0px solid;}
			.clear {clear: both; margin: 0; padding: 0;}
			
			a {color: #7EABAE; text-decoration: none;}
			a:link {color: #7EABAE; word-spacing: 1px;}	
			a:visited {color: #7EABAE;}
			a:hover {color: #CC9966; text-decoration:underline;}
			p {
				font-size: 1.3em;
				margin-top: 10px;
				margin-right: 0pt;
				margin-bottom: 10px;
				margin-left: 0pt;
				line-height: 1.5em;
				color: #736357;
				font-family: Arial,Helvetica,sans-serif;	
				}
/*
Frame - Top and Bottom content  
============================================================================ */	
#frame{
	margin: 5px auto 0 auto;
	text-align: left;
	top: 25px;
	width: 720px;
	border: #999999 0px solid;
	background: url(../images/png/content-bg.png) repeat-y none;
	}	
#frame .top {
			width: 717px;
			color: #797979;
			font:10px;
			background: #CC5500 url(../images/png/t-tb-bg.png) repeat-x top;
			padding: 0;
			margin: 0;
			}
			div.left_top_shadow {
			height: 24px;
			background: url(../images/png/tl-tb-bg.png) top left no-repeat;
			}
			div.right_top_shadow {
			height: 24px;
			background: url(../images/png/tr-tb-bg.png) right no-repeat;
			}	
#frame .footer {
			width: 717px;
			color: #333333;
			
			font-size: 1.2em;
			background: #CC5500 url(../images/png/b-tb-bg.png) repeat-x top;
			padding: 0;
			margin: 0 auto 0 auto;
			text-align:center;
			}
			div.left_bot_shadow {
			height: 24px;
			background: url(../images/png/bl-tb-bg.png) top left no-repeat;
			}
			div.right_bot_shadow {
			height: 24px;
			background: url(../images/png/br-tb-bg.png) right no-repeat;
			}
#frame #logo{
			top: 0px;
			left: 10px;
			position:relative;
			float:left;
			}			
			
		/*
		Start of Heading content  ========= */	
				#frame #home-header{
						background-image: url(../images/comps/1.png);
						background-repeat: no-repeat;
						background-position: center;
						width: 678px;
						height: 200px;
						padding: 0px;
						margin: 0px 0 0 19px;
						border: 0px #900 solid; 
						}
				#frame #header{
						background-image: url(../images/comps/1.png);
						background-repeat: no-repeat;
						background-position: center;
						width: 678px;
						height: 100px;
						padding: 0px;
						margin: 0px 0 0 19px;
						border: 0px #900 solid; 
						}
/*
end Frame - Top and Bottom content  
============================================================================ */	



#frame h1 {
	font: 22px/25px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding-bottom: 2px;
	border-bottom: 1px #999999 solid;
	}
#frame h2 {	
	font-size: 1.8em;
	color: #667aaf;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 0pt;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	text-transform: uppercase;	
	}
#frame h3 {
	font-size: 1.6em;
	color: #8EAF62;
	margin: 10px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif !important;
	}
#frame h4 {
	font-size: 1.6em;
	color: #FF6600;
	margin: 10px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif !important;
	}	
#frame ol{
		list-style-image:url(../images/red-arrow.gif);
		list-style-position: 0 2px;
		}
		
		
		
/* 
Start Main Navigation Links  
============================================================================ */	
.logo-frame {
	width: 678px;
	height: 25px;
	margin: 0 0 0 20px;
	padding-bottom: 20px;
	}
.nav {
		height: 25px; 
		background:none;
		border-bottom: 5px solid #333333; 
		font-size: 11px; 
		margin: -5px auto 0 auto;
		width: 716px;
		font-size: 1.2em;
		font-family: Verdana, Geneva, sans-serif;
		}

.nav a {
		display: block; 
		float:left; 
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 1px;
		padding: 5px 5px 0px 5px; 
		border-right: 0px solid #FFFFFF; 
		border-left: 0px solid #FFFFFF;
		border: #3FF 0px solid;
		}
.nav #current {
	background: #FF0000;
}		
		/* begin page-home nav*/
		#page-home .nav a.home{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-home .nav a.home:hover{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-home .nav a.aboutus{background: url(../images/png/tab-aboutus.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-home .nav a.aboutus:hover{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}		
		#page-home .nav a.photography{background: url(../images/png/tab-photography.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-home .nav a.photography:hover{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-home .nav a.websolution{background: url(../images/png/tab-websolutions.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-home .nav a.websolution:hover{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-home .nav a.contact{background: url(../images/png/tab-contact.png) no-repeat; height: 25px;  color: #FFFFF0;  margin: 0px 2px 0px 2px;}
		#page-home .nav a.contact:hover{ background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		/* end page-home nav*/

		/* begin page-aboutus nav*/
		#page-aboutus .nav a.home{background: url(../images/png/tab-home.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.home:hover{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.aboutus{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.aboutus:hover{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}		
		#page-aboutus .nav a.photography{background: url(../images/png/tab-photography.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.photography:hover{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.websolution{background: url(../images/png/tab-websolutions.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.websolution:hover{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.contact{background: url(../images/png/tab-contact.png) no-repeat; height: 25px;  color: #FFFFF0;  margin: 0px 2px 0px 2px;}
		#page-aboutus .nav a.contact:hover{ background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		/* end page-aboutus nav*/


		/* begin page-photography nav*/
		#page-photography .nav a.home{background: url(../images/png/tab-home.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-photography .nav a.home:hover{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-photography .nav a.aboutus{background: url(../images/png/tab-aboutus.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-photography .nav a.aboutus:hover{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}				
		#page-photography .nav a.photography{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-photography .nav a.photography:hover{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-photography .nav a.websolution{background: url(../images/png/tab-websolutions.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-photography .nav a.websolution:hover{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-photography .nav a.contact{background: url(../images/png/tab-contact.png) no-repeat; height: 25px;  color: #FFFFF0;  margin: 0px 2px 0px 2px;}
		#page-photography .nav a.contact:hover{ background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		/* end page-photography nav*/


		/* begin page-websolutions nav*/
		#page-websolutions .nav a.home{background: url(../images/png/tab-home.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.home:hover{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.aboutus{background: url(../images/png/tab-aboutus.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.aboutus:hover{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}				
		#page-websolutions .nav a.photography{background: url(../images/png/tab-photography.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.photography:hover{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.websolution{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.websolution:hover{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.contact{background: url(../images/png/tab-contact.png) no-repeat; height: 25px;  color: #FFFFF0;  margin: 0px 2px 0px 2px;}
		#page-websolutions .nav a.contact:hover{ background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		/* end page-websolutions nav*/

		/* begin page-contact nav*/
		#page-contact .nav a.home{background: url(../images/png/tab-home.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-contact .nav a.home:hover{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-contact .nav a.aboutus{background: url(../images/png/tab-aboutus.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-contact .nav a.aboutus:hover{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}				
		#page-contact .nav a.photography{background: url(../images/png/tab-photography.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-contact .nav a.photography:hover{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-contact .nav a.websolution{background: url(../images/png/tab-websolutions.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-contact .nav a.websolution:hover{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-contact .nav a.contact{background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px;  color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-contact .nav a.contact:hover{ background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		/* end page-contact nav*/


		/* begin page-other nav*/
		#page-other .nav a.home{background: url(../images/png/tab-home.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-other .nav a.home:hover{background: url(../images/png/tab-home-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-other .nav a.aboutus{background: url(../images/png/tab-aboutus.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-other .nav a.aboutus:hover{background: url(../images/png/tab-aboutus-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}				
		#page-other .nav a.photography{background: url(../images/png/tab-photography.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-other .nav a.photography:hover{background: url(../images/png/tab-photography-hover.png) no-repeat; height: 25px; color: #FFFFFF; margin: 0px 2px 0px 2px;}
		#page-other .nav a.websolution{background: url(../images/png/tab-websolutions.png) no-repeat; height: 25px; color: #FFFFF0; margin: 0px 2px 0px 2px;}
		#page-other .nav a.websolution:hover{background: url(../images/png/tab-websolutions-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-other .nav a.contact{background: url(../images/png/tab-contact.png) no-repeat; height: 25px;  color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		#page-other .nav a.contact:hover{ background: url(../images/png/tab-contact-hover.png) no-repeat; height: 25px; color: #FFFFFF;  margin: 0px 2px 0px 2px;}
		/* end page-contact nav*/

#frame #nav-sub{
	clear: both;
	top: 0px;
	background-color: #333333;
	padding: 0px 5px 0 9px;
	margin: 0 auto 0 auto;
	height: 18px;
	width: 702px;
	display: block;
	overflow:hidden;
	}	
		#frame #nav-sub ul {
			float:right;
			border: 0px #FF0 solid;
			margin-top:0px;
		}
		#frame #nav-sub li {
			float:left;
			display: inline;
		}
		#frame #nav-sub li a {
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFFFFF;
			text-decoration:none;
			float:left;
			padding:0px 10px 2px 5px;
			
		}
		#frame #nav-sub li a:hover {
			color:#5381a4;
		}
		#frame #nav-sub li a.selected {
			color:#5381a4;
			background:url(../images/png/selected.png) center bottom no-repeat;
			
		}
	
/*
Begin Homepage content  
============================================================================ */	
			#frame #home-nav-header{
				top: 0px;
				background-color: #333333;
				padding: 5px 5px 0 9px;
				margin: 0 auto 0 auto;
				border: 0px #CCCCCC solid;
				height: 150px;
				width: 702px;
				display: block;
				clear: right;
				}
				
			#frame #home-content{
				top: 0px;
				background-color: #FFFFFF;
				padding: 10px 0 5px 0;
				margin: 0 auto 0 auto;
				background: url(../images/png/column-line.png-) repeat-x;
				border: 1px #CCCCCC solid;
				
				width: 714px;
				}
			#frame #home-content #h-leftcolumn{
				margin: 0 0 0 5px;
				float: left;
				width: 160px;
				background: #C1CBD6;
				background: #5D7BA1;
				border: 0px #CCCCCC solid;
				padding: 15px 5px 5px 5px;
				text-align: left;
				height: 170px;	
				}
			#frame #home-content #h-rightcolumn{
				float: left;
				width: 525px;
				height: 170px;	
				background: #F5F4F2;
				padding: 15px 0 5px 5px;
				margin: 0 0 -10px 2px;
				border-left: 0px #84A4C6 solid;
				}
			#frame #home-content #h-indent{
				margin: 0 0 0 5px;
				}
			
			#frame #home-content #h-design{
				margin: 0 0 0 0px;
				float: left;
				width: 230px;
				background: #EFF4F7;
				padding: 2px;
				text-align: left;
				height: 185px;	
				}
			#frame #home-content #h-branding{
				float: left;
				width: 225px;
				height: 185px;	
				background: #E9EFF3;
				padding: 2px;
				margin: 0 0 0 2px;
				border-left: 0px #84A4C6 solid;
				}
			#frame #home-content #h-marketing{
				float: left;
				width: 230px;
				height: 185px;	
				background: #EFF4F7;
				padding: 2px;
				margin: 0 0 0 2px;
				border-left: 0px #84A4C6 solid;
				}
			#frame #home-content #h-articles-frame{
				background: #FFFFFF url(../images/png/column-line.png-) repeat-x;
				padding: 5px;
				margin: 2px;
				border: 1px #cccccc solid;
				position: relative;
				}
			
			#frame #home-content .contact{
				font:Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
			}
			#frame #home-content .learn-more{
				font:Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: #F15823;
				color: #FF9801;
				margin: 0 0 0 5px;
			}
			#frame #home-content a.learn-more{font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #009ADA; letter-spacing: 1px;}
			#frame #home-content a.learn-more:visited{font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #009ADA;}
			
			#frame #home-content a.learn-more:hover{font:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #F15823;}
			#frame #home-content #linebreak{
				border-top: 3px #F15823 solid;
				margin: 10px 0 10px 5px;
				width: 704px;
			}
#frame #home-content .contact{
	font:  Arial, Helvetica, sans-serif;
	font-size:  1.2em;
	font-weight: bold;
	color: #FFFFFF;
}/*
end Homepage content  
============================================================================ */	
#frame #other-content{
				top: 0px;
				float: left;
				padding: 10px 10px 5px 10px;
				margin: 0 auto 0 2px;
				background: #FFFFFF ;
				border: 0px #CCCCCC solid;
				width: 694px;
				}
		#other-content .contact {
			border: 1px #E0DFDB solid;
			background-color:#EDEEE9;
			font-size: 1.2em;
			margin-top: 10px;
			margin-right: 0pt;
			margin-bottom: 10px;
			margin-left: 0pt;
			line-height: 1.5em;
			color: #333333;
			font-family: Arial,Helvetica,sans-serif;
			}
		
				#frame  #linebreak{
					border-top: 3px #F15823 solid;
					margin: 10px auto 10px auto;
					width: 600px;
				}

/*
Start Body content  
============================================================================ */	
#frame #web-content{
				top: 0px;
				float: left;
				padding: 25px 0 5px 10px;
				margin: 0 auto 0 2px;
				background: #FFFFFF;
				border: 0px #CCCCCC solid;
				width: 704px;
				}
#frame #web-content li{				
			font-family: Cambria, serif;
			font-size: 16px;
			font-style: normal;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.6em;	
			color:#FF6600;
			list-style-image:url(../images/tick.gif);
			}

#frame #web-content	#content-body{
			float: left;
			width: 645px;
			background: none;
			padding: 2px;
			margin: 5px 0px 5px 5px;
			border: 0px #CCCCCC solid;
			color:#736357;
			text-align: left;
			}	
#frame #web-content #leftcolumn{
			float: left;
			width: 200px;
			padding: 10px ;
			text-align: left;
			border: 1px #CCCCCC solid;
			background: #fff;
			color:#06C;
			text-align: left;
			}
#frame #web-content #rightcolumn{
			float: left;
			width: 445px;
			background: #F0F0F0;
			padding: 10px;
			margin: 0 0px 0 10px;
			border: 1px #CCCCCC solid;
			color:#736357;
			text-align: left;
			}	
#frame #web-content #rightcolumn ul li{
			color: #36C;
			text-align: left;
			font-size: 1.3em;
			list-style-image:url(../images/tick.gif);
			}	
#frame #web-content	#steps{
			float: left;
			width: 645px;
			background: #F0F0F0;
			padding: 10px;
			margin: 5px 0px 5px 10px;
			border: 1px #CCCCCC solid;
			color:#736357;
			text-align: left;
			}
			
#frame #web-content	#steps .step-title{
			font-family: Cambria, serif;
			font-size: 16px;
			font-style: normal;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.5em;	
			color: #333;
			}		
#frame #web-content	#steps li{			
			font-family: Cambria, serif;
			font-size: 16px;
			font-style: normal;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.6em;	
			color:#69615E;
			list-style-image:url(../images/tick.gif);
			}
#frame  #web-content	#web-work {			
			margin: 0 auto 0 auto;
			text-align:center;
			}
#frame  #web-content	#web-work img {			
			border: 2px #667AAF solid;
			margin: 0 5px 0 5px;
			}


/*
Start aboutus content  
============================================================================ */	
#frame #aboutus-content{
				top: 0px;
				float: left;
				padding: 25px 0 5px 10px;
				margin: 0 auto 0 2px;
				background: #FFFFFF ;
				border: 0px #CCCCCC solid;
				width: 706px;
				}
				
#frame #aboutus-content li{			
				font-family: Cambria, serif;
				font-size: 16px;
				font-style: normal;
				font-weight: normal;
				text-transform: normal;
				letter-spacing: normal;
				line-height: 1.6em;	
				color:#FF6600;
				list-style-image:url(../images/tick.gif);
				}				
#frame #aboutus-content	#content-body{
			float: left;
			width: 645px;
			background: none;
			padding: 2px;
			margin: 5px 0px 5px 5px;
			border: 0px #CCCCCC solid;
			color:#736357;
			text-align: left;
			}	
#frame #aboutus-content #leftcolumn{
			float: left;
			width: 345px;
			padding: 10px ;
			text-align: left;
			border: 0px #CCCCCC solid;
			background: none;
			color:#06C;
			text-align: left;
			}
#frame #aboutus-content #rightcolumn{
			float: left;
			width: 300px;
			background: #F0F0F0;
			padding: 10px;
			margin: 0 0px 0 10px;
			border: 1px #CCCCCC solid;
			color:#736357;
			text-align: left;
			}	
#frame #aboutus-content #rightcolumn ul li{
			color: #36C;
			text-align: left;
			font-size: 1.3em;
			list-style-image:url(../images/tick.gif);
			}	
#frame #aboutus-content #services-left{
			float: left;
			width: 305px;
			background: #ACDBF7 url(../images/pageturn.gif-) top right no-repeat;
			padding: 10px;
			margin: 5px 0px 5px 10px;
			border: 1px #E7E7E7 solid;
			color:#736357;
			text-align: left;
			}	
#frame #aboutus-content #services-right{
			float: left;
			width: 305px;
			background: #F8F7CF url(../images/pageturn.gif-) top right no-repeat ;
			padding: 10px;
			margin: 5px 0px 5px 10px;
			border: 1px #E7E7E7 solid;
			color:#736357;
			text-align: left;
			}	

#frame #aboutus-content a.learn-more{
			color:#667aaf;
			text-decoration: underline;
			}	
#frame #aboutus-content a.learn-more:hover{
			color:#FF6600;
			text-decoration: none;
			}	
#frame #aboutus-content h3{
			color:#736357;
			font-family: Cambria, serif;
			font-size: 14px;
			font-style: normal;
			line-height: 1.6em;
			padding: 20px 0 0px 0;
			}	

/*
============================================================================ */	
#page-photography {
	background: #0F6;
	background: #ECECEC url(../images/png/bg/photo-bg.png) top center repeat-y;
	
}

	/*
	Frame - Top and Bottom content  
	============================================================================ */	
	#page-photography  #frame{
		margin: 5px auto 0 auto;
		text-align: left;
		top: 25px;
		width: 920px;
		border: #999999 0px solid;
		background: url(../images/png/content-bg.png) repeat-y none;
		}	
	#page-photography  #frame .top {
				width: 917px;
				color: #797979;
				font:10px;
				background: #CC5500 url(../images/png/t-tb-bg.png) repeat-x top;
				padding: 0;
				margin: 0;
				}
				div.left_top_shadow {
				height: 24px;
				background: url(../images/png/tl-tb-bg.png) top left no-repeat;
				}
				div.right_top_shadow {
				height: 24px;
				background: url(../images/png/tr-tb-bg.png) right no-repeat;
				}	
	#page-photography  #frame .footer {
				width: 917px;
				color: #333333;
				
				font-size: 1.2em;
				background: #CC5500 url(../images/png/b-tb-bg.png) repeat-x top;
				padding: 0;
				margin: 0 auto 0 auto;
				text-align:center;
				}
				div.left_bot_shadow {
				height: 24px;
				background: url(../images/png/bl-tb-bg.png) top left no-repeat;
				}
				div.right_bot_shadow {
				height: 24px;
				background: url(../images/png/br-tb-bg.png) right no-repeat;
				}
	#page-photography  #frame #logo{
				top: 0px;
				left: 10px;
				position:relative;
				float:left;
				}
	#page-photography  #frame #photography-content{
				top: 0px;
				float: left;
				padding: 25px 0 5px 10px;
				margin: 0 auto 0 2px;
				background: #FFFFFF ;
				border: 0px #CCCCCC solid;
				width: 900px;
				}				
	#page-photography  #frame #leftcolumn{
				float: left;
				width: 300px;
				padding: 10px ;
				text-align: left;
				border: 0px #CCCCCC solid;
				background: #fff;
				color:#06C;
				text-align: left;
				}
	#page-photography  #frame #rightcolumn{
				float: left;
				width: 540px;
				background: #F0F0F0;
				padding: 10px;
				margin: 0 0px 0 10px;
				border: 1px #CCCCCC solid;
				color:#736357;
				text-align: left;
				}	
	#page-photography  #frame #fullcolumn{
				float: left;
				width: 850px;
				padding: 0 10px ;
				text-align: left;
				border: 0px #CCCCCC solid;
				background: #fff;
				color:#06C;
				text-align: left;
				}
	/*
	end Frame - Top and Bottom content  
	============================================================================ */	
		#page-photography .logo-frame {width: 878px;}
		#page-photography .nav {width: 916px;}
		#page-photography #frame #nav-sub{width: 902px;}	
		#frame #photography-content{
				top: 0px;
				float: left;
				padding: 5px 0 5px 5px;
				margin: 0 auto 0 2px;
				background: #FFFFFF ;
				border: 0px #CCCCCC solid;
				width: 706px;
				}