body{ width:100%; margin:0 auto; padding:0px; background-color:#f2f2f2; text-align:center; background-image:url(../images/top_bdr.jpg); background-position:center top; background-repeat:no-repeat}

p,img,div,ul,li { margin:0px; padding:0px; }


#main{text-align:center; width:952px; margin:0 auto; padding:0px;}

.text{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px; text-align:justify; text-decoration:none}
.text a{color:#666666; text-decoration:underline;}
.text a:hover{color:#E60E37; text-decoration:none;}

.btmlink{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:18px; text-align:justify; text-decoration:none}
.btmlink a{color:#666666; text-decoration:none; padding-left:3px; padding-right:3px;}
.btmlink a:hover{color:#cf08a9; text-decoration:none;}

#inner{float:left; width:930px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;  padding-left:5px; padding-right:5px; text-align:justify;}



#photography{float:left; width:940px; text-align:left; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC}
.photo{width:312px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serifl; font-size:13px; font-weight:bold; color:#666666;}

.cinema{width:230px; float:left; text-align:center; font-family:Arial, Helvetica, sans-serifl; font-size:13px; font-weight:bold; color:#666666;}

/* form css */
.formLayout
    {
        padding: 10px;
        width: 450px;
		margin:0 auto;
    }
    
 .formLayout label
    {
        display: block;
        width: 150px;
        float: left;
        margin-bottom: 10px;
    }
 
.formLayout label
    {
        text-align:left;
        padding-left: 40px;
    }
 
br
    {
        clear: left;
    }
	input,select,textarea {
	border:1px solid #ccc;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}
.contact{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; line-height:18px; text-align:center; text-decoration:none}
.contact a{color:#666666; text-decoration:underline;}
.contact a:hover{color:#E60E37; text-decoration:none;}

.cinematography{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#666666; line-height:18px; text-align:center; text-decoration:none}


/*cinematography style*/

*{ padding:0px; margin:0px; }
			a{ color:#C8DCE5; }
			h5{ margin: 10px 10px 0 10px; color:#FFF; font:14pt Arial, sans-serif; letter-spacing:1px; font-weight:normal;  }
			
			.boxgrid{ 
				width: 217px; 
				height: 162px; 
				margin:0px; 
				float:left; 
				background:#161613;
				margin-left:7px; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px;
				margin-left:11px; 
				width: 90%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top:100;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 127;
 					left: 0;
 				}
/*cinematography style close*/