@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
html{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:11px;
}
body{/*width:939px;*/}
h3{ font-size:18px;}

#customsubs {font-size:14px;}

#imain h3 {padding-top:15px;}

#menu #slideshowcolor {color: #6F6F6F;}

#paulapic {padding:5px 15px 5px 5px;}

a{ text-decoration:none;}
p{
	padding-bottom:8px;
}
img{ border:0;}
.clear{ clear:both;}
#mc{
	width:960px;
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	background-position: left 100px;
}
#head{
	height:100px;
	width:939px;
}
#logo{
	/* background:url(images/logo.gif) bottom left no-repeat; */
	float:left;
	height:100px;
	width:136px;
}

#design{
	background:url(images/design_build.gif) bottom left no-repeat;
	float:left;
	margin-top:57px;
	height:43px;
	width:197px;
}
#paula{
	background:url(images/paula_mcdonald.gif) bottom right no-repeat;
	float:left;
	margin-top:57px;
	height:43px;
	width:428px;
}
ul{ padding:0; margin:0; padding-left:30px; font-size:11px;}
#nav{
	font-size:13px;
	float:right;
	width:199px;
}
	#nav ul{ list-style:none; margin:0; padding:0;}
	#nav li{ float:left; width:199px;}
	#nav li a{
		color:#333333;
		background:url(images/navbg.gif) left center no-repeat;
		padding-left:14px;
		margin:4px 0 4px 0;
		display:block;
		font-size:15px;
	}
	#nav li a.selected, #nav li a.current{background:url(images/navbg_on.gif) left center no-repeat; color:#cc0000;}
	
	#nav li ul{ padding-left:25px;}
	#nav li ul li{ float:left; width:165px;}
	#nav li ul li a{ background:none; color:#000000; font-weight:bold; padding:0; margin:0;}
	#nav li ul li a.selected, #nav li ul li a.current{ background:none;color:#cc0000; padding:0; margin:0;}
	
#hpmain, #imain{background:url(images/rborder.gif) top right repeat-y;}
#hpmain, #imain_custom{background:url(images/rborder.gif) top right repeat-y;}

#hpmain{
	clear:left;
	float:left;
	padding-top:7px;
	width:761px;
}
	
#hpcontent{margin-left:210px; padding-right:16px; padding-top:20px; width:540px; color:#333333;}
#hpcontent p{ line-height:22px; font-size:15px; color:#333333;}
	
#imain{
	float:left;
	margin:0;
	padding-left:149px;
	padding-top:7px;
	width:612px;

}

#imain p.aboutus {line-height:22px; font-size:15px; color:#333333;padding-right:16px;}


#imain_custom{
	float:left;
	margin:0;
	padding-left:149px;
	padding-top:7px;
	width:500px;

}

#imain_custom p.aboutus {line-height:22px; font-size:15px; color:#333333;padding-right:16px;}



#imain2{
	float:left;
	margin:0;
	padding-left:45px;
	padding-top:7px;
}

#imain2 p.aboutus {line-height:22px; font-size:15px; color:#333333;padding-right:16px;}

#imgplaceholder, .imgplaceholder{
	border:solid 1px #bcbcb9;
	clear:none;
	float:left;
	height:302px;
	margin:0;
	padding:0;
	overflow:hidden;
	width:444px;
}
.imgplaceholder img{ border:0;}
.photocase{ display:none;}

div#wn{
	position:relative;
	width:444px; height:302px; 
	overflow:hidden;	
}
div#wn2{
	position:relative;
	width:280px;
	height:70px;
	overflow:hidden; 
}

div#wn3{
	position:relative;
	width:450px;
	height:75px;
	overflow:hidden; 
}

div#wn_cpw{
position:absolute;
 top:450px;
 left:149;
 width:280px;
	height:70px;
	overflow:hidden;
}


/* CUSTOM MATERIALS*/

div#wn_cust1 { 
	position:relative; 
	width:280px; height:70px; 
	overflow:hidden; z-index:10;	
	}

div#wn_cust2 { 
	position:relative; 
	width:280px; height:70px; 
	overflow:hidden; z-index:10;		
	}


div#wn_cust3 { 
	position:relative; 
	width:280px; height:70px; 
	overflow:hidden; z-index:10;	
	}
