/* 
  -----------------------------------
  T & G Transport 2008 Style Sheet (Master)
  Author: Justin Agoglia
  www.skylardesign.com
  -----------------------------------
*/

/* =Universal Styles 
  ----------------------------------- */
* {margin: 0; padding: 0;}
html, body {background: #445878; font: 90% Arial, Helvetica, sans-serif; color: #4B4B4C;}

#wrapper, #site-info  {margin: 0 auto; width: 1000px;}
#wrapper {background-color: #FFF; overflow: auto;}

a, a:visited {color: #5A6878;}
a:hover {color: #95A2B0;}
a:active, a:focus {text-decoration: none;}
a img {border: 0;}

h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif;}

h1 {font-size: 1em;}
h2 {font-size: 1.8em; font-weight: normal; margin-bottom: .4em;}
h3 {font-size: 1.4em;}

ul, li {list-style: none;}
 
.clear {clear: both;}

/* =Masthead Styles
---------------------------------- */
#masthead, #collage {float: left; position: relative;}
#masthead {background: #000 url(../images/mastheadGrad.jpg) repeat-x; padding: 0 0 24px 27px; width: 973px;}
#masthead #logo {position: absolute; top: 110px; right: 30px; width: 363px;}
#masthead #collage {height: 221px; width: 542px; background: url(../images/collage.jpg) repeat-x;}

#masthead #nav {position: absolute; top: 210px; left: 400px; z-index: 10; width: 600px;}
#masthead #nav li {float: left; padding-left: 1px; background: url(../images/pipe.jpg) no-repeat;} /* 1px padding to make pipe viewable */
#masthead #nav li a {display: block; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 13px 12px 21px; text-decoration: none;}
#masthead #nav li a:hover {background: url(../images/buttonBkg-over.jpg) repeat-x;}

/* =Content Styles
---------------------------------- */
#content-outer, #content-inner, #content-main, #content-sidebar {float: left; width: 100%; padding-bottom: 1em;}
#content-outer {background: url(../images/contentGrad.jpg) repeat-x; background-color: #FFF;}
#content-inner {background: url(../images/chain.jpg) no-repeat right top; padding-top: 2.4em; position: relative;}
#content-main {width: 560px; padding-left: 4em;}
#content-main h1 {text-indent: -9999px; margin-bottom: 1em;}
#content-main p {margin: .5em 0 1em; line-height: 1.5;}
#content-sidebar {width: 190px; padding: 7em 0 0 2em;}
#content-main ul {margin-left: 1.75em;}
#content-main ul li {background: url(../images/bullet.gif) no-repeat 0 3px; padding-left: 1.2em;}

/* =Footer Styles
---------------------------------- */
#site-info {width: 975px; background: #BF571A;	text-align: right; padding: 1.4em 25px 1.4em 0;	
			font-family: "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; color: #FFF;}
#site-info p {font-size: .75em; text-align: right;  letter-spacing: .03em;}
#site-info a, #site-info a:visited  {color: #FFF;}
#site-info a:hover, #site-info a:active {color: #2B2BAC; text-decoration: none;} 

/* =Blockquotes
---------------------------------- */
body#testimonials #content-main blockquote {background: url(../images/quotes.gif) no-repeat; margin: 0 1em 1.5em;}
body#testimonials #content-main blockquote p {padding-left: 2em; line-height: 1.35;}
body#testimonials #content-main blockquote p.q-name, body#testimonials #content-main blockquote p.q-company {margin: 0;	font-weight: bold; letter-spacing: 0.02em; color: #36455F;}

/* =Address
---------------------------------- */	
body#contact #content-main address {margin-top: 1em;}
body#contact #content-main address {font-style: normal;}
body#contact #content-main address p {margin: 0; line-height: 1.4; letter-spacing: .02em;}	
body#contact #content-main address p#company-name {font-size: 1.5em;}
body#contact #wagmp_map_1 {margin-top: 2em;}
body#contact #content-main div#payment {margin-top: 1.4em;}
body#contact #content-main div#payment ol {margin-left: 1.75em;}
body#contact #content-main div#payment ol li {list-style: decimal;}

#content-inner #utube {position: absolute; top: 150px; right: 230px; width: 115px; z-index: 10;}

/* =Uberlinks
---------------------------------- */
#home #nav-home a, #about #nav-about a, #services #nav-services a, #testimonials #nav-testimonials a, #charities #nav-charities a,#contact #nav-contact a {
	background: url(../images/buttonBkg-over.jpg) repeat-x; cursor: default;}