@charset "UTF-8";
/* Thompson Design Style Sheet */

* {	margin: 0; padding: 0; }
.clear { clear: both; }

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #333;
	text-align: center;
	}
	
h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 10px;
	}
	
h2 {
	color: #999;
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 5px;
	}
	
p {
	color: #999;
	font-size: 12px;
	}
	
	
/* ---------------------------------------------------------------------- [ MAIN STRUCTURE ] ---*/
	
#pageContainer {
	background: #666 url(../images/mastheadBg.jpg) repeat-x;
	text-align: center;
	border-bottom: 1px solid #000;
	}
	
#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}
	
	
/* ---------------------------------------------------------------------- [ MASTHEAD AREA ] ---*/
	
	
#logo { 
	float: left;
	width:294px;
	height:56px;
	display:block;
	margin: 0;
	padding: 44px 0;
	}

#logo a { 
	display:block;
	text-indent:-9999px;
	width:294px;
	height:56px; 
	margin: 0;
	padding: 0;
	background: url(../images/td-logo.jpg) no-repeat top left;
	}
	
#information {
	float: right;
	padding-right: 18px;
	margin-top:  51px;
	width: 178px;
	height: 42px;
	background: url(../images/phonemast.gif) no-repeat;
	}
	
	
	
/* ---------------------------------------------------------------------- [ MID CONTENT AREA ] ---*/
	
#portfolio {
	margin: 25px 0 10px 0;
}

#portfolio a {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #333;
	background: #fff;
}

#portfolio a:hover {
	background: #ddd;
}

#portfolio a img {
	float: left;
	border: 1px solid #666;
	width: 160px;
	height: 160px;
}
.dropshadow {
	float: left;
	margin: 0 10px 10px 0;
	width: 178px;
	height: 178px;
	background: url(../images/dropshadow.png) bottom right no-repeat;
	}
	
*html .dropshadow {
	float: left;
	margin: 0;
	width: 178px;
	height: 178px;
	background: url(../images/dropshadow.png) top left no-repeat;
	}

#webdesign {
	float: left;
	width: 580px;
	}
	
#printdesign {
	float: left;
	width: 380px;
	}
	
#webdesign h2 { 
	width: 59px;
	height: 24px;
	display:block;
	padding-bottom: 20px;
	background: url(../images/web.gif) top left no-repeat;
	text-indent:-9999px;
	}
	
#printdesign h2 { 
	width: 76px;
	height: 24px;
	display:block;
	padding-bottom: 20px;
	background: url(../images/print.gif) top left no-repeat;
	text-indent:-9999px;
	}
	
	
/*--------------------------- [ THANK YOU PAGE ] ---*/
	
#thankyou {
	margin: 150px 0;
	text-align: center;
	}
	
#thankyou h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 5px;
	}
	
#thankyou p {
	color: #999;
	font-size: 14px;
	}
	
#thankyou a {
	color: #fff;
	text-decoration: underline;
	}
	
#thankyou a:hover {
	text-decoration: none;
	}
	
	
/* ---------------------------------------------------------------------- [ FOOTER AREA ] ---*/	
	
#footer {
	width: 960px;
	margin: 25px auto;
	text-align: left;
	}
	
#about {
	float: left;
	padding-top: 45px;
	background: url(../images/about.gif) top left no-repeat;
	width: 170px;
	margin: 0 20px 0 0;
	}

#services {
	float: left;
	padding-top: 45px;
	background: url(../images/services.gif) top left no-repeat;
	width: 170px;
	margin: 0 20px 0 0;
	}
	
#contact {
	float: left;
	padding-top: 45px;
	background: url(../images/contact.gif) top left no-repeat;
	width: 366px;
	margin: 0 10px 0 0;
	}
	
#copyright {
	float: right;
	padding-top: 60px;
	margin-right: 18px;
	background: url(../images/phone.gif) top right no-repeat;
	width: 178px;
	text-align: right;
	}
	
#footer h1 {
	font-size: 11px;
	line-height: 15px;
	color: #F27A20;
	text-transform:uppercase;
	}
	
#footer p {
	font-size: 10px;
	line-height: 16px;
	color: #ccc;
	}

*html #footer p {
	font-size: 11px;
	line-height: 17px;
	color: #ccc;
	}
	
#footer strong {
	font-size: 10px;
	line-height: 15px;
	color: #fff;
	text-transform:uppercase;
	}
	
.orange {
	color: #F27A20;
	} 
	
	
/*----- [ CONTACT FORM ]---*/

form {
	margin-top: 0;
	}

form label {
	font-size: 10px;
	color: #ccc;
	line-height: 17px;
	text-transform: uppercase;
}
form input, 
form textarea {
	font: 11px/1 Verdana, Arial, sans-serif;
	color: #333;
}
form #name {
	text-transform: capitalize;
}
form #email {
	text-transform: lowercase;
}
form #name,
form #email,
form #phone,
form textarea {
	width: 200px;
	padding: 3px;
	margin: 0;
	border: 1px solid #000;
}
form #flag {
	text-transform: lowercase;
	padding: 3px;
	margin: 0;
	border: 1px solid #000;
}
form #name.alert,
form #email.alert,
form #phone.alert,
form textarea.alert,
form #flag.alert {
	border: 1px solid #66CCFF;
}
form textarea {
	line-height: 1.5;
	width: 334px;
}
form div,
form p {
	font-size: 11px;
	line-height: 1.25em;
	color: #666;
	margin: 0 0 10px 0;
}
form p {
	margin: 0;
}

form #alert {
	color: #66CCFF;
}

form #send {
	background-color: #F27A20;
	color: #fff;
	border: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 6px;
	}
	
form #send:hover {
	background-color: #999;
}