@charset "utf-8";
/* 
	Ted Pino Advertising
	tedpinoadvertising.com
	Author: Nai Saelee
*/

/****************************
 + RESET
 ****************************/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



/****************************
 + RESET FONTS
 ****************************/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*****************************
 + GLOBAL
 *****************************/
body { background:#996; }
strong { font-weight:bold; }

a,
a:link,
a:visited,
a:active { color:#999; text-decoration:none; }
a:hover { text-decoration:underline; }

#wrapper { margin:auto; width:980px; height:788px; background:url('../images/header-bg.png') #996 no-repeat top left;  }
#wrapper-foot { position:relative; padding:40px 0 0 32px; height:748px; background:url('../images/footer-bg.png') transparent no-repeat bottom left; }



/***************************
 + Left Content
***************************/
#left-content { width:194px; }
	#header h1 a { width:199px; height:79px; background:url('../images/tpa-ted-pino-advertising-logo.png') transparent no-repeat 0 0; display:block; }
	#header h1 a span { display:none; }
	
	#navigation { padding-top:141px; }
	#navigation li { padding-bottom:14px; text-align:right; }
	#navigation a { color:#fff; text-transform:uppercase; text-decoration:none; }
	#navigation a:hover { text-decoration:underline; }
	
	#quoted { padding:10px 0 0 57px; width:142px; color:#cc9; font-size:14px; font-weight:bold; font-style:italic; line-height:160%; }
		#quoted span { display:block; text-align:right; }
  
  
  
  
/***************************
 + Right Content
***************************/	
#contentwrap { position:absolute; padding:27px 20px 27px 13px; width:701px; height:562px; background:url('../images/content-bg.png') transparent no-repeat 0 0; top:110px; right:0; }
	
	#content { margin:0 15px; height:530px; background:#fff; border:1px solid #000; color:#999; font-size:12px; }
		#content h2 { padding-bottom:15px; color:#990; font-size:18px; }
		
		
		#content .text-page { padding:39px 0 0 51px; width:352px; height:486px; line-height:150%; }
		#content .our-purpose .text-page,
		#content .logo-design .text-page,
		#content .ploc .text-page,
		#content .pkg-design .text-page { width:246px; }
		#content .our-team .text-page { width:415px; }
		#content .contact-us .text-page { width:246px; float:left; }
		#content .text-page p { padding-bottom:10px; }
		
		
		
		/***************************
		 + Home
		 ***************************/			
		.home { background:url('../images/img-home.png') transparent no-repeat 410px 340px; }
		
		
		
		/***************************
		 + Our Purpose
		 ***************************/	
		.our-purpose { background:url('../images/img-our-purpose.png') transparent no-repeat 300px 210px; }
		
		
		
		/***************************
		 + Our Team
		 ***************************/
		.our-team h3 { color:#990; font-weight:bold; text-transform:uppercase; }
		
		.our-team #team-list { color:#990; }
		.our-team #team-list li { padding-bottom:15px; }
		
		.our-team #member-info { padding:0 15px 0 0; height:270px; overflow:auto; line-height:170%; }
		
		.our-team #team-imgs { padding-top:69px; padding-right:45px; float:right; }
		.our-team #team-imgs li { padding-top:8px; }
		
		
		
		/***************************
		 + Logo Design
		 ***************************/	
		.logo-design { background:url('../images/img-logo-design.png') #fff no-repeat top right; }
		
		
		
		/***************************
		 + Partial List of Clients
		 ***************************/	
		.ploc { background:url('../images/img-partial-list-of-clients.jpg') #fff no-repeat bottom right; font-size:13px; }
		
		
		
		/***************************
		 + Contact Us
		 ***************************/
		#content .contact-us { background:url('../images/img-contact-us.png') #fff no-repeat bottom right; }
		
		.contact-us #contact-free { padding-top:270px; padding-right:35px; width:265px; float:right; color:#c1c145; font-size:15px; font-weight:bold; text-align:center; }
		
		.contact-us #contact-info { color:#c1c145; font-size:13px; }
		.contact-us #contact-info li { font-weight:bold; }
		.contact-us #contact-info li table a { color:#999; text-decoration:none; }
		.contact-us #contact-info li table a:hover { text-decoration:underline; }
		.contact-us .contact-email { width:275px !important; }
		
		.contact-us #contacts table { width:290px; color:#666; }
		.contact-us #contacts td { padding-top:10px; padding-right:5px; }
		.contact-us .input,
		.contact-us textarea { border:1px solid #ebecec; }
		.contact-us .input { padding:2px; }
		.contact-us textarea { width:99%; height:150px; }
		.contact-us .send { margin:0; padding:4px 0 8px 0 !important; width:78px; height:29px; background:url('../images/send-it.png') transparent no-repeat 0 0 !important; border:0 !important; display:block; cursor:pointer; color:#fff; font-size:14px; font-family:Verdana, Geneva, sans-serif; }
		 
		
		
		
		/***************************
		 + Package Design
		 ***************************/
		 #content .pkg-design .text-page { height:382px; overflow:hidden; }
		 
		 .pkg-design #pkg-thumbs { padding-left:15px; }
		 .pkg-design #pkg-thumbs li { float:left; }
		 
		 .pkg-design #pkg-imgs { padding:0 20px 0 0; width:313px; height:380px; float:right; overflow:hidden; }
		 .pkg-design #pkg-imgs li { padding-top:28px; }
		 
		
		
		
		/***************************
		 + Web Design
		 ***************************/
		 #content .web-design .text-page { width:246px; height:352px; }
		 
		 .web-design #web-thumbs { padding-left:65px; width:538px; overflow:hidden; }
		 .web-design #web-thumbs li { float:left; }
		 
		 .web-design #web-imgs { margin-top:39px; padding:0 45px 0 0; width:313px; height:342px; float:right; overflow:hidden; }
		 
		
		
		
		/***************************
		 + Print Advertising
		 ***************************/
		 #content .print-ad .text-page { padding-top:0; width:245px; height:399px; overflow:hidden; }
		 .print-ad #print-ad-part1 { padding-top:39px; }
		 .print-ad #print-ad-part2 { padding-top:39px; }
		 
		 .print-ad #print-ad-thumbs { padding-left:15px; }
		 .print-ad #print-ad-thumbs li { height:65px; float:left; }
		 
		 .print-ad #print-ad-imgs { margin-top:33px; padding:0 20px 0 0; width:350px; height:352px; float:right; overflow:hidden; }
		 
		 
		 
/***************************
 + Footer
***************************/		
#footer { margin-top:17px; padding:15px 0; display:block; text-align:center; clear:both; color:#fff; font-size:11px; font-family:Calibri, Arial, Helvetica, sans-serif; letter-spacing:-0.05em; }
	#footer p { padding:13px 0 0 0; }
	#footer li { display:inline; }
	#footer li span { padding:0 2px; }
	#footer a { color:#fff; text-decoration:none; text-transform:uppercase; }
	#footer a:hover { text-decoration:underline; }



/***************************
 + Misc
***************************/
.upp { text-transform:uppercase; }

a.morelink { display:block; text-align:right; color:#c1c145 !important; font-size:8px; text-transform:uppercase; }




/**** [ !!! WARNING !!!! DO NOT EDIT BELOW THIS LINE! ] ****/

/***********************************************************
 + Overflow fix
************************************************************/
.clearfix:after {content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */