/* CELUCH CSS */
	
body { 
	padding: 0; margin: 0;
	font: 11px/180% "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	background-color: black; 	
	background-image: url(/css/images/celuchTemplate/bottom.jpg);
	background-position: center;
	background-repeat: repeat-y;
	}
	
#topSection {
	background-image: url(/css/images/celuchTemplate/headerShadow.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}
	

/* TYPOGRAPHY */ 	
p {  font-size: 11px;  font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: black;}   
a {text-decoration: none; color: #838bc7;}
a:hover { color: #4e54ff;}

h1, h2, h3, h4 { color: #cad5ee; border-bottom-color: #666666;}
h1 {font-weight: 200; font-size: 2em; }	
h2 {font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted silver;  font-weight: 100; margin: 0px; color: #666666;}
h3 { font-size: 13px; border-bottom-color: #989da2; color: black;}
h4 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-right: 10px;}
h5 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: white; margin: 0px;}
.narrow {letter-spacing: .4em;}

.small {font-size: .5em; color: gray; line-height: 2em;}
.smallLink {font-size: .8em; line-height: 2em;}
.small2 {font-size: .8em; color: gray; line-height: 2em;}
.smallItalic {font-size: .7em; color: gray; line-height: 2em; font-style: italic;}	

em { font-style: italic; color: #999;}
img {padding:0; border:0;}	
	
/*LAYOUT*/
	
#container {
	margin: 0px auto 0px auto; 
	padding-bottom: 15px;
	width: 1100px;
	}

/* Masthead*/
	#masthead  { 
		height: 100px;
		}
	
	.icon {float: right;}	

	.rightForm { float: right;  margin-top: 2px; }
	.formButton {float: left;}
	#searchFormBox {
		float: left;
		width: 200px;
		background-image: url(/images/20.png);
		}

	/* Navigation*/
		#nav { 
			margin-left: 500px;
			margin-bottom: 0px;
			height: 17px;   
			background-color: transparent;
   			}
   			
   	#bodyContent {
			}

/* TOP Feature Section */

.indent {padding: 30px;}
#indentW {padding: 30px 100px; color: white;}
#indentW p {color: white;}

#main {
	height: 545px;
	}
	.marginSpacer {margin-top: 55px; margin-right: 70px;}

	#rightMenu {
		text-align: justify;
		width: 430px;
		padding: 5px 0px 10px 20px;
		float: right;
		margin: 20px 0px 0px 0px;
		}
		#rightMenu p {color: white; font-size: 1em; line-height: 1.7em; }
		a.blue  {color: #a8c4ff;}

		a:hover.blue  {color: white;}
		#rightMenu ul {display: block; padding-top: 5px; font-size: 1.1em; margin-right: 40px;}
		#rightMenu li {display: block; padding: 2px 5px; border-bottom: 1px dotted silver; background-image: url(/images/20.png);}
		#rightMenu li a {color: white;}
		#rightMenu li a:hover {background-image: url(/images/60.png); color: #c2cbda;}
		#rightMenu a { color: #d9e3f4;}
		#rightMenu a:hover {color: white;}
		
	.homeImage {
		overflow: hidden; 
		width: 600px;
		height: 400px;
		float: left; 
		margin-top: 58px;
		padding: 0px;
		}
		
	.homeImageAd {
		overflow: hidden; 
		width: 600px;
		height: 400px;
		float: left; 
		margin-top: 58px;
		padding: 0px;
		background-image: url(/images/homepage/homeModel.jpg);
		}
		.adText {
		padding: 20px;
		color: black;
		margin-top: 200px;
		background-color: black;
		height: 300px;
		}

/* Bottom Main Copy Section*/	
	
#col1 { 
	width: 360px; 
	float: left;
	border: 1px dotted black;
	background-image: url(/images/20.png);
	height: 500px;
	}
	
#col2 { 
	width: 360px;
	margin-left: 369px;
	border: 1px dotted black;
	background-image: url(/images/20.png);
	height: 500px;
	}
	
