@import url(color.css);
@import url(typography.css);
/* ============== Normalize ========================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, q, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0;} /* Remove list-style from lists */
fieldset, img { border: 0; margin: 0;} /* Remove border from fieldset and img */
caption, th { text-align: left;} /* Left-align textin caption and th */
/* =============== Begin General ===================================== */
html { 
	text-align: center; 
	}
body {
	width: 800px; 	/*for the bg gradient*/	
	margin: 0 auto;	
	text-align: left;
	}
.clear {
	clear: both;
	}
#content {
	margin-left: 13px; /* for the bg gradient*/
	width: 775px;
	}
#branding img {	
	margin-left: 13px; /* for the bg gradient*/	
	}
/* ========== branding =====================  */	
#top_box {	
	position: relative;
	height: 15px; /* top gradient*/
	}
#branding {
	position: relative;
	height: 135px;
	}
/* ========== navigation (text) =====================  */
#skip_navigation {
	float: left;
	}
#nav {
	text-align: left;
	padding: 8px 30px 5px 25px;
	}
#nav li {
	display: inline;
	}
#nav li a {
	padding-right: 30px;
	}
	
/* ======== content ==============================*/
h1 { padding: 0 0 15px 0;}	
h2 { padding: 15px 0 2px 0;}
h3 { padding: 4px 0 2px 0;}
h4 { padding: 10px 0 2px 0;}

.quote { padding-top: 10px;}

#services_page h1,
#about_page h1,
#why_thtdesign_page h1 { padding: 0;}

#content_main {			/*--- inside pages --*/
	width: 400px;
	padding: 50px 0 50px 45px;
	position: relative;
	float: left;
	}
 #content_sub  {		/*--- inside pages --*/
	width: 230px;
	margin: 55px 0 50px 50px;
	padding: 0 0 26px 20px;
	position: relative;
	float: left;
	}
#content_main p  { padding:  2px 0  10px  0;}
#content_main ul { padding:  0   0  10px 0;}

#content_main li { margin-left: 40px; padding-left: 10px;} /* li bullets */
#content_main li { _height: 24px;} /* fixing the ie issue with background images */

#content_sub h3  { padding-top: 20px;}	
#content_sub img { margin:  5px 12px 0 0; } /* recent work imgs */
#content_sub p   { padding-right: 12px;}

#content_sub .quote { padding-top: 30px;}

.testimonials_authors  {
	text-align: right;
	}
/* ----- home ------- */

#home_page #content_sub h3,
#testimonials_page #content_sub h3  { padding-top: 10px;}	 

#home_page #content_sub p { padding-right: 21px;}	
/*----- work -------*/

#work_page #content_main {
	width: 524px;
	padding: 50px 0 50px 30px;
	}
#work_page #content_sub {
	width: 180px;
	margin: 70px 0 100px 0;
	}
	
#work_page #content_main p { padding-right: 60px; }
#work_page #content_main #work_testimonial p { padding-right: 1px; }
#work_page #content_main img { margin: 5px 0 15px 0;}

#work_page #content_sub li { line-height: 1.9em; }

#work_testimonial {
	margin-top: 5px;
	padding-top: 15px;
	width: 443px;
	}

/* --- work secion: logos ------ */

#work_page #content_main #logos img { margin: 0 20px 21px 0;}
#work_page #content_main #logos #logos_square img { padding: 2px;}

#logos_long img { padding: 10px 93px 22px 85px;} /* bg color */
	

/* ----- testimonials -------*/
#testimonials_page #content_main .testimonials_authors  { padding:  2px 0  25px  0;}
#testimonials_page #content_main .quote  { padding:  0 0  0  0;}

/*--------- footer --------------*/

#footer {
	width: 775px;
	margin-left: 13px;
	}
#footer_newsletter {
	width: 376px;
	padding-left: 45px;
	}
#footer_contact {
	width: 250px;
	padding-left: 50px;
	}
#footer_newsletter, 
#footer_contact {
	float: left;
	line-height: 1.8em;
	padding-bottom: 53px;
	padding-top: 7px;
	}


/*--------- bottom box --------------*/
#bottom_box {
	height: 40px;
	text-align: right;
	}
#bottom_box ul {
	padding: 10px 0 5px 30px;
	}
#bottom_box li {
	display: inline;
	padding-right: 10px;
	margin: 0 10px 0 0;
	}