/*
Trans Canada Tax Service
Designer / Developer: Ash Haque
Date: December 2009
*/

/* Main Section
----------------------------------------------------------------------------- */

	/* Sub Section */


/* Reset
----------------------------------------------------------------------------- */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* Accessability
----------------------------------------------------------------------------- */

ol#accessibility-nav,
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
----------------------------------------------------------------------------- */

#main:after,
#navigation ul:after,
#services:after,
.footer-links .bg-top:after,
.sitemap:after,
.related-links:after,
.footer-text:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* Default
----------------------------------------------------------------------------- */

html,
body { background: #fff url(../images/bg-body.gif) top left repeat-x; }
body { color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #666; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }


/* Structure
----------------------------------------------------------------------------- */

	#wrapper { width: 900px; margin: 0 auto; text-align: left; padding-top: 10px; }


/* Header
----------------------------------------------------------------------------- */

	#header { padding: 15px 0; }

	/* Logo */
	
	#header a,
	#header h1,
	#header span { position: relative; display: block; width: 900px; height: 122px; }
	#header span { background: url(../images/trans-canada-tax-service.gif) top left no-repeat; position: absolute; top: 0; left: 0; }
	
/* Navigation
----------------------------------------------------------------------------- */

	#navigation { padding-bottom: 15px; }
	.homepage #navigation { padding-bottom: 0; }
	#navigation ul li { display: inline; }
	#navigation ul li a { display: block; padding: 6px 19px 16px; float: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #333; }
	#navigation ul li.first a { padding-left: 0; }
	#navigation ul li.selected a { padding-left: 19px; background: url(../images/bg-menu.gif) top center no-repeat; color: #fff; }
	

/* Content
----------------------------------------------------------------------------- */

	#main { background: url(../images/border-vertical.gif) 550px 15px repeat-y; }

	#content { width: 520px; float: left; }
	#content h1 { font-size: 2em; margin-bottom: 15px; }
	#content h2 { font-size: 1.6em; margin-bottom: 10px; padding-bottom: 0px; }
	#content h2 em { font-weight: normal; font-style: normal; }
	#content p { font-size: 1.2em; line-height: 1.6; margin-bottom: 15px; }
	#content ul { margin-bottom: 10px; }
	#content ul li { font-size: 1.2em; line-height: 1.6; padding: 0 0 10px 15px; background: url(../images/ico-arrow.gif) left 0.4em no-repeat; }
	#content ul li ul li { font-size: 1em; background: #fff; padding: 0; padding: 15px 0 0 20px; }
	#content ul li p { font-size: 1em; margin-bottom: 0; }
	#content img { background: #fff; padding: 4px; border: 1px solid #ddd; margin-bottom: 10px; }
	#content table { font-size: 1.2em; margin-bottom: 10px; }
	#content table tr td { padding: 0 20px 5px 0; }

	#content a { padding-bottom: 0px; border-bottom: 1px solid #aaa; }
	#content a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #c74a38; }

	.homepage #content { width: auto; float: none; }

	.homepage #featured { height: 317px; background: url(../images/bg-featured.jpg) top left no-repeat; padding: 0 50px 0 350px; position: relative; }
	.homepage #featured h2 { font-style: italic; font-size: 2.4em; padding: 30px 0 10px; margin: 0; }
	.homepage #featured p { font-size: 1.4em; line-height: 1.6; margin-bottom: 10px; }
	.homepage #featured strong.caption { position: absolute; left: 335px; bottom: 15px; width: 500px; font: bold italic 1.2em Georgia, serif; }

	.homepage #services { padding: 15px 0; }
	.homepage #services .box,
	#sidebar .box { width: 290px; float: left; background: url(../images/bg-box-mid.gif) top left repeat-y; }
	.homepage #services .box1 { margin-right: 15px; }
	.homepage #services .box3 { float: right; }
	.homepage #services .box .bg-bot,
	#sidebar .box .bg-bot { background: url(../images/bg-box-bot.gif) bottom left no-repeat; padding-bottom: 10px; }
	.homepage #services .box .bg-top,
	#sidebar .box .bg-top { background: url(../images/bg-box-top.gif) top left no-repeat; padding: 15px 20px 0 20px; }
	.homepage #services .box h3 { font-size: 1.6em; padding-bottom: 3px; margin-bottom: 10px; background: url(../images/border-horizontal.gif) bottom left repeat-x; }
	
	.locations #content img { margin-bottom: 10px; }
	.locations #content ul { margin-bottom: 40px; }
	.locations #content ul li { background: none; padding: 0; width: 100%; overflow: auto; padding-bottom: 5px; }
	.locations #content ul li strong { width: 100px; float: left; }
	.locations #content ul li p { width: 400px; float: right; }

/* Sidebar
----------------------------------------------------------------------------- */

	#sidebar { width: 329px; float: right; }
	#sidebar .box { float: right; display: inline; margin-right: 15px; margin-bottom: 25px; }
	#sidebar .box .bg-bot { padding-bottom: 10px; }
	#sidebar .box .bg-top { padding: 15px 20px 0 20px; }
	#sidebar img { background: #fff; padding: 4px; border: 1px solid #ddd; margin: 0 auto 10px auto; }
	#sidebar h3 { font-size: 1.6em; font-weight: normal; text-transform: uppercase; padding: 0 0 10px 0; padding-bottom: 3px; margin-bottom: 10px; background: url(../images/border-horizontal.gif) bottom left repeat-x; }
	#sidebar ul { margin-bottom: 10px; }
	#sidebar ul li { font-size: 1.2em; display: inline; }
	#sidebar ul li a { display: block; padding: 5px 0; border-bottom: 1px solid #f8f8f8; }
	#sidebar ul li a:hover { color: #c74a38; text-decoration: none;}

/* Miscellaneous
----------------------------------------------------------------------------- */

/* Footer
----------------------------------------------------------------------------- */

	#footer { padding: 30px 0 75px; }
	.homepage #footer { padding-top: 0; }
	#footer a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #c74a38; }

	#footer .footer-links { background: url(../images/bg-container-mid.gif) top left repeat-y; }
	#footer .footer-links .bg-bot { background: url(../images/bg-container-bot.gif) bottom left no-repeat; padding-bottom: 20px; }
	#footer .footer-links .bg-top { background: url(../images/bg-container-top.gif) top left no-repeat; padding: 15px 20px 0 20px; }
	#footer .footer-links h3 { font-size: 1.4em; font-weight: normal; display: block; margin-bottom: 5px; text-transform: uppercase; }
	#footer .footer-links ul li ul { padding-left: 15px; }
	#footer .footer-links .col { font-size: 1.2em; line-height: 1.6; float: left; }
	#footer .footer-links .sitemap { width: 600px; float: left; }
	#footer .footer-links .sitemap .col { padding-right: 80px; }
	#footer .footer-links .sitemap .col3 { padding-right: 0; }
	#footer .footer-links .contact-us { width: 240px; float: right; }
	#footer .footer-links .contact-us li { font-size: 1.2em; padding: 5px 0 5px 25px; }
	#footer .footer-links .contact-us li.contact-phone { background: url(../images/ico-phone.gif) center left no-repeat; }
	#footer .footer-links .contact-us li.contact-email { background: url(../images/ico-email.gif) center left no-repeat; }
	
	#footer .footer-text { font-size: 1.2em; padding-top: 15px; }
	#footer .footer-text p.copyright { width: 50%; float: left; }
	#footer .footer-text p.credit { width: 40%; float: right; text-align: right; }