@import url(color.css);
@import url(typography.css);
/* ========== Normalizing Code =========================================== */
/* Normalize margin, padding */ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
/* Normalize font-size for headers */ 
h1, h2, h3, h4, h5, h6 { font-size:100%;}
/* Remove list-styles from lists */ 
ol, ul {list-style:none;}
/* Normalize font-style and font-weight to normal */ 
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
/* Remove list-style from lists */ 
table { border-collapse:collapse; border-spacing:0; }
/* Remove border from fieldset and img */ 
fieldset, img { border:0; }
/* Left-align textin caption and th */ 
caption, th { text-align:left; }
/* Remove quotation marks from q */ 
q:before, q:after { content:''; }

/* ========== General / Container ========================================= */
html {text-align: center;}
body {text-align:left;}
#container {	
	position: relative;			
	margin: 40px auto 0 auto;			
	width:800px;  					
	}
/* ============= Branding ================================================ */		
#branding {
	position:relative; 
	display:block;
	width:798px;    	 
	height:137px; 	  
	}	
/* =========== Navigation  =============================================== */
#nav {
	z-index:10;
	position: absolute;
	left: 180px;
	top: 108px;
	}
#nav li {
	float:left; /* makes nav horizonal */
	}
#nav li a { 
	text-indent:-9999px;/* moves accesability nav text off the screen*/
	left:-9999px;
	top:-99999px;
	height:19px;
	}
#nav li a {
	display: block;/* moves text off screen*/
	}

/* --- width of nav tabs ---- */	
#home a { width:73px;} 
#news a { width:66px;}
#wedding a { width:114px;}
#commercial a { width:109px;}
#special_occasions a { width:159px;}
#contact a { width:93px;}

#nav li a { 
	background-position:center bottom;/* roll over images original position*/
	}
#nav li a:hover, #nav li a:active {
	background-position: center top;/*roll over hover state*/
	}
/* =========== Sub Navigation  =============================================== */
#wedding_page_selected { /*-sub nav list--*/
	position:absolute;
	left:330px;
	top:0;
	height:100px; 	/* -- for sub nav border -- */
	padding-top:18px; /* lining up list to top of main nav*/
	padding-left:3px;
	}
#commercial_page_selected { /*-sub nav list--*/
	position:absolute;
	left:433px;
	top:0;
	height:55px; 	/* -- for sub nav border -- */
	padding-top:59px; /* lining up list to top of main nav*/
	padding-left:3px;
	}
/* ================= Content : Wedding, Commercial and Special Occasion ============================ */
#left {		
	width:300px;    			 
	float: left;				
	width:250px;
	padding: 50px 50px 60px 40px;
	}
#left dt{
	text-align:center;
	margin-bottom:10px;
	}
#left dd{
	margin: 10px 0 20px 0;
	}
#right {					    			
	clear: inherit;
	float: left;
	text-align:center;				
	width:370px;
	padding-top:25px;
	margin:0 0 55px 35px;
	}
#right img {
	margin:8px;
	}
/*========== Thumbnails at the bottom left of page ====================================*/	
dd#clear_thumbs {
	padding-bottom:60px;
	}
#thumbs ul {
	display:inline;
	}
#thumbs img {
	margin-right:24px;}
#thumbs a {
	display: block;
	float:left;
	display: block;/* moves text off screen*/
	}
#thumbs li{
	float:left;
	}

/* ============= A: Index =======================================================*/
.index_table {
	margin:60px 0 25px 125px ;
	text-align:center;
	}
.index_table td{ 
	width:180px;
	}
.index_table img{ 
	margin:0 10px 2px 10px;
	}
body#index_page #content {
	margin-bottom:20px;
	}
body#index_page #body-text {
	padding:25px 135px 50px 135px; 
	text-align:left;
	}
body#index_page #body-text p {
	margin-bottom:10px;
	}
body#index_page #body-text h2 {
	margin-bottom:10px;
	}	
/* =============== B: News Page ================================================*/
/*----------- B: left --------------*/
body#news_page #body-text {
	float:left;				
	width:300px;
	padding: 50px 50px 30px 35px;
	}