#col2Listing { 
	width: 400px;
	margin-left: 400px;
	border: 1px dotted black;
	background-image: url(/images/40.png);
	font-size: 1.3em;
	line-height: 1.8em;
	}
	#col2Listing a { color: #cad5ee; padding: 5px;}
	#col2Listing a:hover { color: black; background-color: white;}
		
#col3 { 
	float: right;
	width: 360px;
	border: 1px dotted black;
	color: white;
	background-image: url(/images/20.png);
	height: 500px;
	}
	.indentRight {margin-right: 20px;}
	
	.button {
		width: 300px;
		height: 35px;
		background-image: url(images/celuchTemplate/button38.png);
		font-family: Georgia, "Times New Roman", Times, serif; 
		color: silver;  
		font-weight: 200;
		font-stretch: extra-expanded;
		font-size: 23px;
		padding: 15px 0px 0px 60px;
		}
	.bar { 
		width: 360px;
		height: 10px;
		margin-top: 10px;
		background-image: url(/images/20.png);
		}
	    
	.homeTitle { 
	 	font-weight: bold; 
	 	font-family: Helvetica, Arial, sans-serif; font-size: 12px; 
	 	letter-spacing: .1em;
	 	color: white;
	 	}

#featuredWeb {
	width: 130px;
	float: right;
	}
	 	
	.searchDate {font-size: 10px;  color: #888888; line-height: 1.6em;}
	
	.listing {
		height: 107px;
		margin-top: 15px;
		}
		
	.linkThumbLeft {
		width: 160px; 
		height: 105px; 
		overflow: hidden; 
		float: left; 
		margin: 0px 15px 10px 10px; 
		padding: 0px;

		text-align: right;
		}
		
	.websiteFeaturedImage {
		width: 180px;
		height: 170px;
		text-align: center;	
		background-color: black;
		overflow: hidden; 
		float: left; 
		margin: 10px 15px 0px 10px;
		padding-top: 10px;
		}

	
	
		
/* footer */
	#footer {
		color: silver; 
		text-align: left;  
		height: 244px; 	
		background-image: url(/css/images/celuchTemplate/footerShadow.jpg);
		background-position: top center; 
		background-repeat: no-repeat;
		padding-top: 15px;
		}
	
	#footerContainer {
	margin: 10px auto 10px auto; 
	padding-top: 10px;
	width: 1100px;
	}
	
	#footer a {color: #888; text-transform: uppercase;}
	#footer a:hover { color: #fef8ff; text-transform: uppercase;}
	#footerRight {float: right; text-align: right;}

	#col-3 li {margin:0;padding:0;}
	#footerLeft { margin-top: 30px;}
	
	.tableLeft {padding-right: 20px; padding-left: 10px; float: left; border-left: 1px dotted #666; width: 170px; font-size: .8em;}


.pngBack {background-image: url(/images/40.png); padding: 10px 20px;}
.spacer {clear: both;}
.right {float: right;}
.left {float: left;}


/* Homepage Imaging Proofs */

#leftMain {
	width: 620px; 
	float: left;
	margin-right: 40px; 
	border-right: 1px dotted silver;
	}		
	#leftBottom {
		float: left;
		width: 320px;
		}
	#rightBottom {
		margin-left: 350px;
		}
		#rightBottom ul {display: block; padding-top: 10px;}
		#rightBottom li {display: block; padding: 5px; border-bottom: 1px dotted silver;}
		
/* END Homepage Imaging Proofs*/


/* Featured Website Section */
	/* Website menu*/
