/*  
Sticky Footer Solution by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* { margin:0; padding:0; width: auto; } 

/* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
 
html, body, #wrap { height: 100%; }

img { border: 0px; }

body > #wrap { height: auto; min-height: 100%; }

/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap { width:100%; }

#main { overflow:auto; height: inherit; padding-bottom: 175px; }  /* must be same height as the footer */

#footer { position: relative; margin-top: -175px; /* negative value of footer height */
	height: 175px; clear:both; background-image: url(images/debut_footer.png); background-repeat: repeat-x;} 

/*Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
	content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ }	
 
 
body  { margin: 0 auto; font: 12px Helvetica, Myriad, Verdana, Geneva, Arial, sans-serif; color: #808080;
	line-height: 20px; background-color: #fff; background-image: url(images/debut_back.png); background-repeat: repeat-x; }

	
#header  { height: 200px; width: 1020px; margin:0 auto; }

		
#navigation_block  { width: 780px; height: 200px; float: right; }	
	
#logo  { width: 210px; height: 115px; float: left; padding-left: 30px; padding-top: 45px; }		


#navigation, #navigation1, #navigation2, #navigation4 
	{ width: 100px; height: 115px; padding-right: 20px; padding-top: 10px; float: left; }
	
#navigation3  { width: 120px; height: 115px; padding-right: 120px; padding-top: 10px; float: left; }		


#nav { padding-left: 0; margin-left: 0; width:100px; letter-spacing: 0.15px; color:#0B8A9E; }

#nav li { list-style: none; padding-left: 0; margin-left: 0; margin-top: 3px; padding-bottom: 3px; line-height: 13px; }

	
#main_contact { width: 1020px; height: 570px; margin:0 auto; clear: both; }	

		
#main { width: 1020px; margin:0 auto; clear:both; height: inherit; }


#main_work { width: 1020px; margin:0 auto; clear:both; padding-top: 20px; }	


#main_image { width: 960px; height: 361px; margin:0 auto; padding-right: 30px; padding-left: 30px; clear:both;
	background-image: url(images/debut_navline_horiz.png); background-position: bottom; background-repeat: no-repeat; }

#404_intro { width: 750px; height: 550px; margin:0 auto; padding-top: 30px; padding-bottom: 30px; padding-right: 30px; float: right;
	background-image: url(images/debut_404.png); background-position: bottom left; background-repeat: no-repeat; }

#main_intro { width: 660px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; padding-top: 30px; float: left; }

#main_intro_home { width: 600px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; padding-top: 30px; float: left; }

	
#main_intro1 { width: 300px; margin:0 auto; padding-top: 40px; padding-bottom: 45px; padding-left: 30px; padding-right: 30px; float: left; }	
	

#seo_intro, #designpack_intro { width: 180px; margin:0 auto; clear:both; padding-left: 30px; padding-right: 30px; float: left; padding-top: 30px;}

	
#seo_main, #designpack_main { width: 750px; margin:0 auto; padding-right: 30px; float: right; padding-top: 65px; }	

#seo_main2 { width: 750px; margin:0 auto; padding-right: 30px; float: right; padding-top: 20px; }	

#seo_main3 { width: 750px; margin:0 auto; padding-right: 30px; float: right; padding-top: 20px; padding-bottom: 40px; }

#designpack2_main, #designpack3_main { width: 750px; margin:0 auto; padding-right: 30px; padding-left: 240px; float: right; }

	
#seo_text, #designpack_text { width: 210px; margin:0 auto; float: left; padding-right: 30px; }	


#contact { width: 300px; margin:0 auto; float: left; padding-top: 10px; padding-right: 30px; padding-left: 30px; }

#newsletter { width: 300px; margin:0 auto; float: left; padding-top: 40px; padding-bottom: 40px; }


#faq { width: 630px; margin:0 auto; float: left; padding-top: 10px; padding-right: 30px; padding-bottom: 40px; }

#encore_text, #brief_form { width: 630px; margin:0 auto; float: right; padding-top: 10px; padding-right: 30px; padding-bottom: 40px; }


#main_text_image { width: 330px; margin:0 auto; float: left; padding-right: 30px; }	


#main_text { width: 990px; margin:0 auto; float: left; padding-right: 30px; }	
	
	
#main_text1 { width: 630px; margin:0 auto; float: right; padding-bottom: 30px; padding-right: 30px; padding-top: 45px; }
	

#main_text2 { width: 1020px; margin:0 auto; float: left; padding-bottom: 30px; background-image: url(images/debut_navline_horiz.png);
	background-position: top; background-repeat: no-repeat; }


#call_for  { height: 50px; margin:0 auto; padding-bottom: 20px; padding-top: 15px; }


#image_block  { width: 780px; height: 390px; float: right; }


#thumbnails  { width: 160px; height: 390px; float: left; padding-left: 30px;}


#thumbnails_next  { width: 160px; height: 35px; padding-top: 30px; float: bottom; }	


#thumbnails img { padding-right: 5px; padding-bottom: 5px;}


#image_block1  { width: 705px; height: 390px; float: right; }	

	
#main2 { width: 1020px; margin:0 auto; height: 235px; clear: both; }
	
	
#main_2 { width: 1020px; margin:0 auto; height: 240px; clear: both;
		background-image: url(images/debut_portline_horiz.png); background-position: top; background-repeat: no-repeat; }	
			
	
#encore  { width: 270px; margin:0 auto; float: right; padding-left: 40px; padding-right: 30px; padding-top: 25px;
	padding-bottom: 30px; background-image: url(images/debut_footer_vert.png); background-position: left; background-repeat: no-repeat;
}

	
#silhouettes { width: 460px; margin:0 auto; float: left; padding-left: 30px; padding-top: 45px; padding-bottom: 45px; }	
			
	
#fonts { width: 460px; margin:0 auto; float: right; padding-right: 30px; padding-top: 45px; padding-bottom: 45px; }	


#steve { width: 960px; margin:0 auto; padding-left: 30px; padding-right: 30px; padding-top: 35px; padding-bottom: 20px; clear: both; }


#steve_links { width: 210px; height: 200px; margin:0 auto; float: left; padding-left: 330px; background-image: url(images/debut_steve_illustration.jpg);
	background-position: left; background-repeat: no-repeat; padding-right: 30px; }


#steve_bio { width: 390px; padding-bottom: 10px; margin:0 auto; float: right; }


#marie { width: 960px; margin:0 auto; padding-left: 30px; padding-right: 30px; padding-top: 35px; padding-bottom: 20px; clear: both; }


#marie_links { width: 210px; height: 200px; margin:0 auto; float: left; padding-left: 330px; background-image: url(images/debut_marie_illustration.jpg);
	background-position: left; background-repeat: no-repeat; padding-right: 30px; }


#marie_bio { width: 390px; margin:0 auto; padding-bottom: 30px; float: right; }


#press, #publications { width: 330px; margin:0 auto; float: left; padding-right: 30px; padding-bottom: 40px; }


#portfolio { width: 180px; margin:0 auto; float: left; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; }


#portfolio img { padding-right: 5px; padding-bottom: 5px; }


#publications_text, #press_text { width: 330px; margin:0 auto; float: left; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; }


#publications_text2 { width: 270px; margin:0 auto; float: left; padding-top: 50px; padding-right: 30px; }


#press_text2 { width: 270px; margin:0 auto; float: left; padding-top: 10px; padding-right: 30px; }


#testimonials_intro { width: 300px; margin:0 auto; clear:both; padding-left: 30px; padding-right: 30px; float: left; padding-top: 30px; }


#testimonials  { width: 750px; margin:0 auto; float: right;  padding-bottom: 30px; }	
	

#footer_block { margin:0 auto; clear:both; width: 1020px; }


#address  { width: 310px; height: 150px; float: left; padding-top: 25px; padding-right: 20px; padding-left: 30px; }

	
#links  { width: 220px; height: 150px; padding-top: 25px; float: left; }

	
#links2  { width: 220px; height: 150px; padding-top: 25px; float: left; }


.hidden { display: none; }

	
#slides { width: 780px; height: 380px; margin: 0; padding: 0; overflow: hidden; position: relative; }


#form  { padding-top: 10px; }


#apDiv1, #apDiv2, #apDiv3, #apDiv4, #apDiv5, #apDiv6, #apDiv7, #apDiv8, #apDiv9, #apDiv10, #apDiv11, #apDiv12 {
	position: absolute; width: 780px; height: 360px; visibility: hidden;
	overflow: visible; margin-left: 280px; margin-top: 220px;
}

#corner { width: 152px; height: 153px; overflow: hidden; position: fixed; top: 0px; right: 0px; }

#home { width: 960px; height: 215px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; padding-top: 30px; float: left; }

#home1 { width: 210px; float: left; }