div#wn_cust4 { 
	position:relative; 
	width:280px; height:70px; 
	overflow:hidden; z-index:10;	
	}


#imgplaceholder img{ margin:0; padding:0; border:0;}
#imgplaceholder td{ padding-right:50px;}



#menu{
	clear:none;
	border-left:solid 1px #bcbcb9;
	color:#333333;
	float:right;
	width:150px;
}
#menu .casing{
	border-bottom:solid 1px #bcbcb9;
	padding:12px;
}
#menu .casing a{ color:#0066ff; font-weight:bold;}
#menu .casing img{ padding-right:5px;}
#menu .casing .links{list-style:none; padding:3px 0 3px 0;}


#menu_ver2{
position:relative;
z-index:2;
margin-left:470px;
	clear:none;
	border-left:solid 1px #bcbcb9;
	color:#333333;
	float:right;
	width:150px;
}
#menu_ver2 .casing2{
	border-bottom:solid 1px #bcbcb9;
	padding:12px;
}
#menu_ver2 .casing2 a{ color:#0066ff; font-weight:bold;}
#menu_ver2 .casing2 img{ padding-right:5px;}
#menu_ver2 .casing2 .links{list-style:none; padding:3px 0 3px 0;}



.project_gallery{
	border-left:solid 1px #bcbcb9;
	margin:0;
	padding:0;
	color:#333333;
	float:right;
	width:152px;
}
.project_gallery ul{ padding:0; margin:0; list-style:none;}
.project_gallery ul li{ text-align:center; width:150px;}
.project_gallery ul li.last{ margin:0;}
.project_gallery img{border:solid 1px #bcbcb9;}

/* EDITED BY ANGIE ON AUGUST 3RD 2009*/

/* CHANGE THE MENU THUMBNAIL DIRECTION */
.project_gallery_ver2{
position:relative;
	padding:0;
	color:#333333;
	float:left;
width:540px;
	clear:both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;	
}
.project_gallery_ver2 ul{ padding:0; margin:0; list-style:none;}
.project_gallery_ver2 ul li{
	text-align:center;
	/*width:540px;*/
	display:inline;
}
.project_gallery_ver2 ul li.last{ margin:0; display:inline;}
.project_gallery_ver2 img{border:solid 1px #bcbcb9;}

#icontent{ color:#333333; margin-left:149px; padding-top:0px; padding-right:0px; width:580px; padding-bottom:20px; }
#icontent p{ line-height:22px; font-size:15px; color:#333333;}
#icontent ul{ line-height:22px; font-size:15px; color:#333333;}

#icontent_custom{ color:#333333; margin-left:149px; padding-top:0px; padding-right:0px; width:480px; padding-bottom:20px; }
#icontent_custom p{ line-height:22px; font-size:15px; color:#333333;}
#icontent_custom ul{ line-height:22px; font-size:15px; color:#333333;}


#icontent_cpw{ position:absolute;
 top:500px;
 left:149px;
 width:420px;
 z-index:0;

 }
#icontent_cpw p{ line-height:22px; font-size:15px; color:#333333;}
#icontent_cpw ul{ line-height:22px; font-size:15px; color:#333333;}

#contact_info{
	float:left;
	padding-top:10px;
	width:200px;
}

#special{
	display:none;
}

form{font-size:12px; color:#bcbcb9; float:left; width:300px;}
form div{ padding:4px;}
.textbox{
	border:solid 1px #bcbcb9;
	padding:2px;
}
.submit{
	background-color:#bcbcb9;
	border:solid 2px #bcbcb9;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

#cm_table img {
	margin:10px;
	border:1px solid #bcbcb9;
}
.special{ font-size:14px; font-weight:bold;}
#footer_text{ text-align:center; color:#333333; margin-left:149px; padding-top:20px; padding-right:16px; width:706px; padding-bottom:20px;}
#footer_text span{ padding-right:15px;}


/*MAIN IMAGE SIZE AND OTHER SETTINGS*/
#imain_ver2{
	float:left;
	margin:0;
	padding-left:149px;
	padding-top:7px;
	width:580px;
}