.greyBack {
	background-color: #f2f2f2; 
	padding: 00px 0px 0px 0px;
	}
	.greyBack h2 {border-bottom-color: #989da2; margin-top: 0; border-bottom: 1px dotted; margin-right: 30px; background-color: white; padding: 5px;}
	
	
.portraitPageList {
	width: 320px;
	height: 135px;
	margin: 0px 4px 0px 0px;
	padding: 10px;
	float: left;
	background-image: url(images/menuBack2.png);
	}
	.portraitThumbLeft {width: 163px; height: 122px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 10px;   padding: 5px; background-color: white;}
	.portraitTitle { margin-top: 20px;}
    .portraitTitle a { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 12px;  color: black; }

.webPageList {
	width: 330px;
	height: 135px;
	margin: 0px 12px 0px 0px;
	padding: 10px;
	float: left;
	background-image: url(images/menuBack2.png);
	}
	.webThumbLeft {width: 160px; height: 120px; overflow: hidden; float: left; margin-right: 20px; margin-bottom: 10px;   padding: 5px; background-color: white;}
	
	/* Website Details*/
			
.buttonNextPrev {vertical-align: middle;}

#whiteBox, #whiteBox2, #whiteBox3, #whiteBox4 {
	background-color: white; 
	color: black;
	margin: 10px auto 0px auto; 
	padding: 30px 0px 15px 30px;;
	padding-bottom: 15px;
	}
	#whiteBox2 {padding-right: 30px;}
	#whiteBox3 {padding: 10px 30px 15px 30px;}
	#whiteBox4 {padding: 0px;}
	#whiteBox, #whitebox2 h1 {color: black;}
	
#log {color: white; padding-top: 15px;}
	
#webRightCenter{
	float: right;
	width: 420px; 
	padding: 0px;
	margin: 0px;
	margin: 25px 20px 0px 0px;
	}

.mainImage {
	float: left;
	margin: 0px 30px 10px 0px;
	} 
	
.text, text2 { 
	margin: 0px 10px 0px 0px;  
	color: gray; 
	font: 10px/150% Verdana, "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
 	}
 	.text2 {color: #444444;}

 		
.thumb {margin: 10px 15px 10px 0px;}

#nextPrev {text-align: right;}

.rightTell {float: right; margin: 5px 30px 0px 0px;}
 	
/* END Featured Website Section */

#rightCenter{
	float: right;
	width: 450px; 
	padding: 0px;
	margin: 0px;
	margin: 0px 100px 0px 0px;
	}


/* Portfolio Section */
.highslide img {border: none;}


.webShadow {
	float: left;
	width: 375px;
	height: 265px;
	padding: 25px 0px 25px 25px;
	background-image: url("/images/imgShadow.png");
	}
	
.webImage {
	width: 360px;
	height: 250px;
	overflow: hidden;
	}
	
.webShadow2 {
	float: left;
	width: 135px;
	height: 130px;
	padding: 20px 0px 25px 25px;
	background-image: url("/images/thumbShadow.png");
	}
	
.webShadow3 {
	float: left;
	width: 135px;
	height: 130px;
	padding: 20px 0px 25px 25px;
	background-image: url("/images/thumbShadow.png");
	margin: 0px;
	margin-bottom: -30px;
	}
	
#nextPrev {
	width: 790px;
	}
	
#recordNumber {
	display: inline;
	padding: 5px 10px;
	background-image: url("/images/60.png");
	color: silver;
	}
	
.webImage2 {
	width: 115px;
	height: 105px;
	overflow: hidden;
	text-align: center;
	}
	
.webShadowMain {
	float: left;
	width: 760px;
	height: 575px;
	padding: 35px 0px 25px 35px;
	background-image: url("/images/webShadowMain.png");
	}
	
.webShadowMainPortrait {
	width: 760px;
	height: 575px;
	padding: 35px 0px 25px 35px;
	background-image: url("/images/webShadowMain.png");
	}

	
.webImageMain {
	width: 740px;
	height: 578px;
	overflow: hidden;
	text-align: center;
	}
	
#leftColumnPortfolio {
		float:left;
		width:250px;
		margin:70px 0px 25px 20px; 
		padding:0;
		font-size:80%;
		}
	#leftColumnPortfolio p, #rightColumnPortfolio p {color: white;}
	#leftColumnPortfolio a, #rightColumnPortfolio a {color: #b8cfff;}
	#leftColumnPortfolio ul{ list-style-type: none; margin: 0px; padding: 10px 0px 0px 15px;}
	#leftColumnPortfolio li{ display: block; border-bottom: 1px dotted silver;  padding: 2px;}
	
	#leftColumnPortfolio ol{ margin: 0px; padding: 10px 0px 0px 15px;}
	#leftColumnPortfolio ol li{  display: block; border-bottom: 1px dotted #1a6f54;  padding: 2px;}
		

