/* ------------------------------------------------

/////////////// /////////////// /////////////
    /////           /////       ////
    /////           /////       ////
    /////           /////       //// ////////
    /////           /////       ////    /////
    /////           /////       /////////////

The Thomas Group
Ian Arensbak
ian@thomasgrouponline.com 
http://www.thomasgrouponline.com

--------------------------------------------------- */

/* ------------------------------------------------ 

			 RESETS & BASIC PAGE SETUP
             
--------------------------------------------------- */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Verdana, arial, sans-serif; background:#000000 url(../images/body_bg.jpg) repeat-x scroll left top; color: #bbb; }
ul { list-style: none inside; margin: 2px 0px 18px 16px; padding: 0px; }
ul li { list-style-type: square; margin: 0px 0px 6px 0px; padding: 0px; }
ol { margin: 8px 0px 0px 24px; padding: 0px; }
ol li { margin: 0px 0px 11px 0px; padding: 0px; }
p { font-size: 1.2em; line-height: 1.7em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }
a, a:link, a:visited { color:#0297DC; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3 { color: #0297DC; font-weight: normal; }
h1 { line-height: 1.8em; font-size: 2.2em; letter-spacing: .02em; text-transform: uppercase; }
h2 { font-size: 1.6em; margin: 10px 0; }
h3 { font-size: 1.4em; }
h4 { color: #fff; font-size: 1.4em; line-height: 1.6em; }
img { border: 0px; margin: 0px; padding: 0px; }
blockquote { margin: 20px 0px; padding: 10px 20px 0px 20px; border-left: 8px solid; border-color: #40403E; }
td { font-size: 1.2em; }
.indent { margin-left: 25px; }
/* ------------------------------------------------  

						TOOLBOX

--------------------------------------------------- */
.floatleft { float: left; }
.floatright { float: right; padding: 0 15px 0 10px; }
.clear { clear: both; }
.center { text-align: center; }
/* ------------------------------------------------  

					PAGE STRUCTURE
                    
--------------------------------------------------- */

#page-wrap { width: 880px; margin: 50px auto; }
/* #logo { margin-top: -50px; border:none; text-decoration:none; text-indent: -9999px; height: 177px; width: 880px; background: url(../images/tg-header-christmas.png) no-repeat; } */
#logo { border:none; text-decoration:none; text-indent: -9999px; height: 127px; width: 880px; background: url(../images/tg_header.jpg) no-repeat; }
#content { width: 878px; background: #000; overflow: hidden; border-right: 1px solid; border-bottom: 1px solid; border-left: 1px solid; border-color: #40403E; }
#portfolio-content { padding: 22px 3px 10px 75px; float: left; width: 700px; }
#index-content { padding: 0px 3px 10px 75px; float: left; width: 700px; }
#team { padding: 15px 0px 15px 0px; margin: 0 auto; width: 780px; }
#team h1 { font: 2.8em Arial, Helvetica, sans-serif; line-height: .5em; }
#team h2 { font: 1.8em Arial, Helvetica, sans-serif; }
#team .personal { display: block; width: 475px; height: auto; float: left; }
#team .sidebar { display: block; width: 270px; min-height: 125px; float: right; background:transparent url(../images/db_first_bg.jpg) no-repeat; padding-left: 20px; padding-top: 10px; }
#team .sidebar h1 { font: 1.6em Arial, Helvetica, sans-serif; }
#team .sidebar p { line-height: 1.2em; font: 1.2em Arial, Helvetica, sans-serif; margin-bottom: .5em; }
#team .sidebar td { font: 1em Arial, Helvetica, sans-serif; }
/* ------------------------------------------------ 

			NO PAGE COLUMN FORMATTING

USED ON:
index.html
portfolio.html
--------------------------------------------------- */

.no-column { text-align: left; width: 740px; margin: 8px 0 0 0; padding: 12px 0px 18px 0px; background:transparent url(../images/db_first_bg.jpg) no-repeat; }
.no-column h1 { padding: 0 0 0 40px; }
.no-column .boxContent { overflow:hidden; padding:10px 0pt 10px 24px; position:relative; }
/* ------------------------------------------------ 
				
                LEFT COLUMN FORMATTING

USED ON:
aboutus.html
contactus.html
couponbook.html
careers.html
thanks.html
--------------------------------------------------- */


#left-column { padding: 22px 3px 10px 19px; float: left; width: 300px; }
.left-box { background:transparent url(../images/db_first_bg.jpg) no-repeat left top; clear:left; margin-bottom:10px; padding-top:16px; position:relative; }
.left-box h1 { padding: 0 0 0 20px; }
.left-box h2 { padding: 0 0 0 20px; text-transform: uppercase; }
.left-box h3 { padding: 0 0 20px 20px; }
.left-box .boxFirstHeaderlargeprojects { color:#006598; font-size:12px; font-weight:bold; height:20px; position:relative; text-align:center; text-transform:uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.left-box .boxContent { overflow:hidden; padding:10px 0pt 10px 24px; position:relative; }
.left-box .boxContentCouponBook { font-size:10px; overflow:hidden; padding:10px 0pt 10px 24px; position:relative; }
/* ------------------------------------------------  

				RIGHT COLUMN FORMATTING 

USED ON:
aboutus.html
contactus.html
couponbook.html
careers.html
thanks.html
--------------------------------------------------- */

#right-column { text-align: left; width: 542px; float: left; margin: 8px 0 0 0; padding: 12px 0 18px 0; }
.right-box { background:transparent url(../images/db_second_bg.jpg) no-repeat; }
.right-box .boxContent { overflow:hidden; padding:10px 24px; position:relative; }
/* ------------------------------------------------ 
						
                     NAVIGATION

USED ON:
ALL PAGES
--------------------------------------------------- */

.menu { padding:0 0 0 20px; margin:0; list-style:none; height:35px; background:#fff url(../images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; margin:0 auto; width:860px; }
.menu li { float:left; list-style:none; text-transform:uppercase; }
.menu li a { display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer; }
.menu li a strong { float:left; display:block; padding:0 16px 0 8px; }
.menu li.current a { color:#fff; background:url(../images/button3.gif); }
.menu li.current a strong { background:url(../images/button3.gif) no-repeat right top; }
.menu li a:hover { color:#fff; background:#000 url(../images/button4.gif); }
.menu li a:hover strong { background:url(../images/button4.gif) no-repeat right top; }
.menu li.current a:hover { color:#fff; background:#000 url(../images/button3.gif); cursor:default; }
.menu li.current a:hover strong { background:url(../images/button3.gif) no-repeat right top; }
/* ------------------------------------------------ 
				
                	FORM STYLING

USED ON:
contact.html
couponbook.html
/ftp
--------------------------------------------------- */

label { display: block; }
fieldset { margin: 1.5em 0 0 1.5em; padding: 0; }
legend { margin-left: 1em; color: #000000; font-size: 1em; font-weight: bold; }
fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
fieldset li { padding-bottom: 1em; }
fieldset.submit { border-style: none; }
.contactfrm { font-size: 12px; color: #fff; background-color: #000; border: 2px solid #006598; }
.couponfrm { font-size: 10px; color: #fff; background-color: #000; border: 2px solid #006598; }
.submitbutton { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #000; color: #006598; margin-top: 5px; margin-bottom: 2px; border: 2px solid #006598; }
.resetbutton { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #000; color: #006598; margin-top: 5px; margin-bottom: 2px; border: 2px solid #006598; }
/* ------------------------------------------------  
				PORTFOLIO BUTTONS

USED ON:
portfolio.html
all portfolio sub pages
--------------------------------------------------- */
.thumb_block_aboutus { margin: 0 0 0 25px; height: 400px; }
.thumb_block_portfolio { position: relative; height: 900px; }
.thumb_image { float: left; margin: 0px 5px 5px 5px; width: 70px; display: inline; }
.portfolio_buttons { float: left; margin: 5px 25px 5px 15px; width: auto; border: none; }
.tallservicesimg { padding-top: 20px; padding-bottom: 30px; padding-left:5px; float: right; }
.servicesimg { padding-top: 5px; padding-left:10px; float: right; }
/* ------------------------------------------------ 
			WEBSITE PORTFOLIO STYLES 

USED ON:
client_websites.html
advertising_websites.html
--------------------------------------------------- */
.client_titles { font: 1.6em Verdana, Arial, Helvetica, sans-serif; }
.project-description { color: #BBBBB5; font-size: 12px; width: 350px; }
.clients_left { position: relative; float: left; width: 320px; }
.clients_right { position: relative; float: right; width: 320px; }
.clients_left li { list-style: none; font-size: 10px; line-height: 11px; }
.clients_right li { list-style: none; font-size: 10px; line-height: 11px; }
.previous-next { text-align: center; font: 1.6em Verdana, Arial, Helvetica, sans-serif; }
/* ------------------------------------------------ 

		WEBSITE ALTERNATING ROW COLOR CSS

USED ON:
client_websites.html
advertising_websites.html
--------------------------------------------------- */
.listing { height:300px; background-color:#000000; position:relative; }
.listing img { float:left; margin-right:1px; }
.listing .description { float:right; font-size:14px; line-height:24px; color:#5b5b5b; }
.listing h2 { color:#0297dc; }
/* ------------------------------------------------ 
						
                        FOOTER

USED ON:
index.html
--------------------------------------------------- */
#footer { clear: both; width: 880px; margin: 0 auto; padding: 0; background: #000; background-image:url(../images/footer.png); background-repeat: no-repeat; }
#footer ul.footernav { list-style: none; width: 20%; float: left; margin-top: 20px; margin-left: 30px; }
#footer ul.footernav li strong { text-transform: uppercase; }
#footer ul.footernav li { line-height: 1.25; }
#footer ul.footernav li a { color: #666; font-size: .9em; }
#footer ul.footernav li.h { width: 160px; height: 10px; list-style: none; text-indent: -15px; }
#footer ul.footernav.serv li.h { font-size:1.2em; color: #0297DC; }
#footer ul.footernav.port li.h { font-size:1.2em; color: #0297DC; }
#footer ul.footernav.memb li.h { font-size:1.2em; color: #0297DC; }
#footer ul.footernav.oth li.h { font-size:1.2em; color: #0297DC; }
#footer p { clear: both; color: #CCC; text-align: center; font-size: .9em; margin-right: 30px; }
#footer p a { color: #0297DC; }
#footer p.footerright { text-align: right; }
/* ------------------------------------------------ 

				ALTERNATE PAGE FOOTER 

USED ON:
ALL PAGES (EXCEPT index.html)
--------------------------------------------------- */

#footer-secondary { padding:10px; }
#footer-secondary-right { text-align: right; }
#footer-secondary #copy_r { float:right; font-size: 1.2em; }
#footer-secondary ul { float: left; }
/* ------------------------------------------------ 

				ALTERNATE PAGE FOOTER 

USED ON:
OUR TEAM
--------------------------------------------------- */


/*  Three Column  */
#three_column { background: #000; }
#three_column div { float:left; width:200px; padding:0 31px 0 34px; }
#three_column div a { font-size: 1.2em; color: #0297DC; }
#three_column div p { font-size:1em; margin-bottom:1.4em; line-height:1.3em; }
#three_column div.begin { padding-left:0; }
#three_column div.end { padding-right:0; }
.sevices_column { background: #000; }
.services-column div { float:left; width:200px; padding:0 20px 0 20px; }
.services-column div a { font-size: 1.2em; color: #0297DC; }
.services-column div p { font-size:1em; margin-bottom:1.4em; line-height:1.3em; }
.services-column div.begin { padding-left:0; }
.services-column div.end { padding-right:0; }
/* Category Buttons */

.category-buttons a { display: block; float: left; margin: 10px 15px 5px 15px; width: auto;}
.category-buttons a img {  opacity: .8; }
.category-buttons a img:hover { opacity: 1; }

/* This doesn't work worth a crap */
/*.new {  background: url(../images/new-design.png) no-repeat; display: block; margin: 10px 15px 5px 15px;  z-index: 2; } */