#imgplaceholder_ver2, .imgplaceholder_ver2{
	border:solid 1px #bcbcb9;
	clear:none;
	float:left;
	height:302px;
	margin:0;
	padding:0;
	overflow:hidden;
	width:540px;
}
.imgplaceholder_ver2 img{ border:0;}
.photocase_ver2{ display:none;}

div#wn_ver2{
	position:relative;
	width:444px; height:302px; 
	overflow:hidden;	
}

#imgplaceholder_ver2 img{ margin:0; padding:0; border:0;}
#imgplaceholder_ver2 td{ padding-right:50px;}

/* SUMMARY PAGE MENU THUMBNAIL  */
.project_gallery_sum{
	color:#333333;
	width:280px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 83px;

}
.project_gallery_sum ul{ padding:0; margin:0; list-style:none;}
.project_gallery_sum ul li{
	text-align:center;
	width:150px;
	display:inline;
} 
.project_gallery_sum ul li.last{ margin:0; display:inline;}
.project_gallery_sum img{border:solid 1px #bcbcb9;}

/* SUMMARY PAGE MENU THUMBNAIL  */
.project_gallery_cpw{
	top:500px;
 	left:149px;
	margin:0;
	color:#333333;
	width:280px;
	clear:both;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom:0;
	padding-left: 83px;
	z-index:20; 
}
.project_gallery_cpw ul{ padding:0; margin:0; list-style:none;}
.project_gallery_cpw ul li{
	text-align:center;
	width:150px;
	display:inline;
} 
.project_gallery_cpw ul li.last{ margin:0; display:inline;}
.project_gallery_cpw img{border:solid 1px #bcbcb9;}


/* SUMMARY PAGE MENU THUMBNAIL  */
.project_gallery_cust{
	color:#333333;
	width:280px;
	position:absolute;
		padding-left: 83px;
		display:block;
}

.project_gallery_cust ul{ padding:0; margin:0; list-style:none;}
.project_gallery_cust ul li{
	text-align:center;
	width:150px;
	display:inline;
} 
.project_gallery_cust ul li.last{ margin:0; display:inline;}
.project_gallery_cust img{border:solid 1px #bcbcb9;}


/* SCROLLLINKS Container - for scrolling arrows at the bottom of the page */
#scrollcontainer{
width:430px;
 position:absolute;
	top:440px;
	left:160px;
}
#scrollcontainer_cust1{
position:relative; width:430px; left:12px;
}

#scrollcontainer_cust2{
 position:relative;
width:430px; left:12px;
}

#scrollcontainer_cust3{
 position:relative;
width:430px; left:12px;
}

#scrollcontainer_cust4{
 position:relative;
width:430px; left:12px;
}

#scrollcontainer69{
width:430px;
 position:absolute;
	top:480px;
	left:160px;
}

#scrollcontainerpied{
width:430px;
 position:absolute;
	top:500px;
	left:160px;
}


#scrollcontainer_privateb{
width:430px;
 position:absolute;
	top:450px;
	left:160px;

}

#scrollcontainer_300cpw{
width:430px;
 position:absolute;
	top:450px;
	left:160px;

}

/*header*/
.headerlg{
	font-size: 18px;
	font-weight: bold;
}
.headerlg a{ text-decoration:none;color:#000000;}
.headerlg a:hover{color:#cc0000;}

.imgload{ width:300px; height:200px;}


img.hover {
	background:url(projects/w69street/tn_image1.jpg) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

.projectlink{
width:100px; 
	font-size:13px;
	font-weight:bold;
}

#thumblink{
position:relative;
top:0;
	width:90px;
	height:70px;
	font-size:13px;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	padding-top:20px;
	float:right;
}


/** Test*/
#imgplaceholder3, .imgplaceholder3{
	border:solid 1px #bcbcb9;
	clear:none;
	float:left;
	height:302px;
	margin:0;
	padding:0;
	overflow:hidden;
	width:540px;
}
.imgplaceholder3 img{ border:0; padding-left:40px;}


p.gbox {
	width:125px;
	border-color: #999999;
	border-width: 1px;
	border-style:solid;
	padding: 5px;
	margin-left:5px;
}


/* CUSTOM MATERIALS CENTER PAGE */

#innerdiv {margin:0 auto;	padding-left:100px;
	padding-top:7px;
	width:612px; }