#rightColumnPortfolio {
		margin-left: 300px;
		padding: 0px;
		width: 800px;
		font-size:80%;
		}
.leftHome {
	float: left;
	border: 1px solid white;
	margin: 0px 15px 1px 0px;
	}
	
.portNumberLinks {height: 810px; }
/* END Portfolio Section */


    .headTitle {font-size: 10px;font-style: italic;  color: gray; border: none;}

/*Photography & Locations Section */

	/* Photography Details*/
	
#photographyRightCenter{
	float: right;
	width: 385px; 
	padding: 0px;
	margin: 0px;
	margin: 0px 30px 0px 0px;
	}
	
 /* Proofs Section */  
     
	.detailBox {
    	border: 1px dotted silver;
    	width: 102px;
    	height: 110px;
    	float: left;
    	padding: 8px;
    	background-color: white;
    	margin-right: 8px;
    	margin-bottom: 2px;
    	color: white;
    	text-align: center;
       	}    	
   .detailImage{ 
    	width: 104px; 
    	height: 104px; 
    	text-align: center;
    	margin-bottom: 15px;
    	}
		
	/*Locations*/			
		 .locationSearch {
			width: 305px;
			height: 120px;
			margin: 0px 10px 10px 15px;
			padding: 10px;
			float: left;
			}
		#locationsDetailRightCenter{
			float: right;
			width: 310px; 
			padding: 0px;
			margin: 30px 30px 30px 0px;
			}
	
/*END Photography & Locations Section */


/*Models Section*/


#modelHome {
margin-bottom: 20px;
margin-top: 30px;
}


	
#modelLeft { 
	float: left;
	width: 520px;
	}
	
#modelRightCenter{
	float: right;
	width: 190px; 
	padding: 0px;
	margin: 20px 20px 10px 0px;
	}
	
#modelRight {
	margin-left: 30px;
	padding: 10px 30px 30px;
	float: left;
	width: 240px;
	border: 1px dotted silver;
	background-image: url(/images/40.png);
	}
	#modelRight p {color: white;}

#modelFarRight {
	float: right;
	width: 300px; 
	}

#modelNav { 
	width: 150px;
	padding: 10px 30px 20px 20px;
	float: left;
	 background-image: url(/images/40.png);
   	}

#modelNav ul 			{ list-style-type: none; margin: 0px; padding: 10px 0px 0px 15px;}	
#modelNav li 			{ display: block; border-bottom: 1px dotted silver;  padding: 2px;}

#links {margin-top: 25px;}

#modelMenu { text-align: right; }
	#modelMenu ul 			{ list-style-type: none; }	
	#modelMenu li 			{ display: inline; padding: 5px 20px; background-image: url(/images/40.png); }
	#modelmenu li a {color: #b8cfff;}
	#modelmenu li a:hover {color: white;  background-image: url(/images/60.png);  }

.modelButton {
	float: left;
	padding: 10px;
	color: white;
	}

/*END Models Section*/

.caption {float: left; width: 150px;}

.login {padding: 10px; color: silver;}
.login img {vertical-align: middle;}
   
.left20 {float: left; margin: 0px 20px 10px 0px;}    	
.left10R {float: left; margin: 0px 10px 00px 0px;}  
.left20R {float: left; margin: 0px 20px 00px 0px;} 
.left30L {float: left; margin: 0px 0px 00px 30px;} 
.lightLink a {color: silver;}    	
.silver {color: silver;}
#contactForm {margin: 80px 10px 10px 50px;}
.bottom15 {margin-bottom: 15px;}
.rightList {float: right; margin-right: 100px; border: 1px dotted silver; width: 350px; padding: 10px;}
.leftList {margin-left: 50px; width: 450px; border: 1px dotted silver; padding: 10px;}
.nextLinks a {color: red;}


.thumbBox {
border: 1px dotted silver;
float: left;
margin: 0px 10px 10px 0px;
padding: 5px;
}