body#news_page #body-text p {
 	margin:12px 0 5px 0;
 	}
body#news_page #body-text h2 {
	text-align:center;
	}
/*---------- B: right -------------*/
#news_right {
	clear:inherit;
	float:left;
	text-align:center;				
	width:370px;
	margin-top:10px;
	margin-bottom:40px;
	}
.news_table {
	margin-top:2px;
	}
.news_table td{ 
	width:180px;
	}
#news_right h3 {
	margin-top:20px;
	margin-bottom:5px;
	}	
	
/* ================= C2: Custom Invitations =========================================*/
	
	
body#custom_invites_page #content {
	position:relative;
	}
.thumbs {
	position:absolute;
	}	
/* ================= C4: Types of Printing =========================================*/
#types_of_printing {
	width:155px;
	float:left;
	margin:20px 5px 100px 20px;
	}
#types_of_printing dt {
	margin-bottom:10px;
	}
.column1, .column2 {
	float:left;
	width:169px;
	margin:10px 35px 45px 0;
	clear:inherit;
	}
.column3 {
	float:left;
	width:169px;
	margin:10px 0 45px 0;
	clear:inherit;
	}
.column1 dt, .column2 dt, .column3 dt {
	margin:10px 0 5px 0;
	}
.column1 dd, .column2 dd, .column3 dd {
	margin-bottom:5px;
	}
.column1 img, .column2 img {
	margin:5px 0 10px 0;
	}
.column3 img { 
	margin-top:5px;
	}
/* ================ C5: Addressing Services ============================================*/	
.addressing_table {
	margin-left:130px;
	text-align:center;
	margin-top:30px;
	}
.addressing_table td { 
	width:180px;
	}
.addressing_table_text {
	text-align:center;
	}
body#addressing_page #body-text {
	padding:30px 135px 15px 135px; 
	text-align:left;
	}
body#addressing_page h2 {
	margin-bottom:10px;
	}
body#addressing_page #body-text p {
	margin-bottom:30px;
	}	
/* ================= C6: Catalogues =====================================================*/		
#left_catalogue	{		    			 
	float: left;				
	width:220px;
	margin:5px 85px 40px 40px;
	}
#left_catalogue dt{
	text-align:center;
	margin:10px 0 10px 0;
	}
#right_catalogue {					    			
	clear: inherit;
	float: left;
	text-align:center;				
	width:370px;
	padding-top:25px;
	margin-bottom:45px;
	margin-left:29px;
	}
#right_catalogue img {
	margin:8px;
	}
/* =============== C6: Catalogue -links ====================================================*/
#catalogue_page_links {
	text-align:center;
	padding-top:25px;
	margin-top:25px;
	}
#title_catalog {
	padding-top:40px;
	}
/* ================ E: Special Occasions Page ============================================*/
body#special_occasions_page #left img {
	margin: 80px 8px 0 8px;
	}
/* =============== F: Contacts Page ======================================================*/	
/*--------- F: left -------------------------*/
#contact_left {  			 
	float:left;				
	width:250px;
	margin-left:25px;
	margin-bottom: 50px; /* clears footer from content*/
	padding: 40px 50px 30px 40px;
	}
#contact_anders {
	padding-bottom:20px;
	}
#anders_address {
	margin-top:10px;
	}
body#contact_page h2 {/* spacing around titles*/
	margin-bottom:8px; 
	}	
.contact_titles {
	margin-top:25px;
	}			
.text_please_let_us { 
	margin-top:12px;
	}
/*---------- F: right ----------------------------*/
#contact_right{
	clear: inherit;
	float: left;				
	text-align: center;
	width:370px;
	padding-top:30px;/* clears area around right including: footer from content*/ 
	margin-bottom:60px;
	} 
/* ================== Footer  ================================================================ */
#bottom {
	clear:both;	
	width:798px; 			
	height:20px;					
	}
#bottom a {float: right; } /* email img to right*/		
#thtdesign { 
	text-align:center;
	margin-top:20px